rahul.katari
/
anwisystems
Наблюдаван 1
Харесван 0
Разклонения 0
Код Задачи 0 Заявки за сливане 0 Версии 0 Уики Activity
Няма описание
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.
5 Ревизии
1 Клон
ИН на ревизия: aca1a27410
Клонове Маркери
${ item.name }
Create branch ${ searchTerm }
от 'aca1a27410'
${ noResults }
anwisystems/index.html

index.html 50KB
История Директен файл

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860 
  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.         </section>

  96.         <!-- end-banner -->

  97. 

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

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

  100.             <div class="container">

  101.                 <div class="zeno_steamlined_section_heading">

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

  103.                         <div class="zeno_logo">

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

  105.                         </div>

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

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

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

  109.                                 and affordability.</h6>

  110.                         </div>

  111.                     </div>

  112.                 </div>

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

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

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

  116.                             <div class="">

  117.                                 <div

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

  119.                                     <img src="./dist/assets/imgs/zeno/aio/aio.png"

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

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

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

  123.                                             inch</h5>

  124. 

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

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

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

  128.                                                 (12th | 13th

  129.                                                 Gen)</li>

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

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

  132. 

  133.                                         </ul>

  134. 

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

  136.                                                 from ₹ 35,585</small></h5>

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

  138.                                         <p></p>

  139.                                     </div>

  140.                                 </div>

  141.                             </div>

  142.                         </div>

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

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

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

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

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

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

  149.                                             </p>

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

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

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

  153.                                                     Processor

  154.                                                     (12th | 13th

  155.                                                     Gen)</li>

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

  157.                                             </ul>

  158. 

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

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

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

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

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

  164.                                             </div>

  165.                                         </div>

  166.                                     </div>

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

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

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

  170.                                     </div>

  171.                                 </div>

  172.                             </div>

  173.                         </div>

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

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

  176.                                 <div

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

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

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

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

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

  182.                                                     Sleekbook 14.1 inch</h5>

  183. 

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

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

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

  187.                                                         (12th |

  188.                                                         13th

  189.                                                         Gen)</li>

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

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

  192.                                                 </ul>

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

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

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

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

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

  198.                                                 </div>

  199.                                             </div>

  200.                                         </div>

  201.                                     </div>

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

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

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

  205.                                     </div>

  206.                                 </div>

  207.                             </div>

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

  209.                                 <div

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

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

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

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

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

  215.                                                     Sleekbook 16 inch</h5>

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

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

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

  219.                                                         (12th |

  220.                                                         13th

  221.                                                         Gen)</li>

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

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

  224.                                                 </ul>

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

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

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

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

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

  230. 

  231.                                                 </div>

  232.                                             </div>

  233.                                         </div>

  234.                                     </div>

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

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

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

  238.                                     </div>

  239.                                 </div>

  240.                             </div>

  241.                         </div>

  242.                     </div>

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

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

  245.                     </div>

  246.                 </div>

  247.             </div>

  248.         </section>

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

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

  251.             <div class="container">

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

  253.             </div>

  254.         </section>

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

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

  257.             <div class="container">

  258.                 <div class="fyro_steamlined_section_heading">

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

  260.                         <div class="fyro_logo">

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

  262.                         </div>

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

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

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

  266.                             </h6>

  267.                         </div>

  268.                     </div>

  269.                 </div>

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

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

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

  273.                             <div class="">

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

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

  276.                                 </div>

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

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

  279.                                         <div

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

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

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

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

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

  285.                                                             FYRO 17.3 RTX 4080</h5>

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

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

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

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

  290.                                                         </ul>

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

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

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

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

  295.                                                             </h5>

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

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

  298.                                                                 Soon</a>

  299.                                                         </div>

  300.                                                     </div>

  301.                                                 </div>

  302.                                             </div>

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

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

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

  306.                                                     alt="...">

  307.                                             </div>

  308.                                         </div>

  309.                                     </div>

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

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

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

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

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

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

  316.                                                             FYRO 14 RTX 4060</h5>

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

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

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

  320.                                                                 | i9</li>

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

  322.                                                         </ul>

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

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

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

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

  327.                                                             </h5>

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

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

  330.                                                                 Soon </a>

  331.                                                         </div>

  332.                                                     </div>

  333. 

  334.                                                 </div>

  335.                                             </div>

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

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

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

  339.                                                     alt="...">

  340.                                             </div>

  341.                                         </div>

  342.                                     </div>

  343. 

  344.                                 </div>

  345.                             </div>

  346.                         </div>

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

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

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

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

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

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

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

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

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

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

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

  358. 

  359.                                             </ul>

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

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

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

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

  364.                                             </div>

  365.                                         </div>

  366.                                     </div>

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

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

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

  370.                                     </div>

  371.                                 </div>

  372.                             </div>

  373.                         </div>

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

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

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

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

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

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

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

  381.                                         </h5>

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

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

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

  385.                                                 | 13th Gen)</li>

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

  387.                                         </ul>

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

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

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

  391.                                             </h5>

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

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

  394.                                                 Soon </a>

  395.                                         </div>

  396.                                     </div>

  397.                                 </div>

  398.                             </div>

  399.                         </div>

  400.                     </div>

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

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

  403.                     </div>

  404.                 </div>

  405.             </div>

  406.         </section>

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

  408. 

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

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

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

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

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

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

  415.                     </div>

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

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

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

  419.                                 Technology</span></h5>

  420.                     </div>

  421.                 </div>

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

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

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

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

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

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

  428.                             </div>

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

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

  431.                                     Sustainability</h2>

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

  433.                                     storage technology with

  434.                                     our innovative Graphene-Thermal Pad solution

  435.                                     designed to revolutionize performance, longevity,

  436.                                     and environmental sustainability.<br>

  437.                                     ORA Series offers unparalleled benefits

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

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

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

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

  442.                                     </div>

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

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

  445.                                     </div>

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

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

  448.                                     </div>

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

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

  451.                                     </div>

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

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

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

  455.                                 </div>

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

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

  458.                                 </div> -->

  459.                             </div>

  460.                         </div>

  461.                     </div>

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

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

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

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

  466.                                     Traditional Solutions</h3>

  467.                             </div>

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

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

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

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

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

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

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

  475.                                                 Sink 100% More Effective</p>

  476.                                         </div>

  477.                                     </div>

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

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

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

  481.                                                 <div class="p-2"

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

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

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

  485.                                                 </div>

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

  487.                                                     Performance & Life</p>

  488.                                             </div>

  489.                                         </div>

  490.                                     </div>

  491.                                 </div>

  492.                             </div>

  493.                         </div>

  494.                     </div>

  495.                 </div>

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

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

  498.                 </div>

  499.             </div>

  500.         </section>

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

  502. 

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

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

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

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

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

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

  509.                 </div>

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

  511.                     id="Fyro_main_card">

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

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

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

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

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

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

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

  519.                         </div>

  520.                     </div>

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

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

  523.                     </div>

  524.                 </div>

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

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

  527.                 </div>

  528.             </div>

  529.         </section>

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

  531. 

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

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

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

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

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

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

  538.                 </div>

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

  540.                     id="laptop_memory_sec">

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

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

  543.                     </div>

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

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

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

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

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

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

  550.                         </div>

  551.                     </div>

  552.                 </div>

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

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

  555.                 </div>

  556.             </div>

  557.         </section>

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

  559. 

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

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

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

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

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

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

  566.                 </div>

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

  568.                     id="desktop_memory_sec">

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

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

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

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

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

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

  575.                         </div>

  576.                     </div>

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

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

  579.                     </div>

  580.                 </div>

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

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

  583.                 </div>

  584.             </div>

  585.         </section>

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

  587. 

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

  589.         <section>

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

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

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

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

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

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

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

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

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

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

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

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

  602.                                         </a>

  603.                                     </div>

  604.                                 </div>

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

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

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

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

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

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

  611.                                         </a>

  612.                                     </div>

  613.                                 </div>

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

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

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

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

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

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

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

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

  622.                                         </p>

  623.                                     </div>

  624.                                 </div>

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

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

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

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

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

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

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

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

  633.                                         </p>

  634.                                     </div>

  635.                                 </div>

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

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

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

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

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

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

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

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

  644.                                         </p>

  645.                                     </div>

  646.                                 </div>

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

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

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

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

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

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

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

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

  655.                                         </p>

  656.                                     </div>

  657.                                 </div>

  658.                             </div>

  659.                         </div>

  660.                     </div>

  661.                 </div>

  662.             </div>

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

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

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

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

  667.                     </div>

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

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

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

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

  672.                     </div>

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

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

  675.                     </div>

  676.                 </div>

  677.             </div>

  678.         </section>

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

  680.     </main>

  681.     <!-- footer -->

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

  683.     <!-- end-footer -->

  684. 

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

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

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

  688. 

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

  690. 

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

  692. 

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

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

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

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

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

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

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

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

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

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

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

  704. 

  705.     <!-- Main JS -->

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

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

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

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

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

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

  712. 

  713. 

  714.     <script>

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

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

  717. 

  718.             if (Newuser == 1) {

  719.                 toasteropts()

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

  721.                 window.localStorage.removeItem(USER_AUTH_OKAY)

  722.                 return

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

  724. 

  725.                 toasteropts()

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

  727.                 window.localStorage.removeItem(USER_AUTH_OKAY)

  728.                 return

  729. 

  730.             }

  731. 

  732.             function toasteropts() {

  733.                 toastr.options = {

  734.                     "closeButton": true,

  735.                     "debug": false,

  736.                     "newestOnTop": true,

  737.                     "progressBar": true,

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

  739.                     "preventDuplicates": true,

  740.                     "onclick": null,

  741.                     "showDuration": "300",

  742.                     "hideDuration": "1000",

  743.                     "timeOut": "5000",

  744.                     "extendedTimeOut": "1000",

  745.                     "showEasing": "swing",

  746.                     "hideEasing": "linear",

  747.                     "showMethod": "fadeIn",

  748.                     "hideMethod": "fadeOut"

  749.                 }

  750.             }

  751.         });

  752. 

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

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

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

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

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

  758.         //     loop: true,

  759.         //     nav: false,

  760.         //     dots: true,

  761.         //     responsive: {

  762.         //         0: {

  763.         //             items: 1

  764.         //         },

  765.         //         600: {

  766.         //             items: 1

  767.         //         },

  768.         //         1000: {

  769.         //             items: 1

  770.         //         }

  771.         //     }

  772.         // });

  773. 

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

  775.         //     // loop: true,

  776.         //     margin: 10,

  777.         //     rtl: false,

  778.         //     nav: true,

  779.         //     navText: [

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

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

  782.         //     ],

  783.         //     responsive: {

  784.         //         0: {

  785.         //             items: 1

  786.         //         },

  787.         //         600: {

  788.         //             items: 3

  789.         //         },

  790.         //         1000: {

  791.         //             items: 5

  792.         //         }

  793.         //     }

  794.         // });

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

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

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

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

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

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

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

  802.             if (toggleTab) {

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

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

  805.                     width: "toggle"

  806.                 }, 500);

  807.             } else {

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

  809. 

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

  811. 

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

  813. 

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

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

  816. 

  817.                 if (window.width > 768) {

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

  819.                         width: "50rem"

  820.                     }, 500);

  821.                 } else {

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

  823.                         width: "auto"

  824.                     }, 500);

  825. 

  826.                 }

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

  828.             }

  829.         });

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

  831.         if (width_sc <= 1198) {

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

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

  834.         }

  835. 

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

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

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

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

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

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

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

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

  844. 

  845.                 let top_obj = {

  846.                     name: product_name,

  847.                     version: data_version,

  848.                     device: data_device,

  849.                     gb: data_gb,

  850.                     price: data_price,

  851.                     img: data_img

  852.                 }

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

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

  855.             })

  856.         })

  857.     </script>

  858. </body>

  859. 

  860. </html>