rahul.katari
/
anwisystems
ウォッチ 1
スター 0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
説明なし
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
3 コミット
1 ブランチ
ツリー: d3532c6cb8
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'd3532c6cb8' から
${ noResults }
anwisystems/index.html

index.html 50KB
履歴 Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863 
  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 " href="/zeno-landing.html">Know More</a>

  201.                                                 </div>

  202.                                             </div>

  203.                                         </div>

  204.                                     </div>

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

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

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

  208.                                     </div>

  209.                                 </div>

  210.                             </div>

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

  212.                                 <div

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

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

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

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

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

  218.                                                     Sleekbook 16 inch</h5>

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

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

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

  222.                                                         (12th |

  223.                                                         13th

  224.                                                         Gen)</li>

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

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

  227.                                                 </ul>

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

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

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

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

  232.                                                     <a class="btn btn-dark " href="/zeno-landing.html">Know More</a>

  233. 

  234.                                                 </div>

  235.                                             </div>

  236.                                         </div>

  237.                                     </div>

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

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

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

  241.                                     </div>

  242.                                 </div>

  243.                             </div>

  244.                         </div>

  245.                     </div>

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

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

  248.                     </div>

  249.                 </div>

  250.             </div>

  251.         </section>

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

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

  254.             <div class="container">

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

  256.             </div>

  257.         </section>

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

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

  260.             <div class="container">

  261.                 <div class="fyro_steamlined_section_heading">

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

  263.                         <div class="fyro_logo">

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

  265.                         </div>

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

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

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

  269.                             </h6>

  270.                         </div>

  271.                     </div>

  272.                 </div>

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

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

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

  276.                             <div class="">

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

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

  279.                                 </div>

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

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

  282.                                         <div

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

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

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

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

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

  288.                                                             FYRO 17.3 RTX 4080</h5>

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

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

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

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

  293.                                                         </ul>

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

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

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

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

  298.                                                             </h5>

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

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

  301.                                                                 Soon</a>

  302.                                                         </div>

  303.                                                     </div>

  304.                                                 </div>

  305.                                             </div>

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

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

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

  309.                                                     alt="...">

  310.                                             </div>

  311.                                         </div>

  312.                                     </div>

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

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

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

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

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

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

  319.                                                             FYRO 14 RTX 4060</h5>

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

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

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

  323.                                                                 | i9</li>

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

  325.                                                         </ul>

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

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

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

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

  330.                                                             </h5>

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

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

  333.                                                                 Soon </a>

  334.                                                         </div>

  335.                                                     </div>

  336. 

  337.                                                 </div>

  338.                                             </div>

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

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

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

  342.                                                     alt="...">

  343.                                             </div>

  344.                                         </div>

  345.                                     </div>

  346. 

  347.                                 </div>

  348.                             </div>

  349.                         </div>

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

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

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

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

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

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

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

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

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

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

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

  361. 

  362.                                             </ul>

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

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

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

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

  367.                                             </div>

  368.                                         </div>

  369.                                     </div>

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

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

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

  373.                                     </div>

  374.                                 </div>

  375.                             </div>

  376.                         </div>

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

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

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

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

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

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

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

  384.                                         </h5>

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

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

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

  388.                                                 | 13th Gen)</li>

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

  390.                                         </ul>

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

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

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

  394.                                             </h5>

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

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

  397.                                                 Soon </a>

  398.                                         </div>

  399.                                     </div>

  400.                                 </div>

  401.                             </div>

  402.                         </div>

  403.                     </div>

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

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

  406.                     </div>

  407.                 </div>

  408.             </div>

  409.         </section>

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

  411. 

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

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

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

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

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

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

  418.                     </div>

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

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

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

  422.                                 Technology</span></h5>

  423.                     </div>

  424.                 </div>

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

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

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

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

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

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

  431.                             </div>

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

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

  434.                                     Sustainability</h2>

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

  436.                                     storage technology with

  437.                                     our innovative Graphene-Thermal Pad solution

  438.                                     designed to revolutionize performance, longevity,

  439.                                     and environmental sustainability.<br>

  440.                                     ORA Series offers unparalleled benefits

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

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

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

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

  445.                                     </div>

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

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

  448.                                     </div>

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

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

  451.                                     </div>

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

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

  454.                                     </div>

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

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

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

  458.                                 </div>

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

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

  461.                                 </div> -->

  462.                             </div>

  463.                         </div>

  464.                     </div>

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

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

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

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

  469.                                     Traditional Solutions</h3>

  470.                             </div>

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

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

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

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

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

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

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

  478.                                                 Sink 100% More Effective</p>

  479.                                         </div>

  480.                                     </div>

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

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

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

  484.                                                 <div class="p-2"

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

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

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

  488.                                                 </div>

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

  490.                                                     Performance & Life</p>

  491.                                             </div>

  492.                                         </div>

  493.                                     </div>

  494.                                 </div>

  495.                             </div>

  496.                         </div>

  497.                     </div>

  498.                 </div>

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

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

  501.                 </div>

  502.             </div>

  503.         </section>

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

  505. 

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

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

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

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

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

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

  512.                 </div>

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

  514.                     id="Fyro_main_card">

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

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

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

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

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

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

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

  522.                         </div>

  523.                     </div>

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

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

  526.                     </div>

  527.                 </div>

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

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

  530.                 </div>

  531.             </div>

  532.         </section>

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

  534. 

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

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

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

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

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

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

  541.                 </div>

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

  543.                     id="laptop_memory_sec">

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

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

  546.                     </div>

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

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

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

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

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

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

  553.                         </div>

  554.                     </div>

  555.                 </div>

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

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

  558.                 </div>

  559.             </div>

  560.         </section>

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

  562. 

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

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

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

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

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

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

  569.                 </div>

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

  571.                     id="desktop_memory_sec">

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

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

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

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

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

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

  578.                         </div>

  579.                     </div>

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

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

  582.                     </div>

  583.                 </div>

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

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

  586.                 </div>

  587.             </div>

  588.         </section>

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

  590. 

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

  592.         <section>

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

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

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

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

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

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

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

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

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

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

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

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

  605.                                         </a>

  606.                                     </div>

  607.                                 </div>

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

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

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

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

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

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

  614.                                         </a>

  615.                                     </div>

  616.                                 </div>

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

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

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

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

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

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

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

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

  625.                                         </p>

  626.                                     </div>

  627.                                 </div>

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

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

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

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

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

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

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

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

  636.                                         </p>

  637.                                     </div>

  638.                                 </div>

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

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

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

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

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

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

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

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

  647.                                         </p>

  648.                                     </div>

  649.                                 </div>

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

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

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

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

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

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

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

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

  658.                                         </p>

  659.                                     </div>

  660.                                 </div>

  661.                             </div>

  662.                         </div>

  663.                     </div>

  664.                 </div>

  665.             </div>

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

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

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

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

  670.                     </div>

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

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

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

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

  675.                     </div>

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

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

  678.                     </div>

  679.                 </div>

  680.             </div>

  681.         </section>

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

  683.     </main>

  684.     <!-- footer -->

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

  686.     <!-- end-footer -->

  687. 

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

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

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

  691. 

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

  693. 

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

  695. 

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

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

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

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

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

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

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

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

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

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

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

  707. 

  708.     <!-- Main JS -->

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

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

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

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

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

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

  715. 

  716. 

  717.     <script>

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

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

  720. 

  721.             if (Newuser == 1) {

  722.                 toasteropts()

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

  724.                 window.localStorage.removeItem(USER_AUTH_OKAY)

  725.                 return

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

  727. 

  728.                 toasteropts()

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

  730.                 window.localStorage.removeItem(USER_AUTH_OKAY)

  731.                 return

  732. 

  733.             }

  734. 

  735.             function toasteropts() {

  736.                 toastr.options = {

  737.                     "closeButton": true,

  738.                     "debug": false,

  739.                     "newestOnTop": true,

  740.                     "progressBar": true,

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

  742.                     "preventDuplicates": true,

  743.                     "onclick": null,

  744.                     "showDuration": "300",

  745.                     "hideDuration": "1000",

  746.                     "timeOut": "5000",

  747.                     "extendedTimeOut": "1000",

  748.                     "showEasing": "swing",

  749.                     "hideEasing": "linear",

  750.                     "showMethod": "fadeIn",

  751.                     "hideMethod": "fadeOut"

  752.                 }

  753.             }

  754.         });

  755. 

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

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

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

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

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

  761.         //     loop: true,

  762.         //     nav: false,

  763.         //     dots: true,

  764.         //     responsive: {

  765.         //         0: {

  766.         //             items: 1

  767.         //         },

  768.         //         600: {

  769.         //             items: 1

  770.         //         },

  771.         //         1000: {

  772.         //             items: 1

  773.         //         }

  774.         //     }

  775.         // });

  776. 

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

  778.         //     // loop: true,

  779.         //     margin: 10,

  780.         //     rtl: false,

  781.         //     nav: true,

  782.         //     navText: [

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

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

  785.         //     ],

  786.         //     responsive: {

  787.         //         0: {

  788.         //             items: 1

  789.         //         },

  790.         //         600: {

  791.         //             items: 3

  792.         //         },

  793.         //         1000: {

  794.         //             items: 5

  795.         //         }

  796.         //     }

  797.         // });

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

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

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

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

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

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

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

  805.             if (toggleTab) {

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

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

  808.                     width: "toggle"

  809.                 }, 500);

  810.             } else {

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

  812. 

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

  814. 

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

  816. 

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

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

  819. 

  820.                 if (window.width > 768) {

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

  822.                         width: "50rem"

  823.                     }, 500);

  824.                 } else {

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

  826.                         width: "auto"

  827.                     }, 500);

  828. 

  829.                 }

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

  831.             }

  832.         });

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

  834.         if (width_sc <= 1198) {

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

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

  837.         }

  838. 

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

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

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

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

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

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

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

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

  847. 

  848.                 let top_obj = {

  849.                     name: product_name,

  850.                     version: data_version,

  851.                     device: data_device,

  852.                     gb: data_gb,

  853.                     price: data_price,

  854.                     img: data_img

  855.                 }

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

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

  858.             })

  859.         })

  860.     </script>

  861. </body>

  862. 

  863. </html>