sachin.ganesh
/
anwi_website
보기 1
좋아요 0
포크 0
코드 이슈 0 풀 리퀘스트 0 릴리즈 0 위키 Activity
설명 없음
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 커밋
1 브렌치
트리: c6815fb21d
브랜치 태그
${ item.name }
Create branch ${ searchTerm }
from 'c6815fb21d'
${ noResults }
anwi_website/index.html

index.html 33KB
히스토리 Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.     <meta charset="UTF-8" />

  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge" />

  8. 

  9.     <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />

  10.     <link rel="stylesheet" href="./dist/css/main.css" />

  11.     <link rel="stylesheet" href="./styles/style.css">

  12.     <link rel="stylesheet" href="./libs/Owlcarousel/Css/owl.carousel.min.css">

  13.     <link rel="stylesheet" href="./libs/Owlcarousel/Css/owl.theme.default.min.css">

  14.     <title>Anwi</title>

  15. </head>

  16. 

  17. <body>

  18.      <!-- main-body -->

  19.     <main class="home-main-container">

  20.         <section class="hero-banner">

  21.             <header>

  22.                 <!-- navbar -->

  23.                 <div id="navbar-head"></div>

  24.                 <!-- end-navbar -->

  25.             </header>

  26.             <hr class="mx-5">

  27.             <!-- banner-start -->

  28.             <div class="container">

  29.                 <section class="banner-wrapper ">

  30.                     <div class="banner-main-container">

  31.                         <div class="col-md-6 mt-7">

  32.                             <h5 class="mb-4">AIO24 - 1700N</h5>

  33.                             <h1 class="banner_heading_4 mb-4">All-in-One</h1>

  34.                             <h6 class="subtitle_1 mb-4">Extraordinary Performance and Unparalleled Flexibility</h6>

  35.                             <a class="btn btn-dark button_dark" href="#">Know

  36.                                     More</a>

  37.                         </div>

  38.                         <div class="col-md-12 d-block d-sm-none">

  39.                             <img src="./dist/assets/imgs/Home/all-in-one-mobile.png" class="img-fluid" alt="mobile-all-in-one">

  40.                         </div>

  41.                     </div>

  42.                 </section>

  43.                 <section class="offer-main-sec py-2 mb-3">

  44.                     <div class="offer-sec bg-white shadow rounded ms-auto

  45.                             col-md-4">

  46.                         <p class="py-3 text-center satoshi_font">Flat <span class="fw-bold"> 4,500</span> Instant Discount with HDFC Credit Card</p>

  47.                     </div>

  48.                 </section>

  49.                 <div class="col-5 d-block d-sm-none">

  50.                     <a class="btn btn-dark button_dark mb-4" href="#">Know

  51.                         More</a>

  52.                     </div>

  53.             </div>

  54.         </section>

  55.         <!-- end-banner -->

  56.         <!-- partners -->

  57.         <section class="aw-partners sec-space-1">

  58.             <div class="container d-none d-sm-block">

  59.                 <div class="row g-0 justify-content-center

  60.                         align-items-center px-4 text-center">

  61.                     <div class="col-md-3 sec-space-3"><img src="./dist/assets/imgs/Home/aw-partner-1.png" class="

  62.                                 img-fluid" alt="partners-img"></div>

  63.                     <div class="col-md-3 sec-space-3"><img src="./dist/assets/imgs/Home/aw-partner-2.png" class="

  64.                                 img-fluid" alt="partners-img"></div>

  65.                     <div class="col-md-3 sec-space-3"><img src="./dist/assets/imgs/Home/aw-partner-3.png" class="

  66.                                 img-fluid" alt="partners-img"></div>

  67.                     <div class="col-md-3 sec-space-3"><img src="./dist/assets/imgs/Home/aw-partner-4.png" class="

  68.                                 img-fluid" alt="partners-img"></div>

  69. 

  70.                 </div>

  71.             </div>

  72.             <div class="d-block d-sm-none">

  73.                 <div class="d-flex g-0 justify-content-center

  74.                         align-items-center text-center">

  75.                     <div class="col-md-6 sec-space-3"><img src="./dist/assets/imgs/Home/moobile-partner-img-1.png" class="

  76.                                 img-fluid" alt="partners-img"></div>

  77.                     <div class="col-md-6 ms-5 sec-space-3"><img src="./dist/assets/imgs/Home/moobile-partner-img-2.png" class="

  78.                                 img-fluid" alt="partners-img"></div>

  79.                 </div>

  80.                 <div class="d-flex g-0 justify-content-center

  81.                         align-items-center text-center">

  82.                     <div class="col-md-6 sec-space-3 windows-icon-mb"><img src="./dist/assets/imgs/Home/moobile-partner-img-3.png" class="

  83.                                 img-fluid" alt="partners-img"></div>

  84.                     <div class="col-md-6 ms-5 sec-space-3"><img src="./dist/assets/imgs/Home/moobile-partner-img-4.png" class="

  85.                                 img-fluid" alt="partners-img"></div>

  86.                 </div>

  87.             </div>

  88.         </section>

  89.         <section class="products-container sec-space-1">

  90.             <div class="products-main-container">

  91.                 <div class="row g-0">

  92.                     <div class="col-md-6 consumer-prd position-relative"><img class="img-fluid" src="./dist/assets/imgs/Home/consumer-product.png" alt="consumer-product">

  93.                         <div class="product-heading position-absolute top-0

  94.                                 w-100">

  95.                             <div class="d-flex align-items-center m-4">

  96.                                 <span class="text-start">

  97.                                         <h4 class="text-white fw-bold">Consumer

  98.                                             Product</h4>

  99.                                     </span>

  100.                                 <span class="text-end ms-auto">

  101.                                         <h5 class="text-white fw-bold"><svg

  102.                                                 xmlns="http://www.w3.org/2000/svg"

  103.                                                 width="45"

  104.                                                 height="45"

  105.                                                 fill="#fff" class="bi

  106.                                                 bi-arrow-right-circle"

  107.                                                 viewBox="0

  108.                                                 0 16 16">

  109.                                                 <path fill-rule="evenodd" d="M1

  110.                                                     8a7 7 0 1 0 14 0A7 7 0 0

  111.                                                     0 1 8zm15 0A8 8 0 1 1 0 8a8

  112.                                                     8 0 0 1 16 0zM4.5 7.5a.5.5

  113.                                                     0 0 0 0 1h5.793l-2.147

  114.                                                     2.146a.5.5 0 0 0

  115.                                                     .708.708l3-3a.5.5 0 0 0

  116.                                                     0-.708l-3-3a.5.5 0 1

  117.                                                     0-.708.708L10.293 7.5H4.5z"

  118.                                                     />

  119.                                                 </svg></h5>

  120.                                         </span>

  121.                             </div>

  122.                         </div>

  123.                     </div>

  124.                     <div class="col-md-6 enterprise-prd

  125.                                 position-relative"><img src="./dist/assets/imgs/Home/enterprise-product.png" alt="enterprise-product" class="img-fluid">

  126.                         <div class="product-heading position-absolute

  127.                                     bottom-0 w-100">

  128.                             <div class="d-flex align-items-center m-4">

  129.                                 <span class="text-start">

  130.                                             <h4 class="text-white fw-bold">Enterprise

  131.                                                 Product</h4>

  132.                                         </span>

  133.                                 <span class="text-end ms-auto">

  134.                                             <h5 class="text-white

  135.                                                 fw-bold"><svg

  136.                                                     xmlns="http://www.w3.org/2000/svg"

  137.                                                     width="45" height="45"

  138.                                                     fill="#fff" class="bi

  139.                                                     bi-arrow-right-circle"

  140.                                                     viewBox="0 0 16 16">

  141.                                                     <path fill-rule="evenodd"

  142.                                                         d="M1 8a7 7 0 1 0 14 0A7

  143.                                                         7 0

  144.                                                         0

  145.                                                         0 1 8zm15 0A8 8 0 1 1 0

  146.                                                         8a8 8 0 0 1 16 0zM4.5

  147.                                                         7.5a.5.5

  148.                                                         0 0 0 0 1h5.793l-2.147

  149.                                                         2.146a.5.5 0 0 0

  150.                                                         .708.708l3-3a.5.5 0 0 0

  151.                                                         0-.708l-3-3a.5.5 0 1

  152.                                                         0-.708.708L10.293

  153.                                                         7.5H4.5z" />

  154.                                                     </svg></h5>

  155.                                             </span>

  156.                             </div>

  157.                         </div>

  158.                     </div>

  159.                 </div>

  160.             </div>

  161.             </div>

  162.         </section>

  163.         <!-- end-partners -->

  164.         <!-- features -->

  165.         <section class="main-features-container sec-space-1">

  166.             <div class="main-features-heading">

  167.                 <div class="container ">

  168.                     <div class="justify-content-between

  169.                                 align-items-center d-block d-sm-flex">

  170.                         <div class="col-md-6 mobile-text-center">

  171.                             <h1>Now</h1>

  172.                             <h1> <span class="fw-bold"> Presenting</span></h1>

  173.                         </div>

  174.                         <div class="col-md-6">

  175.                             <h5 class="satoshi_font fw-normal">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis repudiandae eos inventore necessitatibus rem nostrum placeat fugit repellat. Similique provident reprehenderit quas cupiditate.</h5>

  176.                         </div>

  177.                     </div>

  178.                     <div class="aw-main-features sec-space-1">

  179.                         <div class=" d-block d-sm-flex

  180.                                     justify-content-around">

  181.                             <div class="aw-main-features-toggle">

  182.                                 <div class="aw-main-features-toggler-tab

  183.                                             d-none">

  184.                                     <div class="feature-sno">

  185.                                         <h3 class="border-bottom

  186.                                                     border-dark

  187.                                                     satoshi_font">

  188.                                             01

  189.                                         </h3>

  190.                                     </div>

  191.                                     <div class="aw-feature-name

  192.                                                 satoshi_font">

  193.                                         <h5 class="satoshi_font">Advanced Cooling

  194.                                         </h5>

  195.                                     </div>

  196.                                 </div>

  197. 

  198.                                 <div class="feature-bg-image

  199.                                             position-relative me-3" style="max-width: 30rem;">

  200.                                     <img src="https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class="w-100" />

  201.                                     <div class="position-absolute

  202.                                                 bottom-0 text-light w-100">

  203.                                         <p class="p-2 m-0">01.</p>

  204.                                         <div class="d-flex

  205.                                                     justify-content-between" style="background-color:

  206.                                                     rgba(0,

  207.                                                     0, 0, 0.5)">

  208.                                             <p class="p-2 m-0">Advanced Cooling

  209.                                             </p>

  210.                                             <button type="button" class="btn

  211.                                                         btn-primary

  212.                                                         rounded-0 satoshi_font">Learn

  213.                                                         More</button>

  214.                                         </div>

  215.                                     </div>

  216.                                 </div>

  217.                             </div>

  218.                             <div class="bg-light p-3

  219.                                         aw-main-features-toggle">

  220.                                 <div class="aw-main-features-toggler-tab">

  221.                                     <div class="feature-sno">

  222.                                         <h3 class="border-bottom

  223.                                                     border-dark

  224.                                                     satoshi_font">

  225.                                             02

  226.                                         </h3>

  227.                                     </div>

  228.                                     <div class="aw-feature-name

  229.                                                 satoshi_font">

  230.                                         <h5 class="satoshi_font">The Neverless

  231.                                         </h5>

  232.                                     </div>

  233.                                 </div>

  234. 

  235.                                 <div class="feature-bg-image

  236.                                             position-relative me-3 d-none" style="max-width: 30rem;">

  237.                                     <img src="https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class="w-100" />

  238.                                     <div class="position-absolute

  239.                                                 bottom-0 text-light w-100">

  240.                                         <p class="p-2 m-0">02.</p>

  241.                                         <div class="d-flex

  242.                                                     justify-content-between" style="background-color:

  243.                                                     rgba(0,

  244.                                                     0, 0, 0.5)">

  245.                                             <p class="p-2 m-0">The Neverless

  246.                                             </p>

  247.                                             <button type="button" class="btn

  248.                                                         btn-primary

  249.                                                         rounded-0 satoshi_font">Learn

  250.                                                         More</button>

  251.                                         </div>

  252.                                     </div>

  253.                                 </div>

  254.                             </div>

  255.                             <div class="bg-light p-3

  256.                                         aw-main-features-toggle">

  257.                                 <div class="aw-main-features-toggler-tab">

  258.                                     <div class="feature-sno">

  259.                                         <h3 class="border-bottom

  260.                                                     border-dark

  261.                                                     satoshi_font">

  262.                                             03

  263.                                         </h3>

  264.                                     </div>

  265.                                     <div class="aw-feature-name

  266.                                                 satoshi_font">

  267.                                         <h5 class="satoshi_font">Graphene Colling

  268.                                         </h5>

  269.                                     </div>

  270.                                 </div>

  271. 

  272.                                 <div class="feature-bg-image

  273.                                             position-relative me-3 d-none" style="max-width: 30rem;">

  274.                                     <img src="https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class="w-100" />

  275.                                     <div class="position-absolute

  276.                                                 bottom-0 text-light w-100">

  277.                                         <p class="p-2 m-0">03.</p>

  278.                                         <div class="d-flex

  279.                                                     justify-content-between" style="background-color:

  280.                                                     rgba(0,

  281.                                                     0, 0, 0.5)">

  282.                                             <p class="p-2 m-0">Graphene Colling

  283.                                             </p>

  284.                                             <button type="button" class="btn

  285.                                                         btn-primary

  286.                                                         rounded-0 satoshi_font">Learn

  287.                                                         More</button>

  288.                                         </div>

  289.                                     </div>

  290.                                 </div>

  291.                             </div>

  292.                             <div class="bg-light p-3

  293.                                         aw-main-features-toggle">

  294.                                 <div class="aw-main-features-toggler-tab">

  295.                                     <div class="feature-sno">

  296.                                         <h3 class="border-bottom

  297.                                                     border-dark

  298.                                                     satoshi_font">

  299.                                             04

  300.                                         </h3>

  301.                                     </div>

  302.                                     <div class="aw-feature-name

  303.                                                 satoshi_font">

  304.                                         <h5 class="satoshi_font">Price that pays off

  305.                                         </h5>

  306.                                     </div>

  307.                                 </div>

  308. 

  309.                                 <div class="feature-bg-image

  310.                                             position-relative me-3 d-none" style="max-width: 30rem;">

  311.                                     <img src="https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class="w-100" />

  312.                                     <div class="position-absolute

  313.                                                 bottom-0 text-light w-100">

  314.                                         <p class="p-2 m-0">04.</p>

  315.                                         <div class="d-flex

  316.                                                     justify-content-between" style="background-color:

  317.                                                     rgba(0,

  318.                                                     0, 0, 0.5)">

  319.                                             <p class="p-2 m-0">Price that pays off

  320.                                             </p>

  321.                                             <button type="button" class="btn

  322.                                                         btn-primary

  323.                                                         rounded-0 satoshi_font">Learn

  324.                                                         More</button>

  325.                                         </div>

  326.                                     </div>

  327.                                 </div>

  328.                             </div>

  329. 

  330.                         </div>

  331.                     </div>

  332.                 </div>

  333.             </div>

  334.         </section>

  335.         <!-- end-features -->

  336.         <section class="star-products sec-space-1">

  337.             <div class="container">

  338.                 <div class="what-make-us-diff-heading ">

  339.                     <h1 class="text-center">Our Star Products</h1>

  340.                 </div>

  341.                 <div class="owl-carousel owl-theme sec-space-1

  342.                             star-products-img-sec">

  343.                     <div class="item">

  344.                         <img src="./dist/assets/imgs/Home/product-1.png" alt="anwi-star-product">

  345.                     </div>

  346.                     <div class="item">

  347.                         <img src="./dist/assets/imgs/Home/product-2.png" alt="anwi-star-product">

  348.                     </div>

  349.                     <div class="item">

  350.                         <img src="./dist/assets/imgs/Home/product-3.png" alt="anwi-star-product">

  351.                     </div>

  352.                     <div class="item">

  353.                         <img src="./dist/assets/imgs/Home/product-1.png" alt="anwi-star-product">

  354.                     </div>

  355.                     <div class="item">

  356.                         <img src="./dist/assets/imgs/Home/product-2.png" alt="anwi-star-product">

  357.                     </div>

  358.                     <div class="item">

  359.                         <img src="./dist/assets/imgs/Home/product-3.png" alt="anwi-star-product">

  360.                     </div>

  361.                     <div class="item">

  362.                         <img src="./dist/assets/imgs/Home/product-1.png" alt="anwi-star-product">

  363.                     </div>

  364.                     <div class="item">

  365.                         <img src="./dist/assets/imgs/Home/product-2.png" alt="anwi-star-product">

  366.                     </div>

  367.                     <div class="item">

  368.                         <img src="./dist/assets/imgs/Home/product-3.png" alt="anwi-star-product">

  369.                     </div>

  370.                 </div>

  371.             </div>

  372.         </section>

  373.         <!-- star-products-end -->

  374.         <!-- what make us different -->

  375.         <section class="what-make-us-diff-sec sec-space-1">

  376.             <div class="container">

  377.                 <div class="what-make-us-diff-heading ">

  378.                     <h1 class="text-center">What Make us Different</h1>

  379.                 </div>

  380.                 <div class="row row-cols-1 row-cols-md-3 g-4

  381.                             sec-space-2">

  382.                     <div class="col">

  383.                         <div class="card h-100 border-0">

  384.                             <img src="./dist/assets/imgs/Home/dark-circle.png" class="img-fluid mx-auto w-25" alt="different-img-1">

  385.                             <div class="card-body">

  386.                                 <h5 class="card-title text-center">Solution Focus

  387.                                 </h5>

  388.                                 <p class="card-text text-center

  389.                                             satoshi_font">This card has supporting text below as a natural lead-in to additional content.

  390.                                 </p>

  391.                             </div>

  392.                         </div>

  393.                     </div>

  394.                     <div class="col">

  395.                         <div class="card h-100 border-0">

  396.                             <img src="./dist/assets/imgs/Home/dark-circle.png" class="img-fluid mx-auto w-25" alt="different-img-2">

  397.                             <div class="card-body">

  398.                                 <h5 class="card-title text-center">Our People & Culture</h5>

  399.                                 <p class="card-text text-center

  400.                                             satoshi_font">This card has supporting text below as a natural lead-in to additional content.

  401.                                 </p>

  402.                             </div>

  403.                         </div>

  404.                     </div>

  405.                     <div class="col">

  406.                         <div class="card h-100 border-0">

  407.                             <img src="./dist/assets/imgs/Home/dark-circle.png" class="img-fluid mx-auto w-25" alt="different-img-3">

  408.                             <div class="card-body">

  409.                                 <h5 class="card-title text-center">Design Lead Approch</h5>

  410.                                 <p class="card-text text-center

  411.                                             satoshi_font">This card has supporting text below as a natural lead-in to additional content.

  412.                                 </p>

  413.                             </div>

  414.                         </div>

  415.                     </div>

  416.                 </div>

  417.             </div>

  418.         </section>

  419.         <!-- end-what make us different -->

  420.         <!-- out-of-world -->

  421.         <section class="out-of-world sec-space-1 ">

  422.             <div class="container">

  423.                 <div class="card rounded-0">

  424.                     <div class="row g-0 align-items-center pt-4

  425.                                 mobile-text-center">

  426.                         <div class="col-md-4 ms-auto">

  427.                             <div class="card-body text-white mb-5">

  428.                                 <h1 class="card-title fw-700 ">Out of World

  429.                                 </h1>

  430.                                 <p class="card-text satoshi_font">Anwi Systems excels the performance with open hardware enabling customers to use memory and storage of their choices.

  431.                                 </p>

  432.                                 <a class="btn btn-light button_dark

  433.                                             satoshi_font fw-600" href="#">Learn

  434.                                             More</a>

  435.                             </div>

  436.                         </div>

  437.                         <div class="col-md-6 ms-auto">

  438.                             <img src="./dist/assets/imgs/Home/out-of-world.png" class="img-fluid rounded-start" alt="...">

  439.                         </div>

  440.                     </div>

  441.                 </div>

  442.             </div>

  443.         </section>

  444.         <!-- end-out-of-world -->

  445.         <!-- support-sec -->

  446.         <section class="aw-support-sec">

  447.             <div class="container">

  448.                 <div class="aw-support-sec-main-container pb-5

  449.                             position-relative">

  450.                     <div class="row g-0 mx-5">

  451.                         <div class="col-md-4 my-4 border-dark

  452.                                     border-end

  453.                                     ">

  454.                             <div class="support-sec-heading px-5">

  455.                                 <p class="fw-bold"> Hassel-free Replacement

  456.                                 </p>

  457.                                 <small class="satoshi_font">10-day

  458.                                             easy

  459.                                             replacement policy

  460.                                             on

  461.                                             anwisystems.com</small>

  462.                             </div>

  463.                         </div>

  464.                         <div class="col-md-4 my-4 border-dark

  465.                                     border-end

  466.                                     ">

  467.                             <div class="support-sec-heading px-5">

  468.                                 <p class="fw-bold"> Hassel-free Replacement

  469.                                 </p>

  470.                                 <small class="satoshi_font">10-day

  471.                                             easy

  472.                                             replacement policy

  473.                                             on

  474.                                             anwisystems.com</small>

  475.                             </div>

  476.                         </div>

  477.                         <div class="col-md-4 my-4">

  478.                             <div class="support-sec-heading px-5">

  479.                                 <p class="fw-bold">100 % Secure Payments

  480.                                 </p>

  481.                                 <small class="satoshi_font">we

  482.                                             support

  483.                                             cards, Wallets, EMI

  484.                                             and Cash on Deliver</small>

  485.                             </div>

  486.                         </div>

  487.                     </div>

  488.                     <!-- news-letter -->

  489.                     <div class="news-letter-sec position-absolute

  490.                                 w-100">

  491.                         <div class="row">

  492.                             <div class="card col-md-8 mx-auto py-2

  493.                                         rounded-0 shadow">

  494.                                 <div class="card-body px-5">

  495.                                     <div class="align-items-center

  496.                                                 d-block d-sm-flex

  497.                                                 justify-content-center">

  498.                                         <div>

  499.                                             <h6 class="fw-bold">Sign Up to Our Newsletter</h2>

  500.                                         </div>

  501.                                         <div class="ms-auto">

  502.                                             <a class="btn btn-dark

  503.                                                         button_dark

  504.                                                         satoshi_font d-flex

  505.                                                         align-items-center

  506.                                                         fw-600"><input type="text" class="bg-transparent

  507.                                                             news-letter-email

  508.                                                             text-white

  509.                                                             border-0" placeholder="Email

  510.                                                             Address" /> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="#fff" class="bi

  511.                                                             bi-arrow-right

  512.                                                             me-3" viewBox="0

  513.                                                             0 16 16">

  514.                                                             <path

  515.                                                                 fill-rule="evenodd"

  516.                                                                 d="M1 8a.5.5

  517.                                                                 0 0

  518.                                                                 1

  519.                                                                 .5-.5h11.793l-3.147-3.146a.5.5

  520.                                                                 0 0 1

  521.                                                                 .708-.708l4

  522.                                                                 4a.5.5 0 0 1

  523.                                                                 0

  524.                                                                 .708l-4

  525.                                                                 4a.5.5 0

  526.                                                                 0

  527.                                                                 1-.708-.708L13.293

  528.                                                                 8.5H1.5A.5.5

  529.                                                                 0 0

  530.                                                                 1 1 8z"/>

  531.                                                             </svg></a>

  532.                                         </div>

  533.                                     </div>

  534.                                 </div>

  535.                             </div>

  536.                         </div>

  537. 

  538.                     </div>

  539.                     <!-- end-news-letter -->

  540.                 </div>

  541.             </div>

  542.         </section>

  543.         <!-- end-support-sec -->

  544.     </main>

  545.     <!-- footer -->

  546.     <div id="footer-head" class="sec-space-1"></div>

  547.     <!-- end-footer -->

  548.     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>

  549.     <script src="./dist/Js/jquery.min.js"></script>

  550.     <script src="./libs/Owlcarousel/Js/owl.carousel.min.js"></script>

  551.     <script src="./dist/Js/navbar.js"></script>

  552.     <script src="./dist/Js/footer.js"></script> 

  553.     <script>

  554.         $('.owl-carousel.star-products-img-sec').owlCarousel({

  555.             loop: true,

  556.             margin: 10,

  557.             nav: true,

  558.             navText: ["<svg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='#B8B8B8' class='bi bi-arrow-left-short' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'/></svg>", "<svg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='#B8B8B8' class='bi bi-arrow-right-short' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z'/> </svg>"],

  559.             responsive: {

  560.                 0: {

  561.                     items: 1

  562.                 },

  563.                 600: {

  564.                     items: 3

  565.                 },

  566.                 1000: {

  567.                     items: 5

  568.                 }

  569.             }

  570.         })

  571.         $(".aw-main-features-toggle").click(function() {

  572.             $('.feature-bg-image').addClass('d-none');

  573.             $(".aw-main-features-toggle").addClass('p-3 bg-light')

  574.             $('.aw-main-features-toggler-tab').removeClass('d-none');

  575.             let toggleTab = $(this).find('.feature-bg-image:visible').length

  576.             if (toggleTab) {

  577.                 $(this).find('.feature-bg-image').addClass('d-none');

  578.                 $(this).find('.feature-bg-image').animate({

  579.                     width: "toggle"

  580.                 }, 500);

  581.             } else {

  582.                 $(this).find('.aw-main-features-toggler-tab').addClass('d-none');

  583.                 $(this).find('.feature-bg-image').removeClass('d-none')

  584.                 $(this).find('.feature-bg-image').show();

  585.                 if (window.width > 768) {

  586.                     $(this).find('.feature-bg-image').animate({

  587.                         width: "30rem"

  588.                     }, 500);

  589.                 } else {

  590.                     $(this).find('.feature-bg-image').animate({

  591.                         width: "auto"

  592.                     }, 500);

  593. 

  594.                 }

  595.                 $(this).removeClass('p-3 bg-light')

  596.             }

  597.         });

  598.     </script>

  599. </body>

  600. 

  601. </html>