sachin.ganesh
/
anwi_website
关注 1
点赞 0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
暂无描述
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
35 提交
1 分支
目录树: 6e3f74a33b
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 '6e3f74a33b'
${ noResults }
anwi_website/index.html

index.html 34KB
文件历史 原始文件

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

  25.                

  26.            

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

  28.             <div class="container">

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

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

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

  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 mobile-home-img"

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

  41.                         </div>

  42.                     </div>

  43.                 </section>

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

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

  46.                             col-md-4">

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

  48.                             Discount with HDFC Credit Card</p>

  49.                     </div>

  50.                 </section>

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

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

  53.                         More</a>

  54.                 </div>

  55.             </div>

  56.         </section>

  57.         <!-- end-banner -->

  58.         <!-- partners -->

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

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

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

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

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

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

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

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

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

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

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

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

  71.                 </div>

  72.             </div>

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

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

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

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

  77.                             class="

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

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

  80.                             class="

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

  82.                 </div>

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

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

  85.                     <div class="col-md-6 sec-space-3 windows-icon-mb"><img

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

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

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

  89.                             class="

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

  91.                 </div>

  92.             </div>

  93.         </section>

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

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

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

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

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

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

  100.                                 w-100">

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

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

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

  104.                                         Product</h4>

  105.                                 </span>

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

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

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

  109.                                                 bi-arrow-right-circle" viewBox="0

  110.                                                 0 16 16">

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

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

  113.                                                     0 1 8zm15 0A8 8 0 1 1 0 8a8

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

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

  116.                                                     2.146a.5.5 0 0 0

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

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

  119.                                                     0-.708.708L10.293 7.5H4.5z" />

  120.                                         </svg></h5>

  121.                                 </span>

  122.                             </div>

  123.                         </div>

  124.                     </div>

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

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

  127.                             alt="enterprise-product" class="img-fluid">

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

  129.                                     bottom-0 w-100">

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

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

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

  133.                                         Product</h4>

  134.                                 </span>

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

  136.                                     <h5 class="text-white

  137.                                                 fw-bold"><svg xmlns="http://www.w3.org/2000/svg" width="45" height="45"

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

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

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

  141.                                                         7 0

  142.                                                         0

  143.                                                         0 1 8zm15 0A8 8 0 1 1 0

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

  145.                                                         7.5a.5.5

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

  147.                                                         2.146a.5.5 0 0 0

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

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

  150.                                                         0-.708.708L10.293

  151.                                                         7.5H4.5z" />

  152.                                         </svg></h5>

  153.                                 </span>

  154.                             </div>

  155.                         </div>

  156.                     </div>

  157.                 </div>

  158.             </div>

  159.             <!-- </div> -->

  160.         </section>

  161.         <!-- end-partners -->

  162.         <!-- features -->

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

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

  165.                 <div class="container ">

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

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

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

  169.                             <h1>Now</h1>

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

  171.                         </div>

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

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

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

  175.                                 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-between" style="height:520px">

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

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

  183.                                 p-4">

  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" style="max-width: 50rem;">

  200.                                     <img src="https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class="w-100 h-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-4

  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  d-none" style="max-width: 50rem;">

  237.                                     <img src="https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class="w-100 h-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-4

  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  d-none" style="max-width: 50rem;">

  274.                                     <img src="https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class="w-100 h-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-4

  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  d-none" style="max-width: 50rem;">

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

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

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

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

  388.                                 </h5>

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

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

  391.                                     additional content.

  392.                                 </p>

  393.                             </div>

  394.                         </div>

  395.                     </div>

  396.                     <div class="col">

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

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

  399.                                 alt="different-img-2">

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

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

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

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

  404.                                     additional content.

  405.                                 </p>

  406.                             </div>

  407.                         </div>

  408.                     </div>

  409.                     <div class="col">

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

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

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

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

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

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

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

  417.                                     additional content.

  418.                                 </p>

  419.                             </div>

  420.                         </div>

  421.                     </div>

  422.                 </div>

  423.             </div>

  424.         </section>

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

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

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

  428.             <div class="container">

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

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

  431.                                 mobile-text-center">

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

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

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

  435.                                 </h1>

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

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

  438.                                 </p>

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

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

  441.                                     More</a>

  442.                             </div>

  443.                         </div>

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

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

  446.                                 alt="...">

  447.                         </div>

  448.                     </div>

  449.                 </div>

  450.             </div>

  451.         </section>

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

  453.         <!-- support-sec -->

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

  455.             <div class="container">

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

  457.                             position-relative">

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

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

  460.                                     border-end

  461.                                     ">

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

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

  464.                                 </p>

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

  466.                                     easy

  467.                                     replacement policy

  468.                                     on

  469.                                     anwisystems.com</small>

  470.                             </div>

  471.                         </div>

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

  473.                                     border-end

  474.                                     ">

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

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

  477.                                 </p>

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

  479.                                     easy

  480.                                     replacement policy

  481.                                     on

  482.                                     anwisystems.com</small>

  483.                             </div>

  484.                         </div>

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

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

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

  488.                                 </p>

  489.                                 <small class="satoshi_font">we

  490.                                     support

  491.                                     cards, Wallets, EMI

  492.                                     and Cash on Deliver</small>

  493.                             </div>

  494.                         </div>

  495.                     </div>

  496.                     <!-- news-letter -->

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

  498.                                 w-100">

  499.                         <div class="row">

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

  501.                                         rounded-0 shadow">

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

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

  504.                                                 d-block d-sm-flex

  505.                                                 justify-content-center">

  506.                                         <div>

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

  508.                                         </div>

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

  510.                                             <a class="btn btn-dark

  511.                                                         button_dark

  512.                                                         satoshi_font d-flex

  513.                                                         align-items-center

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

  515.                                                             news-letter-email

  516.                                                             text-white

  517.                                                             border-0" placeholder="Email

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

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

  520.                                                             bi-arrow-right

  521.                                                             me-3" viewBox="0

  522.                                                             0 16 16">

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

  524.                                                                 0 0

  525.                                                                 1

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

  527.                                                                 0 0 1

  528.                                                                 .708-.708l4

  529.                                                                 4a.5.5 0 0 1

  530.                                                                 0

  531.                                                                 .708l-4

  532.                                                                 4a.5.5 0

  533.                                                                 0

  534.                                                                 1-.708-.708L13.293

  535.                                                                 8.5H1.5A.5.5

  536.                                                                 0 0

  537.                                                                 1 1 8z" />

  538.                                                 </svg></a>

  539.                                         </div>

  540.                                     </div>

  541.                                 </div>

  542.                             </div>

  543.                         </div>

  544. 

  545.                     </div>

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

  547.                 </div>

  548.             </div>

  549.         </section>

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

  551.     </main>

  552.     <!-- footer -->

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

  554.     <!-- end-footer -->

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

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

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

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

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

  560.     <script>

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

  562.             // loop: true,

  563.             margin: 10,

  564.             rtl:false,

  565.             nav: true,

  566.             navText: [

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

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

  569.             ],

  570.             responsive: {

  571.                 0: {

  572.                     items: 1

  573.                 },

  574.                 600: {

  575.                     items: 3

  576.                 },

  577.                 1000: {

  578.                     items: 5

  579.                 }

  580.             }

  581.         });

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

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

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

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

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

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

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

  589.             if (toggleTab) {

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

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

  592.                     width: "toggle"

  593.                 }, 500);

  594.             } else {

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

  596. 

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

  598.              

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

  600. 

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

  602. 

  603.                debugger;

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

  605.                

  606.                 if (window.width > 768) {

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

  608.                         width: "50rem"

  609.                     }, 500);

  610.                 } else {

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

  612.                         width: "auto"

  613.                     }, 500);

  614. 

  615.                 }

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

  617.             }

  618.         });

  619.     </script>

  620. </body>

  621. 

  622. </html>