rahul.katari
/
anwisystems
關注 1
收藏 0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
暫無描述
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 提交
1 分支
目錄樹: 381106cbe5
分支列表 標籤
${ item.name }
建立分支 ${ searchTerm }
從 '381106cbe5'
${ noResults }
anwisystems/index.html

index.html 51KB
歷史記錄 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866 
  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="stylesheet" href="./all.css">

  9. 

  10. 

  11.     <title>Anwi</title>

  12.     <style>

  13.         .slick-prev {

  14.             position: absolute;

  15.             padding: 10px 15px;

  16.             z-index: 1;

  17.             left: -25px;

  18.             top: 45%;

  19.             border-radius: 50%;

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

  21.         }

  22. 

  23.         .slick-next {

  24.             position: absolute;

  25.             padding: 10px 15px;

  26.             right: -25px;

  27.             top: 45%;

  28.             border-radius: 50%;

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

  30.         }

  31. 

  32.         .slick-prev.btn:hover,

  33.         .slick-next.btn:hover {

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

  35.         }

  36. 

  37.         /* .graphene_text::after{

  38.             content: "";

  39.             display: block;

  40.             width: 60px;

  41.             height: 3px;

  42.             background: #ffffff;

  43.             left: 0;

  44.         } */

  45. 

  46.         .slick-track {

  47.             display: flex !important;

  48.         }

  49. 

  50.         .slick-slide {

  51.             height: inherit !important;

  52.         }

  53.     </style>

  54. </head>

  55. 

  56. <body>

  57.     <!-- navbar -->

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

  59.     <!-- end-navbar -->

  60.     <!-- main-body -->

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

  62.         <!-- banner-start -->

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

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

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

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

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

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

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

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

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

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

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

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

  75.                     </div>

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

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

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

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

  80.                         </div>

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

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

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

  84.                         </div>

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

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

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

  88.                             </div>

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

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

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

  92.                     </div>

  93.                 </div>

  94.             </div>

  95.             </div>

  96.         </section>

  97.         <!-- end-banner -->

  98. 

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

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

  101.             <div class="container">

  102.                 <div class="zeno_steamlined_section_heading">

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

  104.                         <div class="zeno_logo">

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

  106.                         </div>

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

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

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

  110.                                 and affordability.</h6>

  111.                         </div>

  112.                     </div>

  113.                 </div>

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

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

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

  117.                             <div class="">

  118.                                 <div

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

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

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

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

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

  124.                                             inch</h5>

  125. 

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

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

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

  129.                                                 (12th | 13th

  130.                                                 Gen)</li>

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

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

  133. 

  134.                                         </ul>

  135. 

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

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

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

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

  140.                                             Now</a>

  141.                                         <p></p>

  142.                                     </div>

  143.                                 </div>

  144.                             </div>

  145.                         </div>

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

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

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

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

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

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

  152.                                             </p>

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

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

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

  156.                                                     Processor

  157.                                                     (12th | 13th

  158.                                                     Gen)</li>

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

  160.                                             </ul>

  161. 

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

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

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

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

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

  167.                                             </div>

  168.                                         </div>

  169.                                     </div>

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

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

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

  173.                                     </div>

  174.                                 </div>

  175.                             </div>

  176.                         </div>

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

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

  179.                                 <div

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

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

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

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

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

  185.                                                     Sleekbook 14.1 inch</h5>

  186. 

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

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

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

  190.                                                         (12th |

  191.                                                         13th

  192.                                                         Gen)</li>

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

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

  195.                                                 </ul>

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

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

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

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

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

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

  202.                                                         Now</a>

  203.                                                 </div>

  204.                                             </div>

  205.                                         </div>

  206.                                     </div>

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

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

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

  210.                                     </div>

  211.                                 </div>

  212.                             </div>

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

  214.                                 <div

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

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

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

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

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

  220.                                                     Sleekbook 16 inch</h5>

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

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

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

  224.                                                         (12th |

  225.                                                         13th

  226.                                                         Gen)</li>

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

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

  229.                                                 </ul>

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

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

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

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

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

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

  236.                                                         Now</a>

  237.                                                 </div>

  238.                                             </div>

  239.                                         </div>

  240.                                     </div>

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

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

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

  244.                                     </div>

  245.                                 </div>

  246.                             </div>

  247.                         </div>

  248.                     </div>

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

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

  251.                     </div>

  252.                 </div>

  253.             </div>

  254.         </section>

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

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

  257.             <div class="container">

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

  259.             </div>

  260.         </section>

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

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

  263.             <div class="container">

  264.                 <div class="fyro_steamlined_section_heading">

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

  266.                         <div class="fyro_logo">

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

  268.                         </div>

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

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

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

  272.                             </h6>

  273.                         </div>

  274.                     </div>

  275.                 </div>

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

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

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

  279.                             <div class="">

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

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

  282.                                 </div>

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

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

  285.                                         <div

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

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

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

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

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

  291.                                                             FYRO 17.3 RTX 4080</h5>

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

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

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

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

  296.                                                         </ul>

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

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

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

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

  301.                                                             </h5>

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

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

  304.                                                                 Soon</a>

  305.                                                         </div>

  306.                                                     </div>

  307.                                                 </div>

  308.                                             </div>

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

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

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

  312.                                                     alt="...">

  313.                                             </div>

  314.                                         </div>

  315.                                     </div>

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

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

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

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

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

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

  322.                                                             FYRO 14 RTX 4060</h5>

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

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

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

  326.                                                                 | i9</li>

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

  328.                                                         </ul>

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

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

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

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

  333.                                                             </h5>

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

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

  336.                                                                 Soon </a>

  337.                                                         </div>

  338.                                                     </div>

  339. 

  340.                                                 </div>

  341.                                             </div>

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

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

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

  345.                                                     alt="...">

  346.                                             </div>

  347.                                         </div>

  348.                                     </div>

  349. 

  350.                                 </div>

  351.                             </div>

  352.                         </div>

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

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

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

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

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

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

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

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

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

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

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

  364. 

  365.                                             </ul>

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

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

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

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

  370.                                             </div>

  371.                                         </div>

  372.                                     </div>

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

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

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

  376.                                     </div>

  377.                                 </div>

  378.                             </div>

  379.                         </div>

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

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

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

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

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

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

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

  387.                                         </h5>

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

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

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

  391.                                                 | 13th Gen)</li>

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

  393.                                         </ul>

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

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

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

  397.                                             </h5>

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

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

  400.                                                 Soon </a>

  401.                                         </div>

  402.                                     </div>

  403.                                 </div>

  404.                             </div>

  405.                         </div>

  406.                     </div>

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

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

  409.                     </div>

  410.                 </div>

  411.             </div>

  412.         </section>

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

  414. 

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

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

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

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

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

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

  421.                     </div>

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

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

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

  425.                                 Technology</span></h5>

  426.                     </div>

  427.                 </div>

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

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

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

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

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

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

  434.                             </div>

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

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

  437.                                     Sustainability</h2>

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

  439.                                     storage technology with

  440.                                     our innovative Graphene-Thermal Pad solution

  441.                                     designed to revolutionize performance, longevity,

  442.                                     and environmental sustainability.<br>

  443.                                     ORA Series offers unparalleled benefits

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

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

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

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

  448.                                     </div>

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

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

  451.                                     </div>

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

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

  454.                                     </div>

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

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

  457.                                     </div>

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

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

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

  461.                                 </div>

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

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

  464.                                 </div> -->

  465.                             </div>

  466.                         </div>

  467.                     </div>

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

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

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

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

  472.                                     Traditional Solutions</h3>

  473.                             </div>

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

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

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

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

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

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

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

  481.                                                 Sink 100% More Effective</p>

  482.                                         </div>

  483.                                     </div>

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

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

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

  487.                                                 <div class="p-2"

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

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

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

  491.                                                 </div>

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

  493.                                                     Performance & Life</p>

  494.                                             </div>

  495.                                         </div>

  496.                                     </div>

  497.                                 </div>

  498.                             </div>

  499.                         </div>

  500.                     </div>

  501.                 </div>

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

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

  504.                 </div>

  505.             </div>

  506.         </section>

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

  508. 

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

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

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

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

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

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

  515.                 </div>

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

  517.                     id="Fyro_main_card">

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

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

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

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

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

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

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

  525.                         </div>

  526.                     </div>

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

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

  529.                     </div>

  530.                 </div>

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

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

  533.                 </div>

  534.             </div>

  535.         </section>

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

  537. 

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

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

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

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

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

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

  544.                 </div>

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

  546.                     id="laptop_memory_sec">

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

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

  549.                     </div>

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

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

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

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

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

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

  556.                         </div>

  557.                     </div>

  558.                 </div>

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

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

  561.                 </div>

  562.             </div>

  563.         </section>

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

  565. 

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

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

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

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

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

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

  572.                 </div>

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

  574.                     id="desktop_memory_sec">

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

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

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

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

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

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

  581.                         </div>

  582.                     </div>

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

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

  585.                     </div>

  586.                 </div>

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

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

  589.                 </div>

  590.             </div>

  591.         </section>

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

  593. 

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

  595.         <section>

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

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

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

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

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

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

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

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

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

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

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

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

  608.                                         </a>

  609.                                     </div>

  610.                                 </div>

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

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

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

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

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

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

  617.                                         </a>

  618.                                     </div>

  619.                                 </div>

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

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

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

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

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

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

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

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

  628.                                         </p>

  629.                                     </div>

  630.                                 </div>

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

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

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

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

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

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

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

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

  639.                                         </p>

  640.                                     </div>

  641.                                 </div>

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

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

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

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

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

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

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

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

  650.                                         </p>

  651.                                     </div>

  652.                                 </div>

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

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

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

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

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

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

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

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

  661.                                         </p>

  662.                                     </div>

  663.                                 </div>

  664.                             </div>

  665.                         </div>

  666.                     </div>

  667.                 </div>

  668.             </div>

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

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

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

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

  673.                     </div>

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

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

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

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

  678.                     </div>

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

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

  681.                     </div>

  682.                 </div>

  683.             </div>

  684.         </section>

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

  686.     </main>

  687.     <!-- footer -->

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

  689.     <!-- end-footer -->

  690. 

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

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

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

  694. 

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

  696. 

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

  698. 

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

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

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

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

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

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

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

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

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

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

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

  710. 

  711.     <!-- Main JS -->

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

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

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

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

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

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

  718. 

  719. 

  720.     <script>

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

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

  723. 

  724.             if (Newuser == 1) {

  725.                 toasteropts()

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

  727.                 window.localStorage.removeItem(USER_AUTH_OKAY)

  728.                 return

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

  730. 

  731.                 toasteropts()

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

  733.                 window.localStorage.removeItem(USER_AUTH_OKAY)

  734.                 return

  735. 

  736.             }

  737. 

  738.             function toasteropts() {

  739.                 toastr.options = {

  740.                     "closeButton": true,

  741.                     "debug": false,

  742.                     "newestOnTop": true,

  743.                     "progressBar": true,

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

  745.                     "preventDuplicates": true,

  746.                     "onclick": null,

  747.                     "showDuration": "300",

  748.                     "hideDuration": "1000",

  749.                     "timeOut": "5000",

  750.                     "extendedTimeOut": "1000",

  751.                     "showEasing": "swing",

  752.                     "hideEasing": "linear",

  753.                     "showMethod": "fadeIn",

  754.                     "hideMethod": "fadeOut"

  755.                 }

  756.             }

  757.         });

  758. 

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

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

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

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

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

  764.         //     loop: true,

  765.         //     nav: false,

  766.         //     dots: true,

  767.         //     responsive: {

  768.         //         0: {

  769.         //             items: 1

  770.         //         },

  771.         //         600: {

  772.         //             items: 1

  773.         //         },

  774.         //         1000: {

  775.         //             items: 1

  776.         //         }

  777.         //     }

  778.         // });

  779. 

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

  781.         //     // loop: true,

  782.         //     margin: 10,

  783.         //     rtl: false,

  784.         //     nav: true,

  785.         //     navText: [

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

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

  788.         //     ],

  789.         //     responsive: {

  790.         //         0: {

  791.         //             items: 1

  792.         //         },

  793.         //         600: {

  794.         //             items: 3

  795.         //         },

  796.         //         1000: {

  797.         //             items: 5

  798.         //         }

  799.         //     }

  800.         // });

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

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

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

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

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

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

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

  808.             if (toggleTab) {

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

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

  811.                     width: "toggle"

  812.                 }, 500);

  813.             } else {

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

  815. 

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

  817. 

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

  819. 

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

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

  822. 

  823.                 if (window.width > 768) {

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

  825.                         width: "50rem"

  826.                     }, 500);

  827.                 } else {

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

  829.                         width: "auto"

  830.                     }, 500);

  831. 

  832.                 }

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

  834.             }

  835.         });

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

  837.         if (width_sc <= 1198) {

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

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

  840.         }

  841. 

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

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

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

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

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

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

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

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

  850. 

  851.                 let top_obj = {

  852.                     name: product_name,

  853.                     version: data_version,

  854.                     device: data_device,

  855.                     gb: data_gb,

  856.                     price: data_price,

  857.                     img: data_img

  858.                 }

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

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

  861.             })

  862.         })

  863.     </script>

  864. </body>

  865. 

  866. </html>