sachin.ganesh
/
anwi_website
Sledovat 1
Oblíbit 0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Vydání 0 Wiki Activity
Bez popisu
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.
22 Revize
1 Větev
Strom: 6c21a9aeab
Větve Značky
${ item.name }
Create branch ${ searchTerm }
from '6c21a9aeab'
${ noResults }
anwi_website/dist/html/pages/index.html

index.html 33KB
Historie Surový

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600 
  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="./../../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 class="home-main-container">

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

  20.             <header>

  21.                 <!-- navbar -->

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

  23.                 <!-- end-navbar -->

  24.             </header>

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

  26.             <!-- banner-start -->

  27.             <div class="container">

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

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

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

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

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

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

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

  35.                                     More</a>

  36.                         </div>

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

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

  39.                         </div>

  40.                     </div>

  41.                 </section>

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

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

  44.                             col-md-4">

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

  46.                     </div>

  47.                 </section>

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

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

  50.                         More</a>

  51.                     </div>

  52.             </div>

  53.         </section>

  54.         <!-- end-banner -->

  55.         <!-- partners -->

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

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

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

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

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

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

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

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

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

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

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

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

  68. 

  69.                 </div>

  70.             </div>

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

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

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

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

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

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

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

  78.                 </div>

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

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

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

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

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

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

  85.                 </div>

  86.             </div>

  87.         </section>

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

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

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

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

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

  93.                                 w-100">

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

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

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

  97.                                             Product</h4>

  98.                                     </span>

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

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

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

  102.                                                 width="45"

  103.                                                 height="45"

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

  105.                                                 bi-arrow-right-circle"

  106.                                                 viewBox="0

  107.                                                 0 16 16">

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

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

  110.                                                     0 1 8zm15 0A8 8 0 1 1 0 8a8

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

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

  113.                                                     2.146a.5.5 0 0 0

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

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

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

  117.                                                     />

  118.                                                 </svg></h5>

  119.                                         </span>

  120.                             </div>

  121.                         </div>

  122.                     </div>

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

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

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

  126.                                     bottom-0 w-100">

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

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

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

  130.                                                 Product</h4>

  131.                                         </span>

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

  133.                                             <h5 class="text-white

  134.                                                 fw-bold"><svg

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

  136.                                                     width="45" height="45"

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

  138.                                                     bi-arrow-right-circle"

  139.                                                     viewBox="0 0 16 16">

  140.                                                     <path fill-rule="evenodd"

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

  142.                                                         7 0

  143.                                                         0

  144.                                                         0 1 8zm15 0A8 8 0 1 1 0

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

  146.                                                         7.5a.5.5

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

  148.                                                         2.146a.5.5 0 0 0

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

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

  151.                                                         0-.708.708L10.293

  152.                                                         7.5H4.5z" />

  153.                                                     </svg></h5>

  154.                                             </span>

  155.                             </div>

  156.                         </div>

  157.                     </div>

  158.                 </div>

  159.             </div>

  160.             </div>

  161.         </section>

  162.         <!-- end-partners -->

  163.         <!-- features -->

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

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

  166.                 <div class="container ">

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

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

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

  170.                             <h1>Now</h1>

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

  172.                         </div>

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

  174.                             <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>

  175.                         </div>

  176.                     </div>

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

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

  179.                                     justify-content-around">

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

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

  182.                                             d-none">

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

  184.                                         <h3 class="border-bottom

  185.                                                     border-dark

  186.                                                     satoshi_font">

  187.                                             01

  188.                                         </h3>

  189.                                     </div>

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

  191.                                                 satoshi_font">

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

  193.                                         </h5>

  194.                                     </div>

  195.                                 </div>

  196. 

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

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

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

  200.                                     <div class="position-absolute

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

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

  203.                                         <div class="d-flex

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

  205.                                                     rgba(0,

  206.                                                     0, 0, 0.5)">

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

  208.                                             </p>

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

  210.                                                         btn-primary

  211.                                                         rounded-0 satoshi_font">Learn

  212.                                                         More</button>

  213.                                         </div>

  214.                                     </div>

  215.                                 </div>

  216.                             </div>

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

  218.                                         aw-main-features-toggle">

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

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

  221.                                         <h3 class="border-bottom

  222.                                                     border-dark

  223.                                                     satoshi_font">

  224.                                             02

  225.                                         </h3>

  226.                                     </div>

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

  228.                                                 satoshi_font">

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

  230.                                         </h5>

  231.                                     </div>

  232.                                 </div>

  233. 

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

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

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

  237.                                     <div class="position-absolute

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

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

  240.                                         <div class="d-flex

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

  242.                                                     rgba(0,

  243.                                                     0, 0, 0.5)">

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

  245.                                             </p>

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

  247.                                                         btn-primary

  248.                                                         rounded-0 satoshi_font">Learn

  249.                                                         More</button>

  250.                                         </div>

  251.                                     </div>

  252.                                 </div>

  253.                             </div>

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

  255.                                         aw-main-features-toggle">

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

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

  258.                                         <h3 class="border-bottom

  259.                                                     border-dark

  260.                                                     satoshi_font">

  261.                                             03

  262.                                         </h3>

  263.                                     </div>

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

  265.                                                 satoshi_font">

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

  267.                                         </h5>

  268.                                     </div>

  269.                                 </div>

  270. 

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

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

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

  274.                                     <div class="position-absolute

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

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

  277.                                         <div class="d-flex

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

  279.                                                     rgba(0,

  280.                                                     0, 0, 0.5)">

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

  282.                                             </p>

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

  284.                                                         btn-primary

  285.                                                         rounded-0 satoshi_font">Learn

  286.                                                         More</button>

  287.                                         </div>

  288.                                     </div>

  289.                                 </div>

  290.                             </div>

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

  292.                                         aw-main-features-toggle">

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

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

  295.                                         <h3 class="border-bottom

  296.                                                     border-dark

  297.                                                     satoshi_font">

  298.                                             04

  299.                                         </h3>

  300.                                     </div>

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

  302.                                                 satoshi_font">

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

  304.                                         </h5>

  305.                                     </div>

  306.                                 </div>

  307. 

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

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

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

  311.                                     <div class="position-absolute

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

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

  314.                                         <div class="d-flex

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

  316.                                                     rgba(0,

  317.                                                     0, 0, 0.5)">

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

  319.                                             </p>

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

  321.                                                         btn-primary

  322.                                                         rounded-0 satoshi_font">Learn

  323.                                                         More</button>

  324.                                         </div>

  325.                                     </div>

  326.                                 </div>

  327.                             </div>

  328. 

  329.                         </div>

  330.                     </div>

  331.                 </div>

  332.             </div>

  333.         </section>

  334.         <!-- end-features -->

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

  336.             <div class="container">

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

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

  339.                 </div>

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

  341.                             star-products-img-sec">

  342.                     <div class="item">

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

  344.                     </div>

  345.                     <div class="item">

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

  347.                     </div>

  348.                     <div class="item">

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

  350.                     </div>

  351.                     <div class="item">

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

  353.                     </div>

  354.                     <div class="item">

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

  356.                     </div>

  357.                     <div class="item">

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

  359.                     </div>

  360.                     <div class="item">

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

  362.                     </div>

  363.                     <div class="item">

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

  365.                     </div>

  366.                     <div class="item">

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

  368.                     </div>

  369.                 </div>

  370.             </div>

  371.         </section>

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

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

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

  375.             <div class="container">

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

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

  378.                 </div>

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

  380.                             sec-space-2">

  381.                     <div class="col">

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

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

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

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

  386.                                 </h5>

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

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

  389.                                 </p>

  390.                             </div>

  391.                         </div>

  392.                     </div>

  393.                     <div class="col">

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

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

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

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

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

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

  400.                                 </p>

  401.                             </div>

  402.                         </div>

  403.                     </div>

  404.                     <div class="col">

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

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

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

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

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

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

  411.                                 </p>

  412.                             </div>

  413.                         </div>

  414.                     </div>

  415.                 </div>

  416.             </div>

  417.         </section>

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

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

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

  421.             <div class="container">

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

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

  424.                                 mobile-text-center">

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

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

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

  428.                                 </h1>

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

  430.                                 </p>

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

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

  433.                                             More</a>

  434.                             </div>

  435.                         </div>

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

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

  438.                         </div>

  439.                     </div>

  440.                 </div>

  441.             </div>

  442.         </section>

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

  444.         <!-- support-sec -->

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

  446.             <div class="container">

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

  448.                             position-relative">

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

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

  451.                                     border-end

  452.                                     ">

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

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

  455.                                 </p>

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

  457.                                             easy

  458.                                             replacement policy

  459.                                             on

  460.                                             anwisystems.com</small>

  461.                             </div>

  462.                         </div>

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

  464.                                     border-end

  465.                                     ">

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

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

  468.                                 </p>

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

  470.                                             easy

  471.                                             replacement policy

  472.                                             on

  473.                                             anwisystems.com</small>

  474.                             </div>

  475.                         </div>

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

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

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

  479.                                 </p>

  480.                                 <small class="satoshi_font">we

  481.                                             support

  482.                                             cards, Wallets, EMI

  483.                                             and Cash on Deliver</small>

  484.                             </div>

  485.                         </div>

  486.                     </div>

  487.                     <!-- news-letter -->

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

  489.                                 w-100">

  490.                         <div class="row">

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

  492.                                         rounded-0 shadow">

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

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

  495.                                                 d-block d-sm-flex

  496.                                                 justify-content-center">

  497.                                         <div>

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

  499.                                         </div>

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

  501.                                             <a class="btn btn-dark

  502.                                                         button_dark

  503.                                                         satoshi_font d-flex

  504.                                                         align-items-center

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

  506.                                                             news-letter-email

  507.                                                             text-white

  508.                                                             border-0" placeholder="Email

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

  510.                                                             bi-arrow-right

  511.                                                             me-3" viewBox="0

  512.                                                             0 16 16">

  513.                                                             <path

  514.                                                                 fill-rule="evenodd"

  515.                                                                 d="M1 8a.5.5

  516.                                                                 0 0

  517.                                                                 1

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

  519.                                                                 0 0 1

  520.                                                                 .708-.708l4

  521.                                                                 4a.5.5 0 0 1

  522.                                                                 0

  523.                                                                 .708l-4

  524.                                                                 4a.5.5 0

  525.                                                                 0

  526.                                                                 1-.708-.708L13.293

  527.                                                                 8.5H1.5A.5.5

  528.                                                                 0 0

  529.                                                                 1 1 8z"/>

  530.                                                             </svg></a>

  531.                                         </div>

  532.                                     </div>

  533.                                 </div>

  534.                             </div>

  535.                         </div>

  536. 

  537.                     </div>

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

  539.                 </div>

  540.             </div>

  541.         </section>

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

  543.     </main>

  544.     <!-- footer -->

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

  546.     <!-- end-footer -->

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

  548.     <script src="../../js/jquery.min.js"></script>

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

  550.     <script src="../../js/navbar.js"></script>

  551.     <script src="../../js/footer.js"></script>

  552.     <script>

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

  554.             loop: true,

  555.             margin: 10,

  556.             nav: true,

  557.             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>"],

  558.             responsive: {

  559.                 0: {

  560.                     items: 1

  561.                 },

  562.                 600: {

  563.                     items: 3

  564.                 },

  565.                 1000: {

  566.                     items: 5

  567.                 }

  568.             }

  569.         })

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

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

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

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

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

  575.             if (toggleTab) {

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

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

  578.                     width: "toggle"

  579.                 }, 500);

  580.             } else {

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

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

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

  584.                 if (window.width > 768) {

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

  586.                         width: "30rem"

  587.                     }, 500);

  588.                 } else {

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

  590.                         width: "auto"

  591.                     }, 500);

  592. 

  593.                 }

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

  595.             }

  596.         });

  597.     </script>

  598. </body>

  599. 

  600. </html>