sachin.ganesh
/
anwi_website
Seguir 1
Destacar 0
Cuchillo 0
Código Incidencias 0 Peticiones pull 0 Lanzamientos 0 Wiki Actividad
Sin descripción
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.
41 Commits
1 Rama
Árbol: 8e098d1add
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde '8e098d1add'
${ noResults }
anwi_website/index.html

index.html 34KB
Histórico Original

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619 
  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.      <!-- navbar -->

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

  20.      <!-- end-navbar -->

  21.     <!-- main-body -->

  22.     <main class="main-body home-main-container">

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

  24.             <!-- banner-start -->

  25.             <div class="container">

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

  27.                     <div class="banner-main-container d-flex align-items-center">

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

  29.                             <h5 class="satoshi_font">AIO24 - 1700N</h5>

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

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

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

  33.                                 More</a>

  34.                         </div>

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

  36.                             <img src="./dist/assets/imgs/Home/all-in-one-mobile.png" class="img-fluid mobile-home-img"

  37.                             alt="mobile-all-in-one">

  38.                         </div>

  39.                     </div>

  40.                 </section>

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

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

  43.                             col-md-4">

  44.                         <p class="py-3 text-center satoshi_font">Flat <span class="fw-bold"> 4,500</span> Instant

  45.                             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"><img src="./dist/assets/imgs/Home/aw-partner-1.png" class="

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

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

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

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

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

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

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

  68.                 </div>

  69.             </div>

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

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

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

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

  74.                             class="

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

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

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

  83.                             src="./dist/assets/imgs/Home/moobile-partner-img-3.png" class="

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

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

  86.                             class="

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

  88.                 </div>

  89.             </div>

  90.         </section>

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

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

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

  94.                     <div class="col-md-6 consumer-prd position-relative"><img class="img-fluid"

  95.                             src="./dist/assets/imgs/Home/consumer-product.png" alt="consumer-product">

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

  97.                                 w-100">

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

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

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

  101.                                         Product</h4>

  102.                                 </span>

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

  104.                                     <h5 class="text-white fw-bold"><svg xmlns="http://www.w3.org/2000/svg" width="45"

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

  106.                                                 bi-arrow-right-circle" 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.                                         </svg></h5>

  118.                                 </span>

  119.                             </div>

  120.                         </div>

  121.                     </div>

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

  123.                                 position-relative"><img src="./dist/assets/imgs/Home/enterprise-product.png"

  124.                             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 xmlns="http://www.w3.org/2000/svg" width="45" height="45"

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

  136.                                                     bi-arrow-right-circle" viewBox="0 0 16 16">

  137.                                             <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7

  138.                                                         7 0

  139.                                                         0

  140.                                                         0 1 8zm15 0A8 8 0 1 1 0

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

  142.                                                         7.5a.5.5

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

  144.                                                         2.146a.5.5 0 0 0

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

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

  147.                                                         0-.708.708L10.293

  148.                                                         7.5H4.5z" />

  149.                                         </svg></h5>

  150.                                 </span>

  151.                             </div>

  152.                         </div>

  153.                     </div>

  154.                 </div>

  155.             </div>

  156.             <!-- </div> -->

  157.         </section>

  158.         <!-- end-partners -->

  159.         <!-- features -->

  160.         <section class="main-features-container d-none d-lg-block  sec-space-1">

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

  162.                 <div class="container ">

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

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

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

  166.                             <h1>Now</h1>

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

  168.                         </div>

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

  170.                             <h5 class="satoshi_font fw-normal">Lorem ipsum dolor sit, amet consectetur adipisicing elit.

  171.                                 Blanditiis repudiandae eos inventore necessitatibus rem nostrum placeat fugit repellat.

  172.                                 Similique provident reprehenderit quas cupiditate.</h5>

  173.                         </div>

  174.                     </div>

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

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

  177.                         justify-content-between" style="height:520px">

  178.                             <div class="aw-main-features-toggle d-flex">

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

  180.                                 p-4">

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

  182.                                         <h3 class="border-bottom

  183.                                                     border-dark

  184.                                                     satoshi_font">

  185.                                             01

  186.                                         </h3>

  187.                                     </div>

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

  189.                                                 satoshi_font  ">

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

  191.                                         </h5>

  192.                                     </div>

  193.                                 </div>

  194. 

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

  196.                                             position-relative" style="max-width: 50rem;">

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

  198.                                     <div class="position-absolute

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

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

  201.                                         <div class="d-flex

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

  203.                                                     rgba(0,

  204.                                                     0, 0, 0.5)">

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

  206.                                             </p>

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

  208.                                                         btn-primary

  209.                                                         rounded-0 satoshi_font">Learn

  210.                                                 More</button>

  211.                                         </div>

  212.                                     </div>

  213.                                 </div>

  214.                             </div>

  215.                             <div class="bg-light p-4

  216.                                         aw-main-features-toggle">

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

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

  219.                                         <h3 class="border-bottom

  220.                                                     border-dark

  221.                                                     satoshi_font">

  222.                                             02

  223.                                         </h3>

  224.                                     </div>

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

  226.                                                 satoshi_font">

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

  228.                                         </h5>

  229.                                     </div>

  230.                                 </div>

  231. 

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

  233.                                             position-relative  d-none" style="max-width: 50rem;">

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

  235.                                     <div class="position-absolute

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

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

  238.                                         <div class="d-flex

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

  240.                                                     rgba(0,

  241.                                                     0, 0, 0.5)">

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

  243.                                             </p>

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

  245.                                                         btn-primary

  246.                                                         rounded-0 satoshi_font">Learn

  247.                                                 More</button>

  248.                                         </div>

  249.                                     </div>

  250.                                 </div>

  251.                             </div>

  252.                             <div class="bg-light p-4

  253.                                         aw-main-features-toggle">

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

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

  256.                                         <h3 class="border-bottom

  257.                                                     border-dark

  258.                                                     satoshi_font">

  259.                                             03

  260.                                         </h3>

  261.                                     </div>

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

  263.                                                 satoshi_font">

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

  265.                                         </h5>

  266.                                     </div>

  267.                                 </div>

  268. 

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

  270.                                             position-relative  d-none" style="max-width: 50rem;">

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

  272.                                     <div class="position-absolute

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

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

  275.                                         <div class="d-flex

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

  277.                                                     rgba(0,

  278.                                                     0, 0, 0.5)">

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

  280.                                             </p>

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

  282.                                                         btn-primary

  283.                                                         rounded-0 satoshi_font">Learn

  284.                                                 More</button>

  285.                                         </div>

  286.                                     </div>

  287.                                 </div>

  288.                             </div>

  289.                             <div class="bg-light p-4

  290.                                         aw-main-features-toggle">

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

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

  293.                                         <h3 class="border-bottom

  294.                                                     border-dark

  295.                                                     satoshi_font">

  296.                                             04

  297.                                         </h3>

  298.                                     </div>

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

  300.                                                 satoshi_font">

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

  302.                                         </h5>

  303.                                     </div>

  304.                                 </div>

  305. 

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

  307.                                             position-relative  d-none" style="max-width: 50rem;">

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

  309.                                     <div class="position-absolute

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

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

  312.                                         <div class="d-flex

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

  314.                                                     rgba(0,

  315.                                                     0, 0, 0.5)">

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

  317.                                             </p>

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

  319.                                                         btn-primary

  320.                                                         rounded-0 satoshi_font">Learn

  321.                                                 More</button>

  322.                                         </div>

  323.                                     </div>

  324.                                 </div>

  325.                             </div>

  326. 

  327.                         </div>

  328.                     </div>

  329.                 </div>

  330.             </div>

  331.         </section>

  332.         <!-- end-features -->

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

  334.             <div class="container">

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

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

  337.                 </div>

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

  339.                             star-products-img-sec">

  340.                     <div class="item">

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

  342.                     </div>

  343.                     <div class="item">

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

  345.                     </div>

  346.                     <div class="item">

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

  348.                     </div>

  349.                     <div class="item">

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

  351.                     </div>

  352.                     <div class="item">

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

  354.                     </div>

  355.                     <div class="item">

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

  357.                     </div>

  358.                     <div class="item">

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

  360.                     </div>

  361.                     <div class="item">

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

  363.                     </div>

  364.                     <div class="item">

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

  366.                     </div>

  367.                 </div>

  368.             </div>

  369.         </section>

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

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

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

  373.             <div class="container">

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

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

  376.                 </div>

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

  378.                             sec-space-2">

  379.                     <div class="col">

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

  381.                             <img src="./dist/assets/imgs/Home/dark-circle.png" class="img-fluid mx-auto w-25"

  382.                                 alt="different-img-1">

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

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

  385.                                 </h5>

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

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

  388.                                     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="./dist/assets/imgs/Home/dark-circle.png" class="img-fluid mx-auto w-25"

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

  401.                                     additional content.

  402.                                 </p>

  403.                             </div>

  404.                         </div>

  405.                     </div>

  406.                     <div class="col">

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

  408.                             <img src="./dist/assets/imgs/Home/dark-circle.png" class="img-fluid mx-auto w-25"

  409.                                 alt="different-img-3">

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

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

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

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

  414.                                     additional content.

  415.                                 </p>

  416.                             </div>

  417.                         </div>

  418.                     </div>

  419.                 </div>

  420.             </div>

  421.         </section>

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

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

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

  425.             <div class="container">

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

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

  428.                                 mobile-text-center">

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

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

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

  432.                                 </h1>

  433.                                 <p class="card-text satoshi_font">Anwi Systems excels the performance with open hardware

  434.                                     enabling customers to use memory and storage of their choices.

  435.                                 </p>

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

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

  438.                                     More</a>

  439.                             </div>

  440.                         </div>

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

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

  443.                                 alt="...">

  444.                         </div>

  445.                     </div>

  446.                 </div>

  447.             </div>

  448.         </section>

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

  450.         <!-- support-sec -->

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

  452.             <div class="container">

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

  454.                             position-relative">

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

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

  457.                                     border-end

  458.                                     ">

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

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

  461.                                 </p>

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

  463.                                     easy

  464.                                     replacement policy

  465.                                     on

  466.                                     anwisystems.com</small>

  467.                             </div>

  468.                         </div>

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

  470.                                     border-end

  471.                                     ">

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

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

  474.                                 </p>

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

  476.                                     easy

  477.                                     replacement policy

  478.                                     on

  479.                                     anwisystems.com</small>

  480.                             </div>

  481.                         </div>

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

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

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

  485.                                 </p>

  486.                                 <small class="satoshi_font">we

  487.                                     support

  488.                                     cards, Wallets, EMI

  489.                                     and Cash on Deliver</small>

  490.                             </div>

  491.                         </div>

  492.                     </div>

  493.                     <!-- news-letter -->

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

  495.                                 w-100">

  496.                         <div class="row">

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

  498.                                         rounded-0 shadow">

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

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

  501.                                                 d-block d-sm-flex

  502.                                                 justify-content-center">

  503.                                         <div>

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

  505.                                         </div>

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

  507.                                             <a class="btn btn-dark

  508.                                                         button_dark

  509.                                                         satoshi_font d-flex

  510.                                                         align-items-center

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

  512.                                                             news-letter-email

  513.                                                             text-white

  514.                                                             border-0" placeholder="Email

  515.                                                             Address" /> <svg xmlns="http://www.w3.org/2000/svg"

  516.                                                     width="25" height="25" fill="#fff" class="bi

  517.                                                             bi-arrow-right

  518.                                                             me-3" viewBox="0

  519.                                                             0 16 16">

  520.                                                     <path fill-rule="evenodd" d="M1 8a.5.5

  521.                                                                 0 0

  522.                                                                 1

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

  524.                                                                 0 0 1

  525.                                                                 .708-.708l4

  526.                                                                 4a.5.5 0 0 1

  527.                                                                 0

  528.                                                                 .708l-4

  529.                                                                 4a.5.5 0

  530.                                                                 0

  531.                                                                 1-.708-.708L13.293

  532.                                                                 8.5H1.5A.5.5

  533.                                                                 0 0

  534.                                                                 1 1 8z" />

  535.                                                 </svg></a>

  536.                                         </div>

  537.                                     </div>

  538.                                 </div>

  539.                             </div>

  540.                         </div>

  541. 

  542.                     </div>

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

  544.                 </div>

  545.             </div>

  546.         </section>

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

  548.     </main>

  549.     <!-- footer -->

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

  551.     <!-- end-footer -->

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

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

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

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

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

  557.     <script>

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

  559.             // loop: true,

  560.             margin: 10,

  561.             rtl:false,

  562.             nav: true,

  563.             navText: [

  564.                 "<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>",

  565.                 "<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>"

  566.             ],

  567.             responsive: {

  568.                 0: {

  569.                     items: 1

  570.                 },

  571.                 600: {

  572.                     items: 3

  573.                 },

  574.                 1000: {

  575.                     items: 5

  576.                 }

  577.             }

  578.         });

  579.         $('.owl-nav,.owl-dots').wrapAll('<div class="d-flex flex-row-reverse justify-content-between align-items-center"></div>')

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

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

  582.             $(".aw-main-features-toggle").addClass('p-4 bg-light')

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

  584.          //   $('.aw-main-features-toggler-tab.p-4').removeClass('p-4');

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

  586.             if (toggleTab) {

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

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

  589.                     width: "toggle"

  590.                 }, 500);

  591.             } else {

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

  593. 

  594.               $('.aw-main-features-toggle.d-flex').removeClass('p-4')

  595.              

  596.                $(this).addClass('d-flex');

  597. 

  598.                 $(this).find('.aw-main-features-toggler-tab').addClass('p-4');

  599. 

  600.                debugger;

  601.                 $(this).find('.feature-bg-image').removeClass('d-none').addClass('animated-feature-img');

  602.                

  603.                 if (window.width > 768) {

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

  605.                         width: "50rem"

  606.                     }, 500);

  607.                 } else {

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

  609.                         width: "auto"

  610.                     }, 500);

  611. 

  612.                 }

  613.                 $(this).removeClass('p-4 bg-light')

  614.             }

  615.         });

  616.     </script>

  617. </body>

  618. 

  619. </html>