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

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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593 
  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="#">Learn

  35.                                     More</a>

  36.                         </div>

  37.                     </div>

  38.                 </section>

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

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

  41.                             col-md-4">

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

  43.                     </div>

  44.                 </section>

  45.             </div>

  46.         </section>

  47.         <!-- end-banner -->

  48.         <!-- partners -->

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

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

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

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

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

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

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

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

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

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

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

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

  61. 

  62.                 </div>

  63.             </div>

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

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

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

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

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

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

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

  71.                 </div>

  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 windows-icon-mb"><img src="../../assets/imgs/Home/moobile-partner-img-3.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-4.png" class="

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

  78.                 </div>

  79.             </div>

  80.         </section>

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

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

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

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

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

  86.                                 w-100">

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

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

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

  90.                                             Product</h4>

  91.                                     </span>

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

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

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

  95.                                                 width="45"

  96.                                                 height="45"

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

  98.                                                 bi-arrow-right-circle"

  99.                                                 viewBox="0

  100.                                                 0 16 16">

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

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

  103.                                                     0 1 8zm15 0A8 8 0 1 1 0 8a8

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

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

  106.                                                     2.146a.5.5 0 0 0

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

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

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

  110.                                                     />

  111.                                                 </svg></h5>

  112.                                         </span>

  113.                             </div>

  114.                         </div>

  115.                     </div>

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

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

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

  119.                                     bottom-0 w-100">

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

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

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

  123.                                                 Product</h4>

  124.                                         </span>

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

  126.                                             <h5 class="text-white

  127.                                                 fw-bold"><svg

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

  129.                                                     width="45" height="45"

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

  131.                                                     bi-arrow-right-circle"

  132.                                                     viewBox="0 0 16 16">

  133.                                                     <path fill-rule="evenodd"

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

  135.                                                         7 0

  136.                                                         0

  137.                                                         0 1 8zm15 0A8 8 0 1 1 0

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

  139.                                                         7.5a.5.5

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

  141.                                                         2.146a.5.5 0 0 0

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

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

  144.                                                         0-.708.708L10.293

  145.                                                         7.5H4.5z" />

  146.                                                     </svg></h5>

  147.                                             </span>

  148.                             </div>

  149.                         </div>

  150.                     </div>

  151.                 </div>

  152.             </div>

  153.             </div>

  154.         </section>

  155.         <!-- end-partners -->

  156.         <!-- features -->

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

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

  159.                 <div class="container ">

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

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

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

  163.                             <h1>Now</h1>

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

  165.                         </div>

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

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

  168.                         </div>

  169.                     </div>

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

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

  172.                                     justify-content-around">

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

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

  175.                                             d-none">

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

  177.                                         <h3 class="border-bottom

  178.                                                     border-dark

  179.                                                     satoshi_font">

  180.                                             01

  181.                                         </h3>

  182.                                     </div>

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

  184.                                                 satoshi_font">

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

  186.                                         </h5>

  187.                                     </div>

  188.                                 </div>

  189. 

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

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

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

  193.                                     <div class="position-absolute

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

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

  196.                                         <div class="d-flex

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

  198.                                                     rgba(0,

  199.                                                     0, 0, 0.5)">

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

  201.                                             </p>

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

  203.                                                         btn-primary

  204.                                                         rounded-0 satoshi_font">Learn

  205.                                                         More</button>

  206.                                         </div>

  207.                                     </div>

  208.                                 </div>

  209.                             </div>

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

  211.                                         aw-main-features-toggle">

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

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

  214.                                         <h3 class="border-bottom

  215.                                                     border-dark

  216.                                                     satoshi_font">

  217.                                             02

  218.                                         </h3>

  219.                                     </div>

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

  221.                                                 satoshi_font">

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

  223.                                         </h5>

  224.                                     </div>

  225.                                 </div>

  226. 

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

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

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

  230.                                     <div class="position-absolute

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

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

  233.                                         <div class="d-flex

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

  235.                                                     rgba(0,

  236.                                                     0, 0, 0.5)">

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

  238.                                             </p>

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

  240.                                                         btn-primary

  241.                                                         rounded-0 satoshi_font">Learn

  242.                                                         More</button>

  243.                                         </div>

  244.                                     </div>

  245.                                 </div>

  246.                             </div>

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

  248.                                         aw-main-features-toggle">

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

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

  251.                                         <h3 class="border-bottom

  252.                                                     border-dark

  253.                                                     satoshi_font">

  254.                                             03

  255.                                         </h3>

  256.                                     </div>

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

  258.                                                 satoshi_font">

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

  260.                                         </h5>

  261.                                     </div>

  262.                                 </div>

  263. 

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

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

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

  267.                                     <div class="position-absolute

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

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

  270.                                         <div class="d-flex

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

  272.                                                     rgba(0,

  273.                                                     0, 0, 0.5)">

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

  275.                                             </p>

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

  277.                                                         btn-primary

  278.                                                         rounded-0 satoshi_font">Learn

  279.                                                         More</button>

  280.                                         </div>

  281.                                     </div>

  282.                                 </div>

  283.                             </div>

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

  285.                                         aw-main-features-toggle">

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

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

  288.                                         <h3 class="border-bottom

  289.                                                     border-dark

  290.                                                     satoshi_font">

  291.                                             04

  292.                                         </h3>

  293.                                     </div>

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

  295.                                                 satoshi_font">

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

  297.                                         </h5>

  298.                                     </div>

  299.                                 </div>

  300. 

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

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

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

  304.                                     <div class="position-absolute

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

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

  307.                                         <div class="d-flex

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

  309.                                                     rgba(0,

  310.                                                     0, 0, 0.5)">

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

  312.                                             </p>

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

  314.                                                         btn-primary

  315.                                                         rounded-0 satoshi_font">Learn

  316.                                                         More</button>

  317.                                         </div>

  318.                                     </div>

  319.                                 </div>

  320.                             </div>

  321. 

  322.                         </div>

  323.                     </div>

  324.                 </div>

  325.             </div>

  326.         </section>

  327.         <!-- end-features -->

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

  329.             <div class="container">

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

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

  332.                 </div>

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

  334.                             star-products-img-sec">

  335.                     <div class="item">

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

  337.                     </div>

  338.                     <div class="item">

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

  340.                     </div>

  341.                     <div class="item">

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

  343.                     </div>

  344.                     <div class="item">

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

  346.                     </div>

  347.                     <div class="item">

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

  349.                     </div>

  350.                     <div class="item">

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

  352.                     </div>

  353.                     <div class="item">

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

  355.                     </div>

  356.                     <div class="item">

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

  358.                     </div>

  359.                     <div class="item">

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

  361.                     </div>

  362.                 </div>

  363.             </div>

  364.         </section>

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

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

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

  368.             <div class="container">

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

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

  371.                 </div>

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

  373.                             sec-space-2">

  374.                     <div class="col">

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

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

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

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

  379.                                 </h5>

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

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

  382.                                 </p>

  383.                             </div>

  384.                         </div>

  385.                     </div>

  386.                     <div class="col">

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

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

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

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

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

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

  393.                                 </p>

  394.                             </div>

  395.                         </div>

  396.                     </div>

  397.                     <div class="col">

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

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

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

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

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

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

  404.                                 </p>

  405.                             </div>

  406.                         </div>

  407.                     </div>

  408.                 </div>

  409.             </div>

  410.         </section>

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

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

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

  414.             <div class="container">

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

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

  417.                                 mobile-text-center">

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

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

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

  421.                                 </h1>

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

  423.                                 </p>

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

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

  426.                                             More</a>

  427.                             </div>

  428.                         </div>

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

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

  431.                         </div>

  432.                     </div>

  433.                 </div>

  434.             </div>

  435.         </section>

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

  437.         <!-- support-sec -->

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

  439.             <div class="container">

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

  441.                             position-relative">

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

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

  444.                                     border-end

  445.                                     ">

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

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

  448.                                 </p>

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

  450.                                             easy

  451.                                             replacement policy

  452.                                             on

  453.                                             anwisystems.com</small>

  454.                             </div>

  455.                         </div>

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

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

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

  472.                                 </p>

  473.                                 <small class="satoshi_font">we

  474.                                             support

  475.                                             cards, Wallets, EMI

  476.                                             and Cash on Deliver</small>

  477.                             </div>

  478.                         </div>

  479.                     </div>

  480.                     <!-- news-letter -->

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

  482.                                 w-100">

  483.                         <div class="row">

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

  485.                                         rounded-0 shadow">

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

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

  488.                                                 d-block d-sm-flex

  489.                                                 justify-content-center">

  490.                                         <div>

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

  492.                                         </div>

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

  494.                                             <a class="btn btn-dark

  495.                                                         button_dark

  496.                                                         satoshi_font d-flex

  497.                                                         align-items-center

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

  499.                                                             news-letter-email

  500.                                                             text-white

  501.                                                             border-0" placeholder="Email

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

  503.                                                             bi-arrow-right

  504.                                                             me-3" viewBox="0

  505.                                                             0 16 16">

  506.                                                             <path

  507.                                                                 fill-rule="evenodd"

  508.                                                                 d="M1 8a.5.5

  509.                                                                 0 0

  510.                                                                 1

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

  512.                                                                 0 0 1

  513.                                                                 .708-.708l4

  514.                                                                 4a.5.5 0 0 1

  515.                                                                 0

  516.                                                                 .708l-4

  517.                                                                 4a.5.5 0

  518.                                                                 0

  519.                                                                 1-.708-.708L13.293

  520.                                                                 8.5H1.5A.5.5

  521.                                                                 0 0

  522.                                                                 1 1 8z"/>

  523.                                                             </svg></a>

  524.                                         </div>

  525.                                     </div>

  526.                                 </div>

  527.                             </div>

  528.                         </div>

  529. 

  530.                     </div>

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

  532.                 </div>

  533.             </div>

  534.         </section>

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

  536.     </main>

  537.     <!-- footer -->

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

  539.     <!-- end-footer -->

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

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

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

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

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

  545.     <script>

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

  547.             loop: true,

  548.             margin: 10,

  549.             nav: true,

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

  551.             responsive: {

  552.                 0: {

  553.                     items: 1

  554.                 },

  555.                 600: {

  556.                     items: 3

  557.                 },

  558.                 1000: {

  559.                     items: 5

  560.                 }

  561.             }

  562.         })

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

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

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

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

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

  568.             if (toggleTab) {

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

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

  571.                     width: "toggle"

  572.                 }, 500);

  573.             } else {

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

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

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

  577.                 if (window.width > 768) {

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

  579.                         width: "30rem"

  580.                     }, 500);

  581.                 } else {

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

  583.                         width: "auto"

  584.                     }, 500);

  585. 

  586.                 }

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

  588.             }

  589.         });

  590.     </script>

  591. </body>

  592. 

  593. </html>