rahul.katari
/
anwisystems
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
No Description
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.
6 Commits
1 Branch
Tree: 7b0be232b6
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '7b0be232b6'
${ noResults }
anwisystems/index.html

index.html 48KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3.   <head>

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

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

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

  7.     <link rel="stylesheet" href="./all.css" />

  8. 

  9.     <title>Anwi</title>

  10.     <style>

  11.       .slick-prev {

  12.         position: absolute;

  13.         padding: 10px 15px;

  14.         z-index: 1;

  15.         left: -25px;

  16.         top: 45%;

  17.         border-radius: 50%;

  18.         background: rgb(63, 76, 119);

  19.       }

  20. 

  21.       .slick-next {

  22.         position: absolute;

  23.         padding: 10px 15px;

  24.         right: -25px;

  25.         top: 45%;

  26.         border-radius: 50%;

  27.         background: rgb(63, 76, 119);

  28.       }

  29. 

  30.       .slick-prev.btn:hover,

  31.       .slick-next.btn:hover {

  32.         background: rgb(63, 76, 119);

  33.       }

  34. 

  35.       /* .graphene_text::after{

  36.             content: "";

  37.             display: block;

  38.             width: 60px;

  39.             height: 3px;

  40.             background: #ffffff;

  41.             left: 0;

  42.         } */

  43. 

  44.       .slick-track {

  45.         display: flex !important;

  46.       }

  47. 

  48.       .slick-slide {

  49.         height: inherit !important;

  50.       }

  51.     </style>

  52.   </head>

  53. 

  54.   <body>

  55.     <!-- navbar -->

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

  57.     <!-- end-navbar -->

  58.     <!-- main-body -->

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

  60.       <!-- banner-start -->

  61.       <section class="hero-banner banner-wrapper" id="home_banner">

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

  63.           <div

  64.             id="carouselExampleAutoplaying"

  65.             class="carousel slide"

  66.             data-bs-ride="carousel"

  67.           >

  68.             <div class="carousel-indicators mb-md-3">

  69.               <button

  70.                 type="button"

  71.                 data-bs-target="#carouselExampleAutoplaying"

  72.                 data-bs-slide-to="0"

  73.                 class="active carousel_btn"

  74.                 aria-current="true"

  75.                 aria-label="Slide 1"

  76.               ></button>

  77.               <button

  78.                 type="button"

  79.                 data-bs-target="#carouselExampleAutoplaying"

  80.                 data-bs-slide-to="1"

  81.                 aria-label="Slide 2"

  82.                 class="carousel_btn"

  83.               ></button>

  84.               <!-- <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="2"

  85.                                 aria-label="Slide 3" class="carousel_btn"></button>

  86.                             <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="3"

  87.                                 aria-label="Slide 4" class="carousel_btn"></button> -->

  88.             </div>

  89.             <div class="carousel-inner">

  90.               <div class="carousel-item active" id="carousel_item1">

  91.                 <a href="/zeno-aio-landing.html">

  92.                   <img

  93.                     src="./dist/assets/imgs/banners/anwi-aio.png"

  94.                     class="d-block mx-auto w-100 carousel_img"

  95.                     alt="..."

  96.                   />

  97.                 </a>

  98.               </div>

  99.               <div class="carousel-item" id="carousel_item2">

  100.                 <a href="/zeno-landing.html">

  101.                   <img

  102.                     src="./dist/assets/imgs/banners/anwi-laptop.png"

  103.                     class="d-block w-100 mx-auto carousel_img"

  104.                     alt="..."

  105.                   />

  106.                 </a>

  107.               </div>

  108.               <!-- <div class="carousel-item" id="carousel_item3">

  109.                                 <img src="./dist/assets/imgs/allin_imgs/sleekbookbanner.jpg" alt=""

  110.                                     class="d-block mx-auto w-100 carousel_img">

  111.                             </div>

  112.                             <div class="carousel-item" id="carousel_item4">

  113.                                 <img src="./dist/assets/imgs/allin_imgs/allinonebanner.jpg" alt=""

  114.                                     class="d-block mx-auto w-100 carousel_img"> -->

  115.             </div>

  116.           </div>

  117.         </div>

  118.       </section>

  119.       <!-- end-banner -->

  120. 

  121.       <!-- zeno section start  -->

  122.       <section class="zeno_steamlined_section py-5">

  123.         <div class="container">

  124.           <div class="zeno_steamlined_section_heading">

  125.             <div

  126.               class="d-flex align-items-center justify-content-center py-md-5"

  127.             >

  128.               <div class="zeno_logo">

  129.                 <img

  130.                   src="./dist/assets/imgs/Home_new/Zeno_head_logo.png"

  131.                   class="img-fluid"

  132.                   alt=""

  133.                 />

  134.               </div>

  135.               <div class="zeno_section_heading_titleText ms-4">

  136.                 <h1 class="">Streamlined and Efficient Computing!</h1>

  137.                 <h6 class="satoshi_font text-black-50">

  138.                   ZENO, the ideal choice for those who value efficiency and

  139.                   affordability.

  140.                 </h6>

  141.               </div>

  142.             </div>

  143.           </div>

  144.           <div class="zeno_products_main_container position-relative">

  145.             <div class="row mt-4 justify-content-center">

  146.               <div class="col-lg-6 h-100 d-none d-lg-block">

  147.                 <div class="">

  148.                   <div

  149.                     class="card ms-auto Two_four_inch_Card border-0 notes bg-gray-background rounded-4 pt-5"

  150.                   >

  151.                     <img

  152.                       src="./dist/assets/imgs/zeno/aio/aio.png"

  153.                       class="img-fluid w-65 w-sm-75 mx-auto success-img"

  154.                       alt="..."

  155.                     />

  156.                     <div class="card-body px-lg-5 pb-lg-5 pt-0">

  157.                       <h5 class="card-text satoshi_font fw-bold ms-md-0 ms-5">

  158.                         Zeno All-in-One 23.8 inch

  159.                       </h5>

  160. 

  161.                       <ul class="showspecsul text-black-50 ms-md-0 ms-5">

  162.                         <li class="fs-9">23.8 inch FHD Display</li>

  163.                         <li class="fs-9">

  164.                           Intel<sup>®</sup> Core<sup>™</sup> i3 | i5 | i7

  165.                           Processor (12th | 13th Gen)

  166.                         </li>

  167.                         <li class="fs-9">16 GB RAM | 512 GB M.2 NVMe</li>

  168.                         <li class="fs-9">Plastic Body with Metal stand</li>

  169.                       </ul>

  170. 

  171.                       <h5 class="card-text my-3">

  172.                         <small class="satoshi_font text-black-50"

  173.                           >Starting from ₹ 35,585</small

  174.                         >

  175.                       </h5>

  176.                       <a class="btn btn-dark" href="/zeno-aio-landing.html"

  177.                         >Know More</a

  178.                       >

  179.                       <p></p>

  180.                     </div>

  181.                   </div>

  182.                 </div>

  183.               </div>

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

  185.                 <div

  186.                   class="card mb-4 Two_four_inch_Card border-0 bg-gray-background rounded-4"

  187.                 >

  188.                   <div

  189.                     class="row g-0 px-3 p-md-3 py-lg-4 flex-column-reverse flex-md-row notes"

  190.                   >

  191.                     <div class="col-lg-6 col-md-6">

  192.                       <div class="card-body p-lg-5">

  193.                         <p class="card-text satoshi_font fw-bold ms-md-0 ms-5">

  194.                           Zeno All-in-One 23.8 inch

  195.                         </p>

  196.                         <ul class="showspecsul text-black-50 ms-md-0 ms-5">

  197.                           <li class="fs-9">23.8 inch FHD Display</li>

  198.                           <li class="fs-9">

  199.                             Intel<sup>®</sup> Core<sup>™</sup> i3 | i5 | i7

  200.                             Processor (12th | 13th Gen)

  201.                           </li>

  202.                           <li class="fs-9">16 GB RAM | 512 GB M.2 NVMe</li>

  203.                         </ul>

  204. 

  205.                         <div class="text-md-start text-center pb-3 pb-md-0">

  206.                           <h5 class="card-text my-4">

  207.                             <small class="satoshi_font text-black-50"

  208.                               >Starting from ₹ 35,585</small

  209.                             >

  210.                           </h5>

  211.                           <a class="btn btn-dark" href="/zeno-aio-landing.html"

  212.                             >Know More</a

  213.                           >

  214.                         </div>

  215.                       </div>

  216.                     </div>

  217.                     <div class="col-md-6 my-auto">

  218.                       <img

  219.                         src="./dist/assets/imgs/zeno/aio/aio.png"

  220.                         class="img-fluid rounded-start w-lg-100 w-sm-75 p-3 success-img"

  221.                         alt="..."

  222.                       />

  223.                     </div>

  224.                   </div>

  225.                 </div>

  226.               </div>

  227.               <div class="col-lg-6 h-100 d-flex flex-column gap-two-half">

  228.                 <div class="card zeno_sleekbook_1 border-0">

  229.                   <div

  230.                     class="row g-0 px-3 p-md-3 py-lg-4 flex-sm-row-reverse flex-lg-row flex-column-reverse notes bg-gray-background rounded-4"

  231.                   >

  232.                     <div class="col-lg-6 col-md-6">

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

  234.                         <div class="py-lg-2">

  235.                           <h5

  236.                             class="card-title mb-2 satoshi_font fw-bold ms-md-0 ms-5"

  237.                           >

  238.                             Zeno Sleekbook 14.1 inch

  239.                           </h5>

  240. 

  241.                           <ul class="showspecsul text-black-50 ms-md-0 ms-5">

  242.                             <li class="fs-9">14.1 inch 2.5K Display</li>

  243.                             <li class="fs-9">

  244.                               Intel<sup>®</sup> Core<sup>™</sup> i5-| i7 <br />

  245.                               (12th | 13th Gen)

  246.                             </li>

  247.                             <li class="fs-9">16 GB RAM , 512 GB M.2 NVMe</li>

  248.                             <li class="fs-9">Metal Body, 65W Type-c</li>

  249.                           </ul>

  250.                           <div class="text-md-start text-center pb-3 pb-md-0">

  251.                             <h5 class="card-text my-4">

  252.                               <small class="satoshi_font text-black-50"

  253.                                 >Starting from ₹ 47,990</small

  254.                               >

  255.                             </h5>

  256.                             <a class="btn btn-dark" href="/zeno-landing.html"

  257.                               >Know More</a

  258.                             >

  259.                           </div>

  260.                         </div>

  261.                       </div>

  262.                     </div>

  263.                     <div class="col-md-6 my-auto">

  264.                       <img

  265.                         src="./dist/assets/imgs/productimg/home-laptop14.png"

  266.                         class="img-fluid rounded-start w-sm-50 pt-md-0 pt-5 success-img"

  267.                         alt="..."

  268.                       />

  269.                     </div>

  270.                   </div>

  271.                 </div>

  272.                 <div class="card mt-0 zeno_sleekbook_2 border-0">

  273.                   <div

  274.                     class="row g-0 px-3 p-md-3 py-lg-4 flex-column-reverse flex-md-row notes bg-gray-background rounded-4"

  275.                   >

  276.                     <div class="col-lg-6 col-md-6">

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

  278.                         <div class="py-lg-2">

  279.                           <h5

  280.                             class="card-title satoshi_font mb-2 fw-bold ms-md-0 ms-5"

  281.                           >

  282.                             Zeno Sleekbook 16 inch

  283.                           </h5>

  284.                           <ul class="showspecsul text-black-50 ms-md-0 ms-5">

  285.                             <li class="fs-9">16 inch 2.5K Display</li>

  286.                             <li class="fs-9">

  287.                               Intel<sup>®</sup> Core<sup>™</sup> i5-| i7 <br />

  288.                               (12th | 13th Gen)

  289.                             </li>

  290.                             <li class="fs-9">16 GB RAM , 512 GB M.2 NVMe</li>

  291.                             <li class="fs-9">Metal Body, 65W Type-c</li>

  292.                           </ul>

  293.                           <div class="text-md-start text-center pb-3 pb-md-0">

  294.                             <h5 class="card-text my-4">

  295.                               <small class="satoshi_font text-black-50"

  296.                                 >Starting from ₹ 47,990</small

  297.                               >

  298.                             </h5>

  299.                             <a class="btn btn-dark" href="/zeno-landing.html"

  300.                               >Know More</a

  301.                             >

  302.                           </div>

  303.                         </div>

  304.                       </div>

  305.                     </div>

  306.                     <div class="col-md-6 my-auto">

  307.                       <img

  308.                         src="./dist/assets/imgs/productimg/home-laptop16.png"

  309.                         class="img-fluid rounded-start w-lg-100 w-200 mt-3 success-img"

  310.                         alt="..."

  311.                       />

  312.                     </div>

  313.                   </div>

  314.                 </div>

  315.               </div>

  316.             </div>

  317.             <div class="d-md-block d-none">

  318.               <span class="transform_text_1">Zeno&nbsp;Series</span>

  319.             </div>

  320.           </div>

  321.         </div>

  322.       </section>

  323.       <!-- zeno section start  -->

  324.       <section class="bg-black px-0 m-auto">

  325.         <div class="container">

  326.           <img

  327.             src="./dist/assets/imgs/banners/laptop1.jpg"

  328.             alt=""

  329.             class="img-fluid"

  330.           />

  331.         </div>

  332.       </section>

  333.       <!-- fyro section start  -->

  334.       <section class="fyro_steamlined_section py-md-5 d-none">

  335.         <div class="container">

  336.           <div class="fyro_steamlined_section_heading">

  337.             <div

  338.               class="d-flex align-items-center justify-content-center pb-md-5 pt-md-4 mb-md-5"

  339.             >

  340.               <div class="fyro_logo">

  341.                 <img

  342.                   src="./dist/assets/imgs/Home_new/fyro_logo.png"

  343.                   class="img-fluid"

  344.                   alt=""

  345.                 />

  346.               </div>

  347.               <div class="fyro_section_heading_titleText ms-4">

  348.                 <h1 class="">Unleash the Power of GPU!</h1>

  349.                 <h6 class="satoshi_font text-black-50">

  350.                   Explore the world of advanced computing with FYRO.

  351.                 </h6>

  352.               </div>

  353.             </div>

  354.           </div>

  355.           <div class="fyro_products_main_container position-relative">

  356.             <div class="row mt-4 justify-content-center">

  357.               <div class="col-lg-6 text-center text-md-start h-100">

  358.                 <div class="">

  359.                   <div class="position-relative d-none">

  360.                     <span class="transform_text">FYRO&nbsp;Series</span>

  361.                   </div>

  362.                   <div class="left-spacer-card">

  363.                     <div

  364.                       class="card mb-4 fyro_sleekbook_1 border-0 bg-gray-background rounded-4"

  365.                     >

  366.                       <div

  367.                         class="row g-0 px-3 p-md-3 py-lg-4 flex-sm-row-reverse flex-lg-row flex-column-reverse notes"

  368.                       >

  369.                         <div class="col-lg-6 col-md-6">

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

  371.                             <div class="py-lg-4">

  372.                               <h5

  373.                                 class="card-title mb-2 satoshi_font fw-bold ms-md-0 ms-5"

  374.                               >

  375.                                 FYRO 17.3 RTX 4080

  376.                               </h5>

  377.                               <ul

  378.                                 class="showspecsul text-black-50 ms-md-0 ms-5"

  379.                               >

  380.                                 <li class="fs-9">17.3 inch IPS level LCD</li>

  381.                                 <li class="fs-9">

  382.                                   Intel<sup>®</sup> Core<sup>™</sup> i9

  383.                                 </li>

  384.                                 <li class="fs-9">32 GB RAM , 2 TB M.2 NVMe</li>

  385.                               </ul>

  386.                               <div

  387.                                 class="text-md-start text-center pb-3 pb-md-0"

  388.                               >

  389.                                 <h5 class="card-text my-3">

  390.                                   <small class="satoshi_font text-black-50"

  391.                                     >Starting from ₹ 2,49,990</small

  392.                                   >

  393.                                 </h5>

  394.                                 <a

  395.                                   class="btn btn-dark"

  396.                                   href="/laptopdetails.html?Fyro#productId=106633230000031"

  397.                                   >Coming Soon</a

  398.                                 >

  399.                               </div>

  400.                             </div>

  401.                           </div>

  402.                         </div>

  403.                         <div class="col-md-6 my-auto">

  404.                           <img

  405.                             src="./dist/assets/imgs/fyro_laptop_images/15%20inches.png"

  406.                             class="img-fluid rounded-start w-sm-50 pt-md-0 pt-5 success-img"

  407.                             alt="..."

  408.                           />

  409.                         </div>

  410.                       </div>

  411.                     </div>

  412.                     <div

  413.                       class="card mb-3 fyro_sleekbook_2 border-0 bg-gray-background rounded-4"

  414.                     >

  415.                       <div

  416.                         class="row g-0 px-3 p-md-3 py-lg-3 flex-column-reverse flex-md-row notes"

  417.                       >

  418.                         <div class="col-lg-6 col-md-6">

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

  420.                             <div class="py-lg-4">

  421.                               <h5

  422.                                 class="card-title satoshi_font mb-2 fw-bold ms-md-0 ms-5"

  423.                               >

  424.                                 FYRO 14 RTX 4060

  425.                               </h5>

  426.                               <ul

  427.                                 class="showspecsul text-black-50 ms-md-0 ms-5"

  428.                               >

  429.                                 <li class="fs-9">14.0 inch FHD</li>

  430.                                 <li class="fs-9">

  431.                                   Intel<sup>®</sup> Core<sup>™</sup> i5 | i7 |

  432.                                   i9

  433.                                 </li>

  434.                                 <li class="fs-9">32 GB RAM , 2 TB M.2 NVMe</li>

  435.                               </ul>

  436.                               <div

  437.                                 class="text-md-start text-center pb-3 pb-md-0"

  438.                               >

  439.                                 <h5 class="card-text my-3">

  440.                                   <small class="satoshi_font text-black-50"

  441.                                     >Starting from ₹ 1,09,990</small

  442.                                   >

  443.                                 </h5>

  444.                                 <a

  445.                                   class="btn btn-dark"

  446.                                   href="/laptopdetails.html?Fyro#productId=106633230000031"

  447.                                   >Coming Soon

  448.                                 </a>

  449.                               </div>

  450.                             </div>

  451.                           </div>

  452.                         </div>

  453.                         <div class="col-md-6 my-auto">

  454.                           <img

  455.                             src="../dist/assets/imgs/fyro_laptop_images/14 inches.png"

  456.                             class="img-fluid rounded-start w-lg-100 mt-3 w-200 success-img"

  457.                             alt="..."

  458.                           />

  459.                         </div>

  460.                       </div>

  461.                     </div>

  462.                   </div>

  463.                 </div>

  464.               </div>

  465.               <div class="col-12 d-none d-lg-none">

  466.                 <div

  467.                   class="card mb-4 Two_four_inch_Card border-0 bg-gray-background rounded-4"

  468.                 >

  469.                   <div

  470.                     class="row g-0 px-3 p-md-3 py-lg-4 flex-column-reverse flex-md-row"

  471.                   >

  472.                     <div class="col-lg-6 col-md-6">

  473.                       <div class="card-body p-lg-5 text-white">

  474.                         <p class="card-text satoshi_font fw-bold ms-5">

  475.                           24 Inch All-In-One

  476.                         </p>

  477.                         <ul class="showspecsul ms-5">

  478.                           <li>24 Inch 2K FHD</li>

  479.                           <li>

  480.                             ntel<sup class="copy-right_sup">®</sup> Core<sup

  481.                               class="trademark_sup"

  482.                               >TM</sup

  483.                             >

  484.                             i5 13400 | 16GB

  485.                           </li>

  486.                           <li>16GB Memory | 1TB NVMe</li>

  487.                         </ul>

  488.                         <div class="text-md-start text-center pb-3 pb-md-0">

  489.                           <p

  490.                             class="card-text satoshi_font mb-2"

  491.                             style="visibility: hidden;"

  492.                           >

  493.                             Starting from ₹ 54,999

  494.                           </p>

  495.                           <a class="btn btn-dark" href="#">Coming Soon</a>

  496.                         </div>

  497.                       </div>

  498.                     </div>

  499.                     <div class="col-md-6 my-auto">

  500.                       <img

  501.                         src="./dist/assets/imgs/laptop and all in one/Fyro/All-in-one 34 inches/Asset 4@2x.png"

  502.                         class="img-fluid rounded-start w-lg-100 w-sm-75 p-3"

  503.                         alt="..."

  504.                       />

  505.                     </div>

  506.                   </div>

  507.                 </div>

  508.               </div>

  509.               <div class="col-lg-6 h-100">

  510.                 <div

  511.                   class="card ms-auto Two_four_inch_Card border-0 notes bg-gray-background rounded-4"

  512.                 >

  513.                   <img

  514.                     src="./dist/assets/imgs/laptop_aio/Fyro/All-in-one 34 inches/Asset 4@2x.png"

  515.                     class="img-fluid w-75 w-sm-75 mx-auto my-4 pt-md-4 success-img"

  516.                     alt="..."

  517.                   />

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

  519.                     <div class="py-lg-4 ms-md-5">

  520.                       <h5

  521.                         class="card-title satoshi_font mb-2 fw-bold ms-md-0 ms-5"

  522.                       >

  523.                         FYRO AIO34 ARC

  524.                       </h5>

  525.                       <ul class="showspecsul text-black-50 ms-md-0 ms-5">

  526.                         <li class="fs-9">34 inch Curved 4K LCD</li>

  527.                         <li class="fs-9">

  528.                           Intel<sup>®</sup> Core<sup>™</sup> i7-| i9 Processor

  529.                           (12th | 13th Gen)

  530.                         </li>

  531.                         <li class="fs-9">32 GB RAM , 2 TB M.2 NVMe</li>

  532.                       </ul>

  533.                       <div class="text-md-start text-center pb-3 pb-md-0">

  534.                         <h5 class="card-text my-4">

  535.                           <small class="satoshi_font text-black-50"

  536.                             >Starting from ₹ 1,24,990</small

  537.                           >

  538.                         </h5>

  539.                         <a

  540.                           class="btn btn-dark"

  541.                           href="/laptopdetails.html?AIO%20Fyro#productId=106633230000027#itemid=106633240000126"

  542.                           >Coming Soon

  543.                         </a>

  544.                       </div>

  545.                     </div>

  546.                   </div>

  547.                 </div>

  548.               </div>

  549.             </div>

  550.             <div class="d-md-block d-none">

  551.               <span class="transform_text_2">FYRO&nbsp;Series</span>

  552.             </div>

  553.           </div>

  554.         </div>

  555.       </section>

  556.       <!-- fyro section start  -->

  557. 

  558.       <!-- Graphene Technology Section -->

  559.       <section class="bg-black pb-md-5" id="graphene_section">

  560.         <div class="container py-md-5 py-4 position-relative">

  561.           <div

  562.             class="row align-items-center justify-content-center pb-md-5 pb-4 mb-md-4"

  563.           >

  564.             <div class="col-md-4 col-3 text-end">

  565.               <img

  566.                 src="./dist/assets/imgs/allin_imgs/ora_img.png"

  567.                 class="img-fluid w-md-50"

  568.               />

  569.             </div>

  570.             <div class="col-md-8 col-9 text-white">

  571.               <h1 class="satoshi_font">Our Innovation in Memory and Storage</h1>

  572.               <h5 class="satoshi_font text-muted">

  573.                 Reliable Heat Dissipation with

  574.                 <span class="fw-600">Graphene Technology</span>

  575.               </h5>

  576.             </div>

  577.           </div>

  578.           <div

  579.             class="align-items-center py-md-5 py-4 mx-0 rounded-3 row"

  580.             id="graphene_tech"

  581.           >

  582.             <div class="col-12">

  583.               <div class="row align-items-center justify-content-md-center">

  584.                 <div class="col-lg-6 col-md-8 text-center px-lg-3 px-md-5">

  585.                   <img

  586.                     src="./dist/assets/imgs/allin_imgs/graphene_img.png"

  587.                     class="img-fluid text-center"

  588.                   />

  589.                 </div>

  590.                 <div class="col-lg-6 text-white pe-lg-4">

  591.                   <h2 class="satoshi_font pb-md-3">

  592.                     A Breakthrough in Storage Performance and Sustainability

  593.                   </h2>

  594.                   <h6 class="mb-md-4 fw-lighter" style="line-height: 24px;">

  595.                     Experience a new era of storage technology with our

  596.                     innovative Graphene-Thermal Pad solution designed to

  597.                     revolutionize performance, longevity, and environmental

  598.                     sustainability.<br />

  599.                     ORA Series offers unparalleled benefits that set it apart

  600.                     from traditional storage options.

  601.                   </h6>

  602.                   <div class="row px-md-3">

  603.                     <div class="col-md-6 border-left pt-md-0 pt-2">

  604.                       <p class="graphene_text fs-9 mb-0">

  605.                         Optimal Thermal Management

  606.                       </p>

  607.                     </div>

  608.                     <div class="col-md-6 border-left">

  609.                       <p class="graphene_text fs-9 mb-0">

  610.                         Lightning-fast read and write speeds

  611.                       </p>

  612.                     </div>

  613.                     <div class="col-md-6 mt-md-3 border-left">

  614.                       <p class="graphene_text fs-9 mb-0">

  615.                         Lightweight & Flexible Deisgn

  616.                       </p>

  617.                     </div>

  618.                     <div class="col-md-6 mt-md-3 border-left">

  619.                       <p class="graphene_text fs-9 mb-0">Enhanced longevity</p>

  620.                     </div>

  621.                     <div class="col-12 pt-md-4 px-md-0 fs-9 pt-2">

  622.                       Upgrade to the Graphene Technology Memory Series and

  623.                       experience unparalleled performance, durability, and

  624.                       sustainability in your data storage solutions.

  625.                     </div>

  626.                   </div>

  627.                   <!-- <div class="text-end pe-md-4">

  628.                                     <a class="btn btn-dark  py-md-2" href="#">Know more...</a>

  629.                                 </div> -->

  630.                 </div>

  631.               </div>

  632.             </div>

  633.             <div class="col-12">

  634.               <div class="row pt-md-4 align-items-center px-md-3">

  635.                 <div

  636.                   class="col-md-6 col-12 py-md-0 py-3 text-md-center text-white"

  637.                 >

  638.                   <h3 class="fw-600">99% thinner than Traditional Solutions</h3>

  639.                 </div>

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

  641.                   <div class="row justify-content-center align-items-center">

  642.                     <div class="col-lg-6 col-12 text-center text-white">

  643.                       <div

  644.                         class="bg-black d-flex fs-9 px-md-4 py-md-2 py-2 px-3 rounded-3"

  645.                       >

  646.                         <p class="mb-0 px-md-2 py-md-1">

  647.                           <i class="fa-sharp fa-arrow-right fs-7"></i> ||

  648.                           <i class="fa-sharp fa-arrow-left fs-7"></i>

  649.                         </p>

  650.                         <p class="mb-0 text-start py-md-1 w-75 fs-7">

  651.                           &nbsp;World's Thinnest Heat Sink 100% More Effective

  652.                         </p>

  653.                       </div>

  654.                     </div>

  655.                     <div class="col-lg-6 col-12 pt-lg-0 pt-3 text-center">

  656.                       <div class="bg-white fs-7 px-md-2 py-md-2 rounded-3">

  657.                         <div

  658.                           class="border d-flex fs-7 rounded-3 align-items-center"

  659.                         >

  660.                           <div

  661.                             class="p-2"

  662.                             style="

  663.                               background-color: #50b2e4;

  664.                               border-top-left-radius: 7px;

  665.                               border-bottom-left-radius: 7px;

  666.                             "

  667.                           >

  668.                             <img

  669.                               src="./dist/assets/imgs/allin_imgs/15_percent.png"

  670.                               class="img-fluid w-60"

  671.                             />

  672.                           </div>

  673.                           <p

  674.                             class="py-md-2 border-left mb-0 w-75 text-dark ps-1"

  675.                           >

  676.                             15% More Performance & Life

  677.                           </p>

  678.                         </div>

  679.                       </div>

  680.                     </div>

  681.                   </div>

  682.                 </div>

  683.               </div>

  684.             </div>

  685.           </div>

  686.           <div class="d-md-block d-none">

  687.             <span class="transform_text1">Graphene&nbsp;Technology</span>

  688.           </div>

  689.         </div>

  690.       </section>

  691.       <!-- END Graphene Technology Section -->

  692. 

  693.       <!-- ORA series future storage section-->

  694.       <section class="" id="Ora_series_1">

  695.         <div class="container position-relative py-5 py-md-5">

  696.           <div class="mb-5 mb-md-5 mt-md-5 pb-md-5 text-center">

  697.             <h1 class="fw-600 satoshi_font">Discover the Future of Storage</h1>

  698.             <h5 class="satoshi_font mb-0 text-black-50">

  699.               with M2 NVMe SSDs at Lightning Speeds

  700.             </h5>

  701.           </div>

  702.           <div

  703.             class="align-items-center flex-column-reverse flex-md-row mx-0 px-md-5 rounded-4 row notes"

  704.             id="Fyro_main_card"

  705.           >

  706.             <div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">

  707.               <h3 class="fw-600 mb-md-3">ORA PCIe Storage</h3>

  708.               <h5 class="mb-1">NVMe M.2 SSDs</h5>

  709.               <h6 class="fs-7 mb-1">SSDs for your All-in-Ones and Laptops</h6>

  710.               <h6 class="fs-9 fw-600">Starting from ₹ 2,700</h6>

  711.               <div class="py-2">

  712.                 <a class="btn btn-dark shadow" href="./storageproducts.html"

  713.                   >Shop Now</a

  714.                 >

  715.               </div>

  716.             </div>

  717.             <div class="col-lg-8 col-md-8">

  718.               <img

  719.                 src="./dist/assets/imgs/allin_imgs/pci_storage.png"

  720.                 class="img-fluid success-img"

  721.               />

  722.             </div>

  723.           </div>

  724.           <div class="d-md-block d-none">

  725.             <span class="transform_text2 satoshi_font">ORA&nbsp;Series</span>

  726.           </div>

  727.         </div>

  728.       </section>

  729.       <!-- END ORA series future storage section-->

  730. 

  731.       <!-- ORA series Portability section-->

  732.       <section class="" id="Ora_series_2">

  733.         <div class="container py-md-5 py-5 position-relative">

  734.           <div class="text-center mb-md-5 mb-5 pb-md-5 mt-md-2">

  735.             <h1 class="satoshi_font fw-600">Portability Meets Power</h1>

  736.             <h5 class="satoshi_font text-black-50">

  737.               Boost the Laptops Potential with ORA Memory Series

  738.             </h5>

  739.           </div>

  740.           <div

  741.             class="align-items-center flex-md-row mx-0 px-md-5 rounded-4 row bg-gray-background notes"

  742.             id="laptop_memory_sec"

  743.           >

  744.             <div class="col-lg-8 col-md-8">

  745.               <img

  746.                 src="./dist/assets/imgs/allin_imgs/laptop_memory.png"

  747.                 class="img-fluid success-img"

  748.               />

  749.             </div>

  750.             <div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">

  751.               <h3 class="fw-600 mb-md-0">ORA Series</h3>

  752.               <h3 class="fw-600 mb-md-2">Laptop Memory</h3>

  753.               <h6 class="fs-9 fw-600">Starting from ₹ 1,900</h6>

  754.               <div class="py-2">

  755.                 <a class="btn btn-dark shadow" href="./ramproducts.html"

  756.                   >Shop Now</a

  757.                 >

  758.               </div>

  759.             </div>

  760.           </div>

  761.           <div class="d-md-block d-none">

  762.             <span class="transform_text3 satoshi_font">ORA&nbsp;Series</span>

  763.           </div>

  764.         </div>

  765.       </section>

  766.       <!-- END ORA series Portability section-->

  767. 

  768.       <!-- ORA series Empowering section-->

  769.       <section class="" id="Ora_series_3">

  770.         <div class="container py-md-5 py-5 position-relative">

  771.           <div class="text-center mb-5 mb-md-5 pb-md-5 pt-md-2">

  772.             <h1 class="satoshi_font fw-600">Empowering the Performance</h1>

  773.             <h5 class="satoshi_font text-black-50">

  774.               Maximize Efficiency with ORA Desktop Memory Series

  775.             </h5>

  776.           </div>

  777.           <div

  778.             class="align-items-center flex-column-reverse py-lg-5 py-md-5 flex-md-row mx-0 px-md-5 rounded-4 row notes"

  779.             id="desktop_memory_sec"

  780.           >

  781.             <div

  782.               class="col-lg-6 col-md-4 pb-4 pb-md-0 ps-4 ps-md-0 ps-lg-5 text-white"

  783.             >

  784.               <h3 class="fw-600 mb-md-0">ORA Series</h3>

  785.               <h3 class="fw-600 mb-md-2">Desktop Memory</h3>

  786.               <h6 class="fs-9 fw-600">Starting from ₹ 2,100</h6>

  787.               <div class="py-2 mt-lg-3">

  788.                 <a class="btn btn-dark shadow" href="./ramproducts.html"

  789.                   >Shop Now</a

  790.                 >

  791.               </div>

  792.             </div>

  793.             <div class="col-lg-6 col-md-8 pt-lg-5">

  794.               <img

  795.                 src="./dist/assets/imgs/allin_imgs/desktop_memory.png"

  796.                 class="img-fluid success-img"

  797.               />

  798.             </div>

  799.           </div>

  800.           <div class="d-md-block d-none">

  801.             <span class="transform_text3 satoshi_font">ORA&nbsp;Series</span>

  802.           </div>

  803.         </div>

  804.       </section>

  805.       <!-- END ORA series Empowering  section-->

  806. 

  807.       <!-- Top Selling Section -->

  808.       <section>

  809.         <div class="container mb-md-5 mb-5 d-none">

  810.           <h1 class="satoshi_font text-center py-md-5 my-md-3 py-4 fw-600">

  811.             Top Selling Products

  812.           </h1>

  813.           <div class="row justify-content-center align-items-center pb-md-5">

  814.             <div class="col-10">

  815.               <div id="homepage-slider">

  816.                 <div class="slider-hero">

  817.                   <div class="card h-100 mx-1 text-center bg-gray-4 border-0">

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

  819.                       <a href="./storageproducts.html">

  820.                         <img

  821.                           src="./dist/assets/imgs/allin_imgs/ora3_storage.png"

  822.                           class="w-100"

  823.                         />

  824.                         <p class="mb-0 fs-7 py-2">

  825.                           ORA3 M.2 NVMe 512GB<br />

  826.                           PCI Express 3.0

  827.                         </p>

  828.                         <p class="fw-600 text-primary mb-0 fs-9">Buy Now</p>

  829.                       </a>

  830.                     </div>

  831.                   </div>

  832.                   <div class="card h-100 mx-1 text-center bg-gray-4 border-0">

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

  834.                       <a href="./storageproducts.html">

  835.                         <img

  836.                           src="./dist/assets/imgs/allin_imgs/ora4_storage.png"

  837.                           class="w-100"

  838.                         />

  839.                         <p class="mb-0 fs-7 py-2">

  840.                           ORA4 M.2 NVMe 2TB<br />

  841.                           PCI Express 4.0

  842.                         </p>

  843.                         <p class="fw-600 text-primary mb-0 fs-9">Buy Now</p>

  844.                       </a>

  845.                     </div>

  846.                   </div>

  847.                   <div

  848.                     class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell"

  849.                   >

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

  851.                       <img

  852.                         src="./dist/assets/imgs/allin_imgs/ora_desktop.png"

  853.                         class="w-100"

  854.                       />

  855.                       <p class="mb-0 fs-7 py-2">

  856.                         ORA 32GB DDR5 <br />

  857.                         4800MHz Desktop Memory

  858.                       </p>

  859.                       <p class="fw-600 text-primary mb-0 fs-9">Buy Now</p>

  860.                       <p

  861.                         class="selling_product d-none"

  862.                         data_name="ORA 32GB DDR5 4800MHz Desktop RAM "

  863.                         data_version="DDR5"

  864.                         data_device="Desktop"

  865.                         data_gb="32GB"

  866.                         data_price="15500"

  867.                         data_img="../dist/assets/imgs/allin_imgs/ora_desktop.png"

  868.                       ></p>

  869.                     </div>

  870.                   </div>

  871.                   <div

  872.                     class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell"

  873.                   >

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

  875.                       <img

  876.                         src="./dist/assets/imgs/allin_imgs/8gb_laptop.png"

  877.                         class="w-100"

  878.                       />

  879.                       <p class="mb-0 fs-7 py-2">

  880.                         ORA 8GB DDR5 <br />

  881.                         4800MHz Laptop Memory

  882.                       </p>

  883.                       <p class="fw-600 text-primary mb-0 fs-9">Buy Now</p>

  884.                       <p

  885.                         class="selling_product d-none"

  886.                         data_name="ORA 8GB DDR5 4800MHz Laptop RAM "

  887.                         data_version="DDR5"

  888.                         data_device="Laptop"

  889.                         data_gb="8GB"

  890.                         data_price="5150"

  891.                         data_img="../dist/assets/imgs/allin_imgs/8gb_laptop.png"

  892.                       ></p>

  893.                     </div>

  894.                   </div>

  895.                   <div

  896.                     class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell"

  897.                   >

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

  899.                       <img

  900.                         src="./dist/assets/imgs/allin_imgs/32gb_laptop.png"

  901.                         class="w-100"

  902.                       />

  903.                       <p class="mb-0 fs-7 py-2">

  904.                         ORA 32GB DDR4 <br />

  905.                         3200MHz Laptop Memory

  906.                       </p>

  907.                       <p class="fw-600 text-primary mb-0 fs-9">Buy Now</p>

  908.                       <p

  909.                         class="selling_product d-none"

  910.                         data_name="ORA 32GB DDR4 3200MHz Laptop RAM "

  911.                         data_version="DDR4"

  912.                         data_device="Laptop"

  913.                         data_gb="32GB"

  914.                         data_price="8450"

  915.                         data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png"

  916.                       ></p>

  917.                     </div>

  918.                   </div>

  919.                   <div

  920.                     class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell"

  921.                   >

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

  923.                       <img

  924.                         src="./dist/assets/imgs/allin_imgs/32gb_laptop.png"

  925.                         class="w-100"

  926.                       />

  927.                       <p class="mb-0 fs-7 py-2">

  928.                         DDR4 <br />

  929.                         3200MHz Laptop Memory

  930.                       </p>

  931.                       <p class="fw-600 text-primary mb-0 fs-9">Buy Now</p>

  932.                       <p

  933.                         class="selling_product d-none"

  934.                         data_name="ORA 32GB DDR4 3200MHz Laptop RAM "

  935.                         data_version="DDR4"

  936.                         data_device="Laptop"

  937.                         data_gb="32GB"

  938.                         data_price="8450"

  939.                         data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png"

  940.                       ></p>

  941.                     </div>

  942.                   </div>

  943.                 </div>

  944.               </div>

  945.             </div>

  946.           </div>

  947.         </div>

  948.         <div

  949.           class="container my-5 py-md-5 rounded-3 text-white notes"

  950.           id="innovation_sections"

  951.         >

  952.           <div class="row align-items-center">

  953.             <div class="col-md-3 text-center">

  954.               <img

  955.                 src="./dist/assets/imgs/allin_imgs/innovation_img1.png"

  956.                 class="img-fluid success-img"

  957.               />

  958.             </div>

  959.             <div class="col-md-6 text-center text-dark">

  960.               <h1 class="">Innovation at your fingertips</h1>

  961.               <h5 class="mb-md-3 fw-500 text-black-50">

  962.                 Be the first to set your digital world on fire!

  963.               </h5>

  964.               <a href="#" class="btn btn-dark px-md-4 shadow">Know More</a>

  965.             </div>

  966.             <div class="col-md-3 text-center">

  967.               <img

  968.                 src="./dist/assets/imgs/allin_imgs/innovation_img2.png"

  969.                 class="img-fluid success-img"

  970.               />

  971.             </div>

  972.           </div>

  973.         </div>

  974.       </section>

  975.       <!-- END Top Selling Section -->

  976.     </main>

  977.     <!-- footer -->

  978.     <div id="footer-head" class=""></div>

  979.     <!-- end-footer -->

  980. 

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

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

  983.     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>

  984. 

  985.     <script src="./libs/axios.min.js"></script>

  986. 

  987.     <script src="./libs/cookies.min.js"></script>

  988. 

  989.     <script src="./dist/toaster/toastr.js"></script>

  990.     <script src="./dist/js/fontawesome.all.js"></script>

  991.     <script src="./dist/js/fontawesome.min.js"></script>

  992.     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>

  993.     <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>

  994.     <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>

  995.     <script src="./dist/js/vendor/bootstrap.min.js"></script>

  996.     <script src="./dist/js/plugins/slick.js"></script>

  997.     <script src="./dist/js/plugins/wow.js"></script>

  998.     <script src="./dist/js/plugins/svg-injector.min.js"></script>

  999.     <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>

  1000. 

  1001.     <!-- Main JS -->

  1002.     <script src="./dist/js/utils/helpers.js"></script>

  1003.     <script src="./dist/js/footer.js"></script>

  1004.     <script src="./dist/js/auth/apiservice.js"></script>

  1005.     <script src="./dist/js/navbar.js"></script>

  1006.     <script src="./dist/js/main.js"></script>

  1007.     <script src="./dist/js/index/index.js"></script>

  1008. 

  1009.     <script>

  1010.       $(document).ready(function () {

  1011.         let Newuser = window.localStorage.getItem(USER_AUTH_OKAY);

  1012. 

  1013.         if (Newuser == 1) {

  1014.           toasteropts();

  1015.           Command: toastr["success"]("Account Created Successfully");

  1016.           window.localStorage.removeItem(USER_AUTH_OKAY);

  1017.           return;

  1018.         } else if (Newuser == 2) {

  1019.           toasteropts();

  1020.           Command: toastr["success"]("Logged In Successfully");

  1021.           window.localStorage.removeItem(USER_AUTH_OKAY);

  1022.           return;

  1023.         }

  1024. 

  1025.         function toasteropts() {

  1026.           toastr.options = {

  1027.             closeButton: true,

  1028.             debug: false,

  1029.             newestOnTop: true,

  1030.             progressBar: true,

  1031.             positionClass: "toast-top-center",

  1032.             preventDuplicates: true,

  1033.             onclick: null,

  1034.             showDuration: "300",

  1035.             hideDuration: "1000",

  1036.             timeOut: "5000",

  1037.             extendedTimeOut: "1000",

  1038.             showEasing: "swing",

  1039.             hideEasing: "linear",

  1040.             showMethod: "fadeIn",

  1041.             hideMethod: "fadeOut",

  1042.           };

  1043.         }

  1044.       });

  1045. 

  1046.       $(".slick-prev").addClass("btn text-white");

  1047.       $(".slick-next").addClass("btn text-white");

  1048.       $(".slick-prev").html("←");

  1049.       $(".slick-next").html("→");

  1050.       // $('.owl-carousel.hero_carousel_main').owlCarousel({

  1051.       //     loop: true,

  1052.       //     nav: false,

  1053.       //     dots: true,

  1054.       //     responsive: {

  1055.       //         0: {

  1056.       //             items: 1

  1057.       //         },

  1058.       //         600: {

  1059.       //             items: 1

  1060.       //         },

  1061.       //         1000: {

  1062.       //             items: 1

  1063.       //         }

  1064.       //     }

  1065.       // });

  1066. 

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

  1068.       //     // loop: true,

  1069.       //     margin: 10,

  1070.       //     rtl: false,

  1071.       //     nav: true,

  1072.       //     navText: [

  1073.       //         "<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>",

  1074.       //         "<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>"

  1075.       //     ],

  1076.       //     responsive: {

  1077.       //         0: {

  1078.       //             items: 1

  1079.       //         },

  1080.       //         600: {

  1081.       //             items: 3

  1082.       //         },

  1083.       //         1000: {

  1084.       //             items: 5

  1085.       //         }

  1086.       //     }

  1087.       // });

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

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

  1090.         $(".feature-bg-image").addClass("d-none");

  1091.         $(".aw-main-features-toggle").addClass("p-4 bg-light");

  1092.         $(".aw-main-features-toggler-tab").removeClass("d-none");

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

  1094.         let toggleTab = $(this).find(".feature-bg-image:visible").length;

  1095.         if (toggleTab) {

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

  1097.           $(this).find(".feature-bg-image").animate(

  1098.             {

  1099.               width: "toggle",

  1100.             },

  1101.             500

  1102.           );

  1103.         } else {

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

  1105. 

  1106.           $(".aw-main-features-toggle.d-flex").removeClass("p-4");

  1107. 

  1108.           $(this).addClass("d-flex");

  1109. 

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

  1111.           $(this)

  1112.             .find(".feature-bg-image")

  1113.             .removeClass("d-none")

  1114.             .addClass("animated-feature-img");

  1115. 

  1116.           if (window.width > 768) {

  1117.             $(this).find(".feature-bg-image").animate(

  1118.               {

  1119.                 width: "50rem",

  1120.               },

  1121.               500

  1122.             );

  1123.           } else {

  1124.             $(this).find(".feature-bg-image").animate(

  1125.               {

  1126.                 width: "auto",

  1127.               },

  1128.               500

  1129.             );

  1130.           }

  1131.           $(this).removeClass("p-4 bg-light");

  1132.         }

  1133.       });

  1134.       let width_sc = $(window).width();

  1135.       if (width_sc <= 1198) {

  1136.         $(".text_fyro").addClass("d-none");

  1137.         $(".Fyro_main_card").removeClass("col-lg-11").addClass("col-12");

  1138.       }

  1139. 

  1140.       $(".top_sell").each(function () {

  1141.         $(".top_sell").click(function () {

  1142.           let product_name = $(this).find(".selling_product").attr("data_name");

  1143.           let data_version = $(this)

  1144.             .find(".selling_product")

  1145.             .attr("data_version");

  1146.           let data_device = $(this)

  1147.             .find(".selling_product")

  1148.             .attr("data_device");

  1149.           let data_gb = $(this).find(".selling_product").attr("data_gb");

  1150.           let data_price = $(this).find(".selling_product").attr("data_price");

  1151.           let data_img = $(this).find(".selling_product").attr("data_img");

  1152. 

  1153.           let top_obj = {

  1154.             name: product_name,

  1155.             version: data_version,

  1156.             device: data_device,

  1157.             gb: data_gb,

  1158.             price: data_price,

  1159.             img: data_img,

  1160.           };

  1161.           localStorage.setItem("top_data", JSON.stringify(top_obj));

  1162.           window.location.href = "./productdetails.html";

  1163.         });

  1164.       });

  1165.     </script>

  1166.   </body>

  1167. </html>