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.
12 Комити
1 Грана
Грана: master
Гране Ознаке
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
anwisystems/index.html

index.html 48KB
Пермалинк Историја Датотека

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3.   <head>

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

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

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

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

  8. 

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

  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

  66.             id="carouselExampleAutoplaying"

  67.             class="carousel slide"

  68.             data-bs-ride="carousel"

  69.           >

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

  71.               <button

  72.                 type="button"

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

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

  75.                 class="active carousel_btn"

  76.                 aria-current="true"

  77.                 aria-label="Slide 1"

  78.               ></button>

  79.               <button

  80.                 type="button"

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

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

  83.                 aria-label="Slide 2"

  84.                 class="carousel_btn"

  85.               ></button>

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

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

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

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

  90.             </div>

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

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

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

  94.                   <img

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

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

  97.                     alt="..."

  98.                   />

  99.                 </a>

  100.               </div>

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

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

  103.                   <img

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

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

  106.                     alt="..."

  107.                   />

  108.                 </a>

  109.               </div>

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

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

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

  113.                             </div>

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

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

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

  117.             </div>

  118.           </div>

  119.         </div>

  120.       </section>

  121.       <!-- end-banner -->

  122. 

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

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

  125.         <div class="container">

  126.           <div class="zeno_steamlined_section_heading">

  127.             <div

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

  129.             >

  130.               <div class="zeno_logo">

  131.                 <img

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

  133.                   class="img-fluid"

  134.                   alt=""

  135.                 />

  136.               </div>

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

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

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

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

  141.                   affordability.

  142.                 </h6>

  143.               </div>

  144.             </div>

  145.           </div>

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

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

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

  149.                 <div class="">

  150.                   <div

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

  152.                   >

  153.                     <img

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

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

  156.                       alt="..."

  157.                     />

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

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

  160.                         Zeno All-in-One 23.8 inch

  161.                       </h5>

  162. 

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

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

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

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

  167.                           Processor (12th | 13th Gen)

  168.                         </li>

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

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

  171.                       </ul>

  172. 

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

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

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

  176.                         >

  177.                       </h5>

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

  179.                         >Know More</a

  180.                       >

  181.                       <p></p>

  182.                     </div>

  183.                   </div>

  184.                 </div>

  185.               </div>

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

  187.                 <div

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

  189.                 >

  190.                   <div

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

  192.                   >

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

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

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

  196.                           Zeno All-in-One 23.8 inch

  197.                         </p>

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

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

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

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

  202.                             Processor (12th | 13th Gen)

  203.                           </li>

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

  205.                         </ul>

  206. 

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

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

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

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

  211.                             >

  212.                           </h5>

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

  214.                             >Know More</a

  215.                           >

  216.                         </div>

  217.                       </div>

  218.                     </div>

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

  220.                       <img

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

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

  223.                         alt="..."

  224.                       />

  225.                     </div>

  226.                   </div>

  227.                 </div>

  228.               </div>

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

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

  231.                   <div

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

  233.                   >

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

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

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

  237.                           <h5

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

  239.                           >

  240.                             Zeno Sleekbook 14.1 inch

  241.                           </h5>

  242. 

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

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

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

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

  247.                               (12th | 13th Gen)

  248.                             </li>

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

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

  251.                           </ul>

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

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

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

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

  256.                               >

  257.                             </h5>

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

  259.                               >Know More</a

  260.                             >

  261.                           </div>

  262.                         </div>

  263.                       </div>

  264.                     </div>

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

  266.                       <img

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

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

  269.                         alt="..."

  270.                       />

  271.                     </div>

  272.                   </div>

  273.                 </div>

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

  275.                   <div

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

  277.                   >

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

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

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

  281.                           <h5

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

  283.                           >

  284.                             Zeno Sleekbook 16 inch

  285.                           </h5>

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

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

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

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

  290.                               (12th | 13th Gen)

  291.                             </li>

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

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

  294.                           </ul>

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

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

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

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

  299.                               >

  300.                             </h5>

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

  302.                               >Know More</a

  303.                             >

  304.                           </div>

  305.                         </div>

  306.                       </div>

  307.                     </div>

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

  309.                       <img

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

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

  312.                         alt="..."

  313.                       />

  314.                     </div>

  315.                   </div>

  316.                 </div>

  317.               </div>

  318.             </div>

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

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

  321.             </div>

  322.           </div>

  323.         </div>

  324.       </section>

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

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

  327.         <div class="container">

  328.           <img

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

  330.             alt=""

  331.             class="img-fluid"

  332.           />

  333.         </div>

  334.       </section>

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

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

  337.         <div class="container">

  338.           <div class="fyro_steamlined_section_heading">

  339.             <div

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

  341.             >

  342.               <div class="fyro_logo">

  343.                 <img

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

  345.                   class="img-fluid"

  346.                   alt=""

  347.                 />

  348.               </div>

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

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

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

  352.                   Explore the world of advanced computing with FYRO.

  353.                 </h6>

  354.               </div>

  355.             </div>

  356.           </div>

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

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

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

  360.                 <div class="">

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

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

  363.                   </div>

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

  365.                     <div

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

  367.                     >

  368.                       <div

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

  370.                       >

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

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

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

  374.                               <h5

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

  376.                               >

  377.                                 FYRO 17.3 RTX 4080

  378.                               </h5>

  379.                               <ul

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

  381.                               >

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

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

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

  385.                                 </li>

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

  387.                               </ul>

  388.                               <div

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

  390.                               >

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

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

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

  394.                                   >

  395.                                 </h5>

  396.                                 <a

  397.                                   class="btn btn-dark"

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

  399.                                   >Coming Soon</a

  400.                                 >

  401.                               </div>

  402.                             </div>

  403.                           </div>

  404.                         </div>

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

  406.                           <img

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

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

  409.                             alt="..."

  410.                           />

  411.                         </div>

  412.                       </div>

  413.                     </div>

  414.                     <div

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

  416.                     >

  417.                       <div

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

  419.                       >

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

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

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

  423.                               <h5

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

  425.                               >

  426.                                 FYRO 14 RTX 4060

  427.                               </h5>

  428.                               <ul

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

  430.                               >

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

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

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

  434.                                   i9

  435.                                 </li>

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

  437.                               </ul>

  438.                               <div

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

  440.                               >

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

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

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

  444.                                   >

  445.                                 </h5>

  446.                                 <a

  447.                                   class="btn btn-dark"

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

  449.                                   >Coming Soon

  450.                                 </a>

  451.                               </div>

  452.                             </div>

  453.                           </div>

  454.                         </div>

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

  456.                           <img

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

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

  459.                             alt="..."

  460.                           />

  461.                         </div>

  462.                       </div>

  463.                     </div>

  464.                   </div>

  465.                 </div>

  466.               </div>

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

  468.                 <div

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

  470.                 >

  471.                   <div

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

  473.                   >

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

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

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

  477.                           24 Inch All-In-One

  478.                         </p>

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

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

  481.                           <li>

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

  483.                               class="trademark_sup"

  484.                               >TM</sup

  485.                             >

  486.                             i5 13400 | 16GB

  487.                           </li>

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

  489.                         </ul>

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

  491.                           <p

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

  493.                             style="visibility: hidden;"

  494.                           >

  495.                             Starting from ₹ 54,999

  496.                           </p>

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

  498.                         </div>

  499.                       </div>

  500.                     </div>

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

  502.                       <img

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

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

  505.                         alt="..."

  506.                       />

  507.                     </div>

  508.                   </div>

  509.                 </div>

  510.               </div>

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

  512.                 <div

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

  514.                 >

  515.                   <img

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

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

  518.                     alt="..."

  519.                   />

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

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

  522.                       <h5

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

  524.                       >

  525.                         FYRO AIO34 ARC

  526.                       </h5>

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

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

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

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

  531.                           (12th | 13th Gen)

  532.                         </li>

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

  534.                       </ul>

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

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

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

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

  539.                           >

  540.                         </h5>

  541.                         <a

  542.                           class="btn btn-dark"

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

  544.                           >Coming Soon

  545.                         </a>

  546.                       </div>

  547.                     </div>

  548.                   </div>

  549.                 </div>

  550.               </div>

  551.             </div>

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

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

  554.             </div>

  555.           </div>

  556.         </div>

  557.       </section>

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

  559. 

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

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

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

  563.           <div

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

  565.           >

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

  567.               <img

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

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

  570.               />

  571.             </div>

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

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

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

  575.                 Reliable Heat Dissipation with

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

  577.               </h5>

  578.             </div>

  579.           </div>

  580.           <div

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

  582.             id="graphene_tech"

  583.           >

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

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

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

  587.                   <img

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

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

  590.                   />

  591.                 </div>

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

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

  594.                     A Breakthrough in Storage Performance and Sustainability

  595.                   </h2>

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

  597.                     Experience a new era of storage technology with our

  598.                     innovative Graphene-Thermal Pad solution designed to

  599.                     revolutionize performance, longevity, and environmental

  600.                     sustainability.<br />

  601.                     ORA Series offers unparalleled benefits that set it apart

  602.                     from traditional storage options.

  603.                   </h6>

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

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

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

  607.                         Optimal Thermal Management

  608.                       </p>

  609.                     </div>

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

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

  612.                         Lightning-fast read and write speeds

  613.                       </p>

  614.                     </div>

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

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

  617.                         Lightweight & Flexible Deisgn

  618.                       </p>

  619.                     </div>

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

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

  622.                     </div>

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

  624.                       Upgrade to the Graphene Technology Memory Series and

  625.                       experience unparalleled performance, durability, and

  626.                       sustainability in your data storage solutions.

  627.                     </div>

  628.                   </div>

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

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

  631.                                 </div> -->

  632.                 </div>

  633.               </div>

  634.             </div>

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

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

  637.                 <div

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

  639.                 >

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

  641.                 </div>

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

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

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

  645.                       <div

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

  647.                       >

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

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

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

  651.                         </p>

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

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

  654.                         </p>

  655.                       </div>

  656.                     </div>

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

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

  659.                         <div

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

  661.                         >

  662.                           <div

  663.                             class="p-2"

  664.                             style="

  665.                               background-color: #50b2e4;

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

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

  668.                             "

  669.                           >

  670.                             <img

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

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

  673.                             />

  674.                           </div>

  675.                           <p

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

  677.                           >

  678.                             15% More Performance & Life

  679.                           </p>

  680.                         </div>

  681.                       </div>

  682.                     </div>

  683.                   </div>

  684.                 </div>

  685.               </div>

  686.             </div>

  687.           </div>

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

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

  690.           </div>

  691.         </div>

  692.       </section>

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

  694. 

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

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

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

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

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

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

  701.               with M2 NVMe SSDs at Lightning Speeds

  702.             </h5>

  703.           </div>

  704.           <div

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

  706.             id="Fyro_main_card"

  707.           >

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

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

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

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

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

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

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

  715.                   >Shop Now</a

  716.                 >

  717.               </div>

  718.             </div>

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

  720.               <img

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

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

  723.               />

  724.             </div>

  725.           </div>

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

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

  728.           </div>

  729.         </div>

  730.       </section>

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

  732. 

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

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

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

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

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

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

  739.               Boost the Laptops Potential with ORA Memory Series

  740.             </h5>

  741.           </div>

  742.           <div

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

  744.             id="laptop_memory_sec"

  745.           >

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

  747.               <img

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

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

  750.               />

  751.             </div>

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

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

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

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

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

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

  758.                   >Shop Now</a

  759.                 >

  760.               </div>

  761.             </div>

  762.           </div>

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

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

  765.           </div>

  766.         </div>

  767.       </section>

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

  769. 

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

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

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

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

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

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

  776.               Maximize Efficiency with ORA Desktop Memory Series

  777.             </h5>

  778.           </div>

  779.           <div

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

  781.             id="desktop_memory_sec"

  782.           >

  783.             <div

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

  785.             >

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

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

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

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

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

  791.                   >Shop Now</a

  792.                 >

  793.               </div>

  794.             </div>

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

  796.               <img

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

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

  799.               />

  800.             </div>

  801.           </div>

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

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

  804.           </div>

  805.         </div>

  806.       </section>

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

  808. 

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

  810.       <section>

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

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

  813.             Top Selling Products

  814.           </h1>

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

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

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

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

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

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

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

  822.                         <img

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

  824.                           class="w-100"

  825.                         />

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

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

  828.                           PCI Express 3.0

  829.                         </p>

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

  831.                       </a>

  832.                     </div>

  833.                   </div>

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

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

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

  837.                         <img

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

  839.                           class="w-100"

  840.                         />

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

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

  843.                           PCI Express 4.0

  844.                         </p>

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

  846.                       </a>

  847.                     </div>

  848.                   </div>

  849.                   <div

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

  851.                   >

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

  853.                       <img

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

  855.                         class="w-100"

  856.                       />

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

  858.                         ORA 32GB DDR5 <br />

  859.                         4800MHz Desktop Memory

  860.                       </p>

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

  862.                       <p

  863.                         class="selling_product d-none"

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

  865.                         data_version="DDR5"

  866.                         data_device="Desktop"

  867.                         data_gb="32GB"

  868.                         data_price="15500"

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

  870.                       ></p>

  871.                     </div>

  872.                   </div>

  873.                   <div

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

  875.                   >

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

  877.                       <img

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

  879.                         class="w-100"

  880.                       />

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

  882.                         ORA 8GB DDR5 <br />

  883.                         4800MHz Laptop Memory

  884.                       </p>

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

  886.                       <p

  887.                         class="selling_product d-none"

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

  889.                         data_version="DDR5"

  890.                         data_device="Laptop"

  891.                         data_gb="8GB"

  892.                         data_price="5150"

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

  894.                       ></p>

  895.                     </div>

  896.                   </div>

  897.                   <div

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

  899.                   >

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

  901.                       <img

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

  903.                         class="w-100"

  904.                       />

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

  906.                         ORA 32GB DDR4 <br />

  907.                         3200MHz Laptop Memory

  908.                       </p>

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

  910.                       <p

  911.                         class="selling_product d-none"

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

  913.                         data_version="DDR4"

  914.                         data_device="Laptop"

  915.                         data_gb="32GB"

  916.                         data_price="8450"

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

  918.                       ></p>

  919.                     </div>

  920.                   </div>

  921.                   <div

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

  923.                   >

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

  925.                       <img

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

  927.                         class="w-100"

  928.                       />

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

  930.                         DDR4 <br />

  931.                         3200MHz Laptop Memory

  932.                       </p>

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

  934.                       <p

  935.                         class="selling_product d-none"

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

  937.                         data_version="DDR4"

  938.                         data_device="Laptop"

  939.                         data_gb="32GB"

  940.                         data_price="8450"

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

  942.                       ></p>

  943.                     </div>

  944.                   </div>

  945.                 </div>

  946.               </div>

  947.             </div>

  948.           </div>

  949.         </div>

  950.         <div

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

  952.           id="innovation_sections"

  953.         >

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

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

  956.               <img

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

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

  959.               />

  960.             </div>

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

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

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

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

  965.               </h5>

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

  967.             </div>

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

  969.               <img

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

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

  972.               />

  973.             </div>

  974.           </div>

  975.         </div>

  976.       </section>

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

  978.     </main>

  979.     <!-- footer -->

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

  981.     <!-- end-footer -->

  982. 

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

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

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

  986. 

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

  988. 

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

  990. 

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

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

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

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

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

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

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

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

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

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

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

  1002. 

  1003.     <!-- Main JS -->

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

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

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

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

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

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

  1010. 

  1011.     <script>

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

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

  1014. 

  1015.         if (Newuser == 1) {

  1016.           toasteropts();

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

  1018.           window.localStorage.removeItem(USER_AUTH_OKAY);

  1019.           return;

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

  1021.           toasteropts();

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

  1023.           window.localStorage.removeItem(USER_AUTH_OKAY);

  1024.           return;

  1025.         }

  1026. 

  1027.         function toasteropts() {

  1028.           toastr.options = {

  1029.             closeButton: true,

  1030.             debug: false,

  1031.             newestOnTop: true,

  1032.             progressBar: true,

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

  1034.             preventDuplicates: true,

  1035.             onclick: null,

  1036.             showDuration: "300",

  1037.             hideDuration: "1000",

  1038.             timeOut: "5000",

  1039.             extendedTimeOut: "1000",

  1040.             showEasing: "swing",

  1041.             hideEasing: "linear",

  1042.             showMethod: "fadeIn",

  1043.             hideMethod: "fadeOut",

  1044.           };

  1045.         }

  1046.       });

  1047. 

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

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

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

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

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

  1053.       //     loop: true,

  1054.       //     nav: false,

  1055.       //     dots: true,

  1056.       //     responsive: {

  1057.       //         0: {

  1058.       //             items: 1

  1059.       //         },

  1060.       //         600: {

  1061.       //             items: 1

  1062.       //         },

  1063.       //         1000: {

  1064.       //             items: 1

  1065.       //         }

  1066.       //     }

  1067.       // });

  1068. 

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

  1070.       //     // loop: true,

  1071.       //     margin: 10,

  1072.       //     rtl: false,

  1073.       //     nav: true,

  1074.       //     navText: [

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

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

  1077.       //     ],

  1078.       //     responsive: {

  1079.       //         0: {

  1080.       //             items: 1

  1081.       //         },

  1082.       //         600: {

  1083.       //             items: 3

  1084.       //         },

  1085.       //         1000: {

  1086.       //             items: 5

  1087.       //         }

  1088.       //     }

  1089.       // });

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

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

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

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

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

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

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

  1097.         if (toggleTab) {

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

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

  1100.             {

  1101.               width: "toggle",

  1102.             },

  1103.             500

  1104.           );

  1105.         } else {

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

  1107. 

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

  1109. 

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

  1111. 

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

  1113.           $(this)

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

  1115.             .removeClass("d-none")

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

  1117. 

  1118.           if (window.width > 768) {

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

  1120.               {

  1121.                 width: "50rem",

  1122.               },

  1123.               500

  1124.             );

  1125.           } else {

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

  1127.               {

  1128.                 width: "auto",

  1129.               },

  1130.               500

  1131.             );

  1132.           }

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

  1134.         }

  1135.       });

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

  1137.       if (width_sc <= 1198) {

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

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

  1140.       }

  1141. 

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

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

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

  1145.           let data_version = $(this)

  1146.             .find(".selling_product")

  1147.             .attr("data_version");

  1148.           let data_device = $(this)

  1149.             .find(".selling_product")

  1150.             .attr("data_device");

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

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

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

  1154. 

  1155.           let top_obj = {

  1156.             name: product_name,

  1157.             version: data_version,

  1158.             device: data_device,

  1159.             gb: data_gb,

  1160.             price: data_price,

  1161.             img: data_img,

  1162.           };

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

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

  1165.         });

  1166.       });

  1167.     </script>

  1168.   </body>

  1169. </html>