rahul.katari
/
new.anwisystems.com
Obserwuj 1
Gwiazdka 0
Forkuj 0
Kod Problemy 0 Pull Requests 0 Wydania 0 Wiki Aktywność
Brak opisu
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.
1 Commit
1 Gałąź
Gałąź: master
Gałęzie Tagi
${ item.name }
Utwórz gałąź ${ searchTerm }
z 'master'
${ noResults }
new.anwisystems.com/index.html

index.html 52KB
Bezpośredni odnośnik Historia Czysty

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889 
  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.     <link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">

  9.     <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />

  10.     <link rel="stylesheet" href="./dist/css/main.css" />

  11.     <link rel="stylesheet" href="./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.     <!-- <link rel="stylesheet" href="./dist/css/font_icon.min.css"> -->

  15. 

  16. 

  17.     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  18.     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  19.     <link rel="stylesheet" href="./dist/css/vendor/vandella.css">

  20.     <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">

  21.     <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->

  22.     <link rel="stylesheet" href="./dist/css/vendor/fontello.css">

  23.     <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">

  24.     <link rel="stylesheet" href="./dist/css/plugins/slick.css">

  25.     <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">

  26.     <link rel="stylesheet" href="./dist/css/plugins/animate.css">

  27.     <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">

  28.     <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">

  29.     <link rel="stylesheet" href="./dist/css/style.css">

  30.     <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">

  31.     <link rel="stylesheet" href="./dist/css/fontawesome.min.css">

  32.     <link rel="stylesheet" href="./dist/toaster/toastr.css" />

  33. 

  34.     <title>Anwi</title>

  35.     <style>

  36.         .slick-prev {

  37.             position: absolute;

  38.             padding: 10px 15px;

  39.             z-index: 1;

  40.             left: -25px;

  41.             top: 45%;

  42.             border-radius: 50%;

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

  44.         }

  45. 

  46.         .slick-next {

  47.             position: absolute;

  48.             padding: 10px 15px;

  49.             right: -25px;

  50.             top: 45%;

  51.             border-radius: 50%;

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

  53.         }

  54. 

  55.         .slick-prev.btn:hover,

  56.         .slick-next.btn:hover {

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

  58.         }

  59. 

  60.         /* .graphene_text::after{

  61.             content: "";

  62.             display: block;

  63.             width: 60px;

  64.             height: 3px;

  65.             background: #ffffff;

  66.             left: 0;

  67.         } */

  68. 

  69.         .slick-track {

  70.             display: flex !important;

  71.         }

  72. 

  73.         .slick-slide {

  74.             height: inherit !important;

  75.         }

  76.     </style>

  77. </head>

  78. 

  79. <body>

  80.     <!-- navbar -->

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

  82.     <!-- end-navbar -->

  83.     <!-- main-body -->

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

  85.         <!-- banner-start -->

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

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

  88.                 <div id="carouselExampleAutoplaying" class="carousel slide " data-bs-ride="carousel">

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

  90.                         <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="0"

  91.                             class="active carousel_btn" aria-current="true" aria-label="Slide 1"></button>

  92.                         <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="1"

  93.                             aria-label="Slide 2" class="carousel_btn"></button>

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

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

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

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

  98.                     </div>

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

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

  101.                             <img src="./dist/assets/imgs/banners/anwi-laptop.png"

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

  103.                         </div>

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

  105.                             <img src="./dist/assets/imgs/banners/anwi-aio.png"

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

  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.             </div>

  119.         </section>

  120.         <!-- end-banner -->

  121. 

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

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

  124.             <div class="container">

  125.                 <div class="zeno_steamlined_section_heading">

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

  127.                         <div class="zeno_logo">

  128.                             <img src="./dist/assets/imgs/Home_new/Zeno_head_logo.png" class="img-fluid" alt="">

  129.                         </div>

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

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

  132.                             <h6 class="satoshi_font text-black-50">ZENO, the ideal choice for those who value efficiency

  133.                                 and affordability.</h6>

  134.                         </div>

  135.                     </div>

  136.                 </div>

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

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

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

  140.                             <div class="">

  141.                                 <div

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

  143.                                     <img src="./dist/assets/imgs/productimg/home-aio.png"

  144.                                         class="img-fluid  w-65 w-sm-75 mx-auto success-img" alt="...">

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

  146.                                         <h5 class="card-text satoshi_font fw-bold ms-md-0 ms-5">Zeno All-in-One 23.8

  147.                                             inch</h5>

  148. 

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

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

  151.                                             <li class="fs-9">Intel<sup>®</sup> Core<sup>™</sup> i3 | i5 | i7 Processor

  152.                                                 (12th | 13th

  153.                                                 Gen)</li>

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

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

  156. 

  157.                                         </ul>

  158. 

  159.                                         <h5 class="card-text my-3"><small class="satoshi_font text-black-50">Starting

  160.                                                 from ₹ 37,990</small></h5>

  161.                                         <a class="btn btn-dark "

  162.                                             href="/laptopdetails.html?AIO%20Zeno#productId=106633230000026#itemid=106633240000110">Buy

  163.                                             Now</a>

  164.                                         <p></p>

  165.                                     </div>

  166.                                 </div>

  167.                             </div>

  168.                         </div>

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

  170.                             <div class="card mb-4 Two_four_inch_Card border-0 bg-gray-background rounded-4">

  171.                                 <div class="row g-0 px-3 p-md-3 py-lg-4 flex-column-reverse flex-md-row notes">

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

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

  174.                                             <p class="card-text satoshi_font fw-bold ms-md-0 ms-5">23.8 Inch All-In-One

  175.                                             </p>

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

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

  178.                                                 <li class="fs-9">Intel<sup>®</sup> Core<sup>™</sup> i3 | i5 | i7

  179.                                                     Processor

  180.                                                     (12th | 13th

  181.                                                     Gen)</li>

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

  183.                                             </ul>

  184. 

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

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

  187.                                                         class="satoshi_font text-black-50">Starting from ₹

  188.                                                         37,990</small></h5>

  189.                                                 <a class="btn btn-dark " href="#">Buy Now</a>

  190.                                             </div>

  191.                                         </div>

  192.                                     </div>

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

  194.                                         <img src="./dist/assets/imgs/Home/all-in-one-mobile.png"

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

  196.                                     </div>

  197.                                 </div>

  198.                             </div>

  199.                         </div>

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

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

  202.                                 <div

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

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

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

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

  207.                                                 <h5 class="card-title mb-2 satoshi_font fw-bold ms-md-0 ms-5">Zeno

  208.                                                     Sleekbook 14.1 inch</h5>

  209. 

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

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

  212.                                                     <li class="fs-9">Intel<sup>®</sup> Core<sup>™</sup> i5-| i7 <br>

  213.                                                         (12th |

  214.                                                         13th

  215.                                                         Gen)</li>

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

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

  218.                                                 </ul>

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

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

  221.                                                             class="satoshi_font text-black-50">Starting from ₹

  222.                                                             47,990</small></h5>

  223.                                                     <a class="btn btn-dark "

  224.                                                         href="/laptopdetails.html?Zeno#productId=106633230000029">Buy

  225.                                                         Now</a>

  226.                                                 </div>

  227.                                             </div>

  228.                                         </div>

  229.                                     </div>

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

  231.                                         <img src="./dist/assets/imgs/productimg/home-laptop14.png"

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

  233.                                     </div>

  234.                                 </div>

  235.                             </div>

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

  237.                                 <div

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

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

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

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

  242.                                                 <h5 class="card-title satoshi_font mb-2 fw-bold ms-md-0 ms-5">Zeno

  243.                                                     Sleekbook 16 inch</h5>

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

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

  246.                                                     <li class="fs-9">Intel<sup>®</sup> Core<sup>™</sup> i5-| i7 <br>

  247.                                                         (12th |

  248.                                                         13th

  249.                                                         Gen)</li>

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

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

  252.                                                 </ul>

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

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

  255.                                                             class="satoshi_font text-black-50">Starting from ₹

  256.                                                             47,990</small></h5>

  257.                                                     <a class="btn btn-dark "

  258.                                                         href="/laptopdetails.html?Zeno#productId=106633230000029">Buy

  259.                                                         Now</a>

  260.                                                 </div>

  261.                                             </div>

  262.                                         </div>

  263.                                     </div>

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

  265.                                         <img src="./dist/assets/imgs/productimg/home-laptop16.png"

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

  267.                                     </div>

  268.                                 </div>

  269.                             </div>

  270.                         </div>

  271.                     </div>

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

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

  274.                     </div>

  275.                 </div>

  276.             </div>

  277.         </section>

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

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

  280.             <div class="container">

  281.                 <img src="./dist/assets/imgs/banners/laptop1.jpg" alt="" class="img-fluid">

  282.             </div>

  283.         </section>

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

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

  286.             <div class="container">

  287.                 <div class="fyro_steamlined_section_heading">

  288.                     <div class="d-flex align-items-center justify-content-center pb-md-5 pt-md-4 mb-md-5">

  289.                         <div class="fyro_logo">

  290.                             <img src="./dist/assets/imgs/Home_new/fyro_logo.png" class="img-fluid" alt="">

  291.                         </div>

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

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

  294.                             <h6 class="satoshi_font text-black-50">Explore the world of advanced computing with FYRO.

  295.                             </h6>

  296.                         </div>

  297.                     </div>

  298.                 </div>

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

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

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

  302.                             <div class="">

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

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

  305.                                 </div>

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

  307.                                     <div class="card mb-4 fyro_sleekbook_1 border-0 bg-gray-background rounded-4">

  308.                                         <div

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

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

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

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

  313.                                                         <h5 class="card-title mb-2 satoshi_font fw-bold ms-md-0 ms-5">

  314.                                                             FYRO 17.3 RTX 4080</h5>

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

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

  317.                                                             <li class="fs-9">Intel<sup>®</sup> Core<sup>™</sup> i9</li>

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

  319.                                                         </ul>

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

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

  322.                                                                 <small class="satoshi_font text-black-50">Starting from

  323.                                                                     ₹ 2,49,990</small>

  324.                                                             </h5>

  325.                                                             <a class="btn btn-dark "

  326.                                                                 href="/laptopdetails.html?Fyro#productId=106633230000031">Coming

  327.                                                                 Soon</a>

  328.                                                         </div>

  329.                                                     </div>

  330.                                                 </div>

  331.                                             </div>

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

  333.                                                 <img src="./dist/assets/imgs/fyro_laptop_images/15%20inches.png"

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

  335.                                                     alt="...">

  336.                                             </div>

  337.                                         </div>

  338.                                     </div>

  339.                                     <div class="card mb-3 fyro_sleekbook_2 border-0 bg-gray-background rounded-4">

  340.                                         <div class="row g-0 px-3 p-md-3 py-lg-3 flex-column-reverse flex-md-row notes">

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

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

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

  344.                                                         <h5 class="card-title satoshi_font mb-2 fw-bold ms-md-0 ms-5">

  345.                                                             FYRO 14 RTX 4060</h5>

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

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

  348.                                                             <li class="fs-9">Intel<sup>®</sup> Core<sup>™</sup> i5 | i7

  349.                                                                 | i9</li>

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

  351.                                                         </ul>

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

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

  354.                                                                 <small class="satoshi_font text-black-50">Starting from

  355.                                                                     ₹ 1,09,990</small>

  356.                                                             </h5>

  357.                                                             <a class="btn btn-dark "

  358.                                                                 href="/laptopdetails.html?Fyro#productId=106633230000031">Coming

  359.                                                                 Soon </a>

  360.                                                         </div>

  361.                                                     </div>

  362. 

  363.                                                 </div>

  364.                                             </div>

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

  366.                                                 <img src="../dist/assets/imgs/fyro_laptop_images/14 inches.png"

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

  368.                                                     alt="...">

  369.                                             </div>

  370.                                         </div>

  371.                                     </div>

  372. 

  373.                                 </div>

  374.                             </div>

  375.                         </div>

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

  377.                             <div class="card mb-4 Two_four_inch_Card border-0 bg-gray-background rounded-4">

  378.                                 <div class="row g-0 px-3 p-md-3 py-lg-4 flex-column-reverse flex-md-row">

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

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

  381.                                             <p class="card-text satoshi_font fw-bold ms-5">24 Inch All-In-One</p>

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

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

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

  385.                                                         class="trademark_sup">TM</sup> i5 13400 | 16GB</li>

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

  387. 

  388.                                             </ul>

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

  390.                                                 <p class="card-text satoshi_font mb-2" style="visibility: hidden;">

  391.                                                     Starting from ₹ 54,999</p>

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

  393.                                             </div>

  394.                                         </div>

  395.                                     </div>

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

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

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

  399.                                     </div>

  400.                                 </div>

  401.                             </div>

  402.                         </div>

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

  404.                             <div class="card ms-auto Two_four_inch_Card border-0 notes bg-gray-background rounded-4">

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

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

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

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

  409.                                         <h5 class="card-title satoshi_font mb-2 fw-bold ms-md-0 ms-5">FYRO AIO34 ARC

  410.                                         </h5>

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

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

  413.                                             <li class="fs-9">Intel<sup>®</sup> Core<sup>™</sup> i7-| i9 Processor (12th

  414.                                                 | 13th Gen)</li>

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

  416.                                         </ul>

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

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

  419.                                                     class="satoshi_font text-black-50">Starting from ₹ 1,24,990</small>

  420.                                             </h5>

  421.                                             <a class="btn btn-dark "

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

  423.                                                 Soon </a>

  424.                                         </div>

  425.                                     </div>

  426.                                 </div>

  427.                             </div>

  428.                         </div>

  429.                     </div>

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

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

  432.                     </div>

  433.                 </div>

  434.             </div>

  435.         </section>

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

  437. 

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

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

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

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

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

  443.                         <img src="./dist/assets/imgs/allin_imgs/ora_img.png" class="img-fluid w-md-50" />

  444.                     </div>

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

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

  447.                         <h5 class="satoshi_font text-muted">Reliable Heat Dissipation with <span class="fw-600">Graphene

  448.                                 Technology</span></h5>

  449.                     </div>

  450.                 </div>

  451.                 <div class="align-items-center py-md-5 py-4 mx-0 rounded-3 row" id="graphene_tech">

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

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

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

  455.                                 <img src="./dist/assets/imgs/allin_imgs/graphene_img.png"

  456.                                     class="img-fluid text-center" />

  457.                             </div>

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

  459.                                 <h2 class="satoshi_font pb-md-3">A Breakthrough in Storage Performance and

  460.                                     Sustainability</h2>

  461.                                 <h6 class="mb-md-4 fw-lighter" style="line-height: 24px;">Experience a new era of

  462.                                     storage technology with

  463.                                     our innovative Graphene-Thermal Pad solution

  464.                                     designed to revolutionize performance, longevity,

  465.                                     and environmental sustainability.<br>

  466.                                     ORA Series offers unparalleled benefits

  467.                                     that set it apart from traditional storage options.</h6>

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

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

  470.                                         <p class="graphene_text fs-9 mb-0">Optimal Thermal Management</p>

  471.                                     </div>

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

  473.                                         <p class="graphene_text  fs-9 mb-0"> Lightning-fast read and write speeds</p>

  474.                                     </div>

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

  476.                                         <p class="graphene_text  fs-9 mb-0">Lightweight & Flexible Deisgn</p>

  477.                                     </div>

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

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

  480.                                     </div>

  481.                                     <div class="col-12 pt-md-4 px-md-0 fs-9 pt-2">Upgrade to the Graphene Technology

  482.                                         Memory Series and experience unparalleled performance, durability, and

  483.                                         sustainability in your data storage solutions.</div>

  484.                                 </div>

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

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

  487.                                 </div> -->

  488.                             </div>

  489.                         </div>

  490.                     </div>

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

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

  493.                             <div class="col-md-6 col-12 py-md-0 py-3 text-md-center text-white">

  494.                                 <h3 class="fw-600">99% thinner than

  495.                                     Traditional Solutions</h3>

  496.                             </div>

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

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

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

  500.                                         <div class="bg-black d-flex fs-9 px-md-4 py-md-2 py-2 px-3 rounded-3">

  501.                                             <p class="mb-0 px-md-2 py-md-1"><i class="fa-sharp fa-arrow-right fs-7"></i>

  502.                                                 || <i class="fa-sharp fa-arrow-left fs-7"></i></p>

  503.                                             <p class="mb-0 text-start py-md-1 w-75 fs-7">&nbsp;World's Thinnest Heat

  504.                                                 Sink 100% More Effective</p>

  505.                                         </div>

  506.                                     </div>

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

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

  509.                                             <div class="border d-flex fs-7 rounded-3 align-items-center">

  510.                                                 <div class="p-2"

  511.                                                     style="background-color: #50b2e4;border-top-left-radius: 7px;border-bottom-left-radius:7px;">

  512.                                                     <img src="./dist/assets/imgs/allin_imgs/15_percent.png"

  513.                                                         class="img-fluid w-60" />

  514.                                                 </div>

  515.                                                 <p class="py-md-2 border-left mb-0 w-75 text-dark ps-1">15% More

  516.                                                     Performance & Life</p>

  517.                                             </div>

  518.                                         </div>

  519.                                     </div>

  520.                                 </div>

  521.                             </div>

  522.                         </div>

  523.                     </div>

  524.                 </div>

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

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

  527.                 </div>

  528.             </div>

  529.         </section>

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

  531. 

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

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

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

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

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

  537.                     <h5 class="satoshi_font mb-0 text-black-50">with M2 NVMe SSDs at Lightning Speeds</h5>

  538.                 </div>

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

  540.                     id="Fyro_main_card">

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

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

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

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

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

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

  547.                             <a class="btn btn-dark shadow" href="./storageproducts.html">Shop Now</a>

  548.                         </div>

  549.                     </div>

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

  551.                         <img src="./dist/assets/imgs/allin_imgs/pci_storage.png" class="img-fluid success-img">

  552.                     </div>

  553.                 </div>

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

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

  556.                 </div>

  557.             </div>

  558.         </section>

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

  560. 

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

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

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

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

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

  566.                     <h5 class="satoshi_font text-black-50">Boost the Laptops Potential with ORA Memory Series</h5>

  567.                 </div>

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

  569.                     id="laptop_memory_sec">

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

  571.                         <img src="./dist/assets/imgs/allin_imgs/laptop_memory.png" class="img-fluid success-img" />

  572.                     </div>

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

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

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

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

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

  578.                             <a class="btn btn-dark shadow" href="./ramproducts.html">Shop Now</a>

  579.                         </div>

  580.                     </div>

  581.                 </div>

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

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

  584.                 </div>

  585.             </div>

  586.         </section>

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

  588. 

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

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

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

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

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

  594.                     <h5 class="satoshi_font text-black-50">Maximize Efficiency with ORA Desktop Memory Series</h5>

  595.                 </div>

  596.                 <div 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"

  597.                     id="desktop_memory_sec">

  598.                     <div class="col-lg-6 col-md-4 pb-4 pb-md-0 ps-4 ps-md-0 ps-lg-5 text-white">

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

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

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

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

  603.                             <a class="btn btn-dark shadow" href="./ramproducts.html">Shop Now</a>

  604.                         </div>

  605.                     </div>

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

  607.                         <img src="./dist/assets/imgs/allin_imgs/desktop_memory.png" class="img-fluid success-img" />

  608.                     </div>

  609.                 </div>

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

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

  612.                 </div>

  613.             </div>

  614.         </section>

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

  616. 

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

  618.         <section>

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

  620.                 <h1 class="satoshi_font text-center py-md-5 my-md-3 py-4 fw-600">Top Selling Products</h1>

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

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

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

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

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

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

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

  628.                                             <img src="./dist/assets/imgs/allin_imgs/ora3_storage.png" class="w-100" />

  629.                                             <p class="mb-0 fs-7 py-2">ORA3 M.2 NVMe 512GB<br> PCI Express 3.0</p>

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

  631.                                         </a>

  632.                                     </div>

  633.                                 </div>

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

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

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

  637.                                             <img src="./dist/assets/imgs/allin_imgs/ora4_storage.png" class="w-100" />

  638.                                             <p class="mb-0 fs-7 py-2">ORA4 M.2 NVMe 2TB<br> PCI Express 4.0</p>

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

  640.                                         </a>

  641.                                     </div>

  642.                                 </div>

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

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

  645.                                         <img src="./dist/assets/imgs/allin_imgs/ora_desktop.png" class="w-100" />

  646.                                         <p class="mb-0 fs-7 py-2">ORA 32GB DDR5 <br> 4800MHz Desktop Memory</p>

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

  648.                                         <p class="selling_product d-none" data_name="ORA 32GB DDR5 4800MHz Desktop RAM "

  649.                                             data_version="DDR5" data_device="Desktop" data_gb="32GB" data_price="15500"

  650.                                             data_img="../dist/assets/imgs/allin_imgs/ora_desktop.png">

  651.                                         </p>

  652.                                     </div>

  653.                                 </div>

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

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

  656.                                         <img src="./dist/assets/imgs/allin_imgs/8gb_laptop.png" class="w-100" />

  657.                                         <p class="mb-0 fs-7 py-2">ORA 8GB DDR5 <br> 4800MHz Laptop Memory</p>

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

  659.                                         <p class="selling_product d-none" data_name="ORA 8GB DDR5 4800MHz Laptop RAM "

  660.                                             data_version="DDR5" data_device="Laptop" data_gb="8GB" data_price="5150"

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

  662.                                         </p>

  663.                                     </div>

  664.                                 </div>

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

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

  667.                                         <img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100" />

  668.                                         <p class="mb-0 fs-7 py-2">ORA 32GB DDR4 <br> 3200MHz Laptop Memory</p>

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

  670.                                         <p class="selling_product d-none" data_name="ORA 32GB DDR4 3200MHz Laptop RAM "

  671.                                             data_version="DDR4" data_device="Laptop" data_gb="32GB" data_price="8450"

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

  673.                                         </p>

  674.                                     </div>

  675.                                 </div>

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

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

  678.                                         <img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100" />

  679.                                         <p class="mb-0 fs-7 py-2">DDR4 <br> 3200MHz Laptop Memory</p>

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

  681.                                         <p class="selling_product d-none" data_name="ORA 32GB DDR4 3200MHz Laptop RAM "

  682.                                             data_version="DDR4" data_device="Laptop" data_gb="32GB" data_price="8450"

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

  684.                                         </p>

  685.                                     </div>

  686.                                 </div>

  687.                             </div>

  688.                         </div>

  689.                     </div>

  690.                 </div>

  691.             </div>

  692.             <div class="container my-5 py-md-5 rounded-3 text-white notes" id="innovation_sections">

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

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

  695.                         <img src="./dist/assets/imgs/allin_imgs/innovation_img1.png" class="img-fluid success-img" />

  696.                     </div>

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

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

  699.                         <h5 class="mb-md-3 fw-500 text-black-50">Be the first to set your digital world on fire!</h5>

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

  701.                     </div>

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

  703.                         <img src="./dist/assets/imgs/allin_imgs/innovation_img2.png" class="img-fluid success-img" />

  704.                     </div>

  705.                 </div>

  706.             </div>

  707.         </section>

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

  709.     </main>

  710.     <!-- footer -->

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

  712.     <!-- end-footer -->

  713. 

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

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

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

  717. 

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

  719. 

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

  721. 

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

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

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

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

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

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

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

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

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

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

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

  733. 

  734.     <!-- Main JS -->

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

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

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

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

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

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

  741. 

  742. 

  743.     <script>

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

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

  746. 

  747.             if (Newuser == 1) {

  748.                 toasteropts()

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

  750.                 window.localStorage.removeItem(USER_AUTH_OKAY)

  751.                 return

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

  753. 

  754.                 toasteropts()

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

  756.                 window.localStorage.removeItem(USER_AUTH_OKAY)

  757.                 return

  758. 

  759.             }

  760. 

  761.             function toasteropts() {

  762.                 toastr.options = {

  763.                     "closeButton": true,

  764.                     "debug": false,

  765.                     "newestOnTop": true,

  766.                     "progressBar": true,

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

  768.                     "preventDuplicates": true,

  769.                     "onclick": null,

  770.                     "showDuration": "300",

  771.                     "hideDuration": "1000",

  772.                     "timeOut": "5000",

  773.                     "extendedTimeOut": "1000",

  774.                     "showEasing": "swing",

  775.                     "hideEasing": "linear",

  776.                     "showMethod": "fadeIn",

  777.                     "hideMethod": "fadeOut"

  778.                 }

  779.             }

  780.         });

  781. 

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

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

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

  785.         $(".slick-next").html("→")

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

  787.         //     loop: true,

  788.         //     nav: false,

  789.         //     dots: true,

  790.         //     responsive: {

  791.         //         0: {

  792.         //             items: 1

  793.         //         },

  794.         //         600: {

  795.         //             items: 1

  796.         //         },

  797.         //         1000: {

  798.         //             items: 1

  799.         //         }

  800.         //     }

  801.         // });

  802. 

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

  804.         //     // loop: true,

  805.         //     margin: 10,

  806.         //     rtl: false,

  807.         //     nav: true,

  808.         //     navText: [

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

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

  811.         //     ],

  812.         //     responsive: {

  813.         //         0: {

  814.         //             items: 1

  815.         //         },

  816.         //         600: {

  817.         //             items: 3

  818.         //         },

  819.         //         1000: {

  820.         //             items: 5

  821.         //         }

  822.         //     }

  823.         // });

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

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

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

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

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

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

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

  831.             if (toggleTab) {

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

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

  834.                     width: "toggle"

  835.                 }, 500);

  836.             } else {

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

  838. 

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

  840. 

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

  842. 

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

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

  845. 

  846.                 if (window.width > 768) {

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

  848.                         width: "50rem"

  849.                     }, 500);

  850.                 } else {

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

  852.                         width: "auto"

  853.                     }, 500);

  854. 

  855.                 }

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

  857.             }

  858.         });

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

  860.         if (width_sc <= 1198) {

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

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

  863.         }

  864. 

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

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

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

  868.                 let data_version = $(this).find(".selling_product").attr("data_version");

  869.                 let data_device = $(this).find(".selling_product").attr("data_device");

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

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

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

  873. 

  874.                 let top_obj = {

  875.                     name: product_name,

  876.                     version: data_version,

  877.                     device: data_device,

  878.                     gb: data_gb,

  879.                     price: data_price,

  880.                     img: data_img

  881.                 }

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

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

  884.             })

  885.         })

  886.     </script>

  887. </body>

  888. 

  889. </html>