sachin.ganesh/anwi_website
1
0
Förgrening 0
Kod Ärenden Pull-förfrågningar Släpp Wiki Aktiviteter

add new changes

Bläddra i källkod
This commit is contained in:
sachinganesh
2023-05-25 12:32:11 +05:30
förälder c2f6fbdb94
incheckning 60ea1797f1
43 ändrade filer med 2938 tillägg och 1006 borttagningar
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+466 -196
Visa fil
@@ -33,26 +33,30 @@
<title>Anwi</title>
<style>
.slick-prev{
.slick-prev {
position: absolute;
padding: 10px 15px;
z-index: 1;
left: -25px;
top: 70px;
top: 45%;
border-radius: 50%;
background: rgb(63, 76, 119);
}
.slick-next{
.slick-next {
position: absolute;
padding: 10px 15px;
right: -25px;
top: 70px;
top: 45%;
border-radius: 50%;
background: rgb(63, 76, 119);
}
.slick-prev.btn:hover, .slick-next.btn:hover{
background: rgb(63, 76, 119);
.slick-prev.btn:hover,
.slick-next.btn:hover {
background: rgb(63, 76, 119);
}
/* .graphene_text::after{
content: "";
display: block;
@@ -62,13 +66,11 @@
left: 0;
} */
.slick-track
{
.slick-track {
display: flex !important;
}
.slick-slide
{
.slick-slide {
height: inherit !important;
}
</style>
@@ -90,15 +92,27 @@
class="active carousel_btn" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="1"
aria-label="Slide 2" class="carousel_btn"></button>
<button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="2"
aria-label="Slide 3" class="carousel_btn"></button>
<button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="3"
aria-label="Slide 4" class="carousel_btn"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active" id="carousel_item1">
<img src="./dist/assets/imgs/allin_imgs/oradesktop.png"
class="d-block mx-auto w-100 carousel_img" alt="...">
</div>
<div class="carousel-item " id="carousel_item4">
<img src="./dist/assets/imgs/allin_imgs/oranvme.png" class="d-block w-100 mx-auto carousel_img"
alt="...">
<div class="carousel-item " id="carousel_item2">
<img src="./dist/assets/imgs/allin_imgs/oranvme.png"
class="d-block w-100 mx-auto carousel_img" alt="...">
</div>
<div class="carousel-item" id="carousel_item3">
<img src="./dist/assets/imgs/allin_imgs/sleekbookbanner.jpg" alt=""
class="d-block mx-auto w-100 carousel_img">
</div>
<div class="carousel-item" id="carousel_item4">
<img src="./dist/assets/imgs/allin_imgs/allinonebanner.jpg" alt=""
class="d-block mx-auto w-100 carousel_img">
</div>
</div>
</div>
@@ -106,12 +120,276 @@
</section>
</section>
<!-- end-banner -->
<!-- zeno section start -->
<section class="zeno_steamlined_section py-5">
<div class="container">
<div class="zeno_steamlined_section_heading">
<div class="d-flex align-items-center justify-content-center ">
<div class="zeno_logo">
<img src="./dist/assets/imgs/Home_new/Zeno_head_logo.png" class="img-fluid" alt="">
</div>
<div class="zeno_section_heading_titleText ms-4">
<h1 class="text-white">Streamlined and Efficient Computing!</h1>
<h6 class="text-white satoshi_font">ZENO, the ideal choice for those who value efficiency
and affordability.</h6>
</div>
</div>
</div>
<div class="zeno_products_main_container position-relative">
<div class="row mt-4 justify-content-center">
<div class="col-lg-6 h-100 d-none d-lg-block">
<div class="">
<div class="card ms-auto Two_four_inch_Card">
<img src="./dist/assets/imgs/laptop_aio/Zeno/all-in-one 21.5 inch/1 (3).png"
class="img-fluid w-65 w-sm-75 mx-auto" alt="...">
<div class="card-body px-lg-5 pb-lg-5 pt-0 ms-5 text-white">
<h5 class="card-text satoshi_font fw-bold">Zeno All-in-One 23.8 inch</h5>
<ul class="showspecsul">
<li> 23.8 inch FHD Display</li>
<li>Intel<sup>®</sup> Core<sup>™</sup> i5-| i7 Processor (12th Gen)</li>
<li>24 GB RAM | 1 TB M.2 NVMe</li>
</ul>
<h5 class="card-text my-3"><small class="satoshi_font">Starting from ₹
33,990</small></h5>
<a class="btn btn-dark button_dark" href="/laptopdetails.html?AIO%20Zeno#productId=106633230000026#itemid=106633240000110">Coming Soon</a>
<p></p>
</div>
</div>
</div>
</div>
<div class="col-12 d-block d-lg-none">
<div class="card mb-4 Two_four_inch_Card">
<div class="row g-0 px-3 p-md-3 py-lg-4 flex-column-reverse flex-md-row">
<div class="col-lg-6 col-md-6">
<div class="card-body p-lg-5 text-white">
<p class="card-text satoshi_font fw-bold">24 Inch All-In-One</p>
<ul class="showspecsul">
<li>24" 2K FHD</li>
<li>Intel<sup class="copy-right_sup">®</sup> Core<sup class="trademark_sup">TM</sup> i5 13400 | 16GB</li>
<li>Memory | 1TB NVMe </li>
</ul>
<p class="card-text satoshi_font mb-2"></p>
<p class="card-text satoshi_font mb-2">
</p>
<p class="card-text satoshi_font mb-2" style="visibility: hidden;">Starting
from ₹ 54,999</p>
<a class="btn btn-dark button_dark" href="#">Coming Soon</a>
</div>
</div>
<div class="col-md-6 my-auto">
<img src="./dist/assets/imgs/Home/all-in-one-mobile.png"
class="img-fluid rounded-start w-lg-100 w-sm-75 p-3" alt="...">
</div>
</div>
</div>
</div>
<div class="col-lg-6 h-100">
<div class="card mb-4 zeno_sleekbook_1">
<div
class="row g-0 px-3 p-md-3 py-lg-4 flex-sm-row-reverse flex-lg-row flex-column-reverse ">
<div class="col-lg-6 col-md-6">
<div class="card-body">
<div class="py-lg-2">
<h5 class="card-title mb-2 satoshi_font fw-bold">Zeno Sleekbook 14.1 inch</h5>
<ul class="showspecsul">
<li>14.1 inch 2.5K Display</li>
<li>Intel<sup>®</sup> Core<sup>™</sup> i5-| i7 (12th Gen)</li>
<li>24 GB RAM , 1 TB M.2 NVMe</li>
</ul>
<h5 class="card-text my-4"><small class="satoshi_font">Starting from ₹
54,990</small></h5>
<a class="btn btn-dark button_dark" href="/laptopdetails.html?Zeno#productId=106633230000029">Coming Soon</a>
</div>
</div>
</div>
<div class="col-md-6 my-auto">
<img src="./dist/assets/imgs/laptop_aio/Zeno/14.1-1/14 inch.png"
class="img-fluid rounded-start w-sm-50 pt-md-0 pt-5" alt="...">
</div>
</div>
</div>
<div class="card mb-3 zeno_sleekbook_2">
<div class="row g-0 px-3 p-md-3 py-lg-3 flex-column-reverse flex-md-row">
<div class="col-lg-6 col-md-6">
<div class="card-body">
<div class="py-lg-2">
<h5 class="card-title satoshi_font mb-2 fw-bold">Zeno Sleekbook 15.6
inch</h5>
<ul class="showspecsul">
<li>15.6 inch 4k Display</li>
<li>Intel<sup>®</sup> Core<sup>™</sup> i5-| i7 (12th Gen)</li>
<li>24 GB RAM , 1 TB M.2 NVMe</li>
</ul>
<h5 class="card-text my-4"><small class="satoshi_font">Starting from ₹
57,990</small></h5>
<a class="btn btn-dark button_dark" href="/laptopdetails.html?Zeno#productId=106633230000029">Coming Soon </a>
</div>
</div>
</div>
<div class="col-md-6 my-auto">
<img src="./dist/assets/imgs/laptop_aio/Zeno/15.6 inches/15 inch.png"
class="img-fluid rounded-start w-lg-100 w-200 mt-3" alt="...">
</div>
</div>
</div>
</div>
</div>
<div class="d-md-block d-none">
<span class="transform_text_1">Zeno&nbsp;Series</span>
</div>
</div>
</div>
</section>
<!-- zeno section start -->
<!-- fyro section start -->
<section class="fyro_steamlined_section py-md-5">
<div class="container">
<div class="fyro_steamlined_section_heading">
<div class="d-flex align-items-center justify-content-center ">
<div class="fyro_logo">
<img src="./dist/assets/imgs/Home_new/Fyro_img.png" class="img-fluid" alt="">
</div>
<div class="fyro_section_heading_titleText ms-4">
<h1 class="text-white">Unleash the Power of GPU!</h1>
<h6 class="text-white satoshi_font">Explore the world of advanced computing with FYRO.</h6>
</div>
</div>
</div>
<div class="fyro_products_main_container position-relative">
<div class="row mt-4 justify-content-center">
<div class="col-lg-6 text-center text-md-start h-100">
<div class="">
<div class="position-relative d-none">
<span class="transform_text">FYRO&nbsp;Series</span>
</div>
<div class="left-spacer-card">
<div class="card mb-4 fyro_sleekbook_1">
<div class="row g-0 px-3 p-md-3 py-lg-4 flex-sm-row-reverse flex-lg-row flex-column-reverse ">
<div class="col-lg-6 col-md-6">
<div class="card-body">
<div class="py-lg-4">
<h5 class="card-title mb-2 satoshi_font fw-bold">FYRO 17.3 RTX 4080</h5>
<ul class="showspecsul">
<li>17.3 inch IPS level LCD</li>
<li>Intel<sup>®</sup> Core<sup>™</sup> i9</li>
<li>32 GB RAM , 2 TB M.2 NVMe</li>
</ul>
<h5 class="card-text my-3">
<small class="satoshi_font">Starting from ₹ 2,49,990</small>
</h5>
<a class="btn btn-dark button_dark" href="/laptopdetails.html?Fyro#productId=106633230000031">Coming Soon</a>
</div>
</div>
</div>
<div class="col-md-6 my-auto">
<img src="./dist/assets/imgs/fyro_laptop_images/15%20inches.png"
class="img-fluid rounded-start w-sm-50 pt-md-0 pt-5" alt="...">
</div>
</div>
</div>
<div class="card mb-3 fyro_sleekbook_2">
<div class="row g-0 px-3 p-md-3 py-lg-3 flex-column-reverse flex-md-row">
<div class="col-lg-6 col-md-6">
<div class="card-body">
<div class="py-lg-4">
<h5 class="card-title satoshi_font mb-2 fw-bold">FYRO 14 RTX 4060</h5>
<ul class="showspecsul">
<li>14.0 inch FHD</li>
<li>Intel<sup>®</sup> Core<sup>™</sup> i5 | i7 | i9</li>
<li>32 GB RAM , 2 TB M.2 NVMe</li>
</ul>
<h5 class="card-text my-3">
<small class="satoshi_font">Starting from ₹ 1,09,990</small>
</h5>
<a class="btn btn-dark button_dark" href="/laptopdetails.html?Fyro#productId=106633230000031
">Coming Soon </a>
</div>
</div>
</div>
<div class="col-md-6 my-auto">
<img src="../dist/assets/imgs/fyro_laptop_images/14 inches.png"
class="img-fluid rounded-start w-lg-100 mt-3 w-200" alt="...">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 d-none d-lg-none">
<div class="card mb-4 Two_four_inch_Card">
<div class="row g-0 px-3 p-md-3 py-lg-4 flex-column-reverse flex-md-row">
<div class="col-lg-6 col-md-6">
<div class="card-body p-lg-5 text-white">
<p class="card-text satoshi_font fw-bold">24 Inch All-In-One</p>
<ul class="showspecsul">
<li>24 Inch 2K FHD</li>
<li>Intel<sup class="copy-right_sup">®</sup> Core<sup class="trademark_sup">TM</sup> i5 13400 | 16GB</li>
<li>16GB Memory | 1TB NVMe</li>
</ul>
<p class="card-text satoshi_font mb-2" style="visibility: hidden;">Starting
from ₹ 54,999</p>
<a class="btn btn-dark button_dark" href="#">Coming Soon</a>
</div>
</div>
<div class="col-md-6 my-auto">
<img src="./dist/assets/imgs/laptop and all in one/Fyro/All-in-one 34 inches/Asset 4@2x.png"
class="img-fluid rounded-start w-lg-100 w-sm-75 p-3" alt="...">
</div>
</div>
</div>
</div>
<div class="col-lg-6 h-100">
<div class="card ms-auto Two_four_inch_Card">
<img src="./dist/assets/imgs/laptop_aio/Fyro/All-in-one 34 inches/Asset 4@2x.png"
class="img-fluid w-75 w-sm-75 mx-auto my-4 pt-md-4" alt="...">
<div class="card-body p-lg-5 ms-5">
<h5 class="card-text satoshi_font fw-bold">FYRO AIO34 ARC</h5>
<ul class="showspecsul">
<li>34 inch Curved 4K LCD</li>
<li>Intel<sup>®</sup> Core<sup>™</sup> i7-| i9 Processor (12th | 13th Gen)</li>
<li>32 GB RAM , 2 TB M.2 NVMe</li>
</ul>
<h5 class="card-text my-3"><small class="satoshi_font">Starting from ₹
1,24,990</small></h5>
<a class="btn btn-dark button_dark" href="/laptopdetails.html?AIO%20Fyro#productId=106633230000027#itemid=106633240000126">Coming Soon</a>
<p></p
</div>
</div>
</div>
</div>
<div class="d-md-block d-none">
<span class="transform_text_1">FYRO&nbsp;Series</span>
</div>
</div>
</div>
</section>
<!-- fyro section start -->
<!-- Graphene Technology Section -->
<section class=" bg-black" id="graphene_section">
<div class="container py-md-5 py-4 position-relative">
<div class="row align-items-center justify-content-center pb-md-5 pb-4">
<div class="col-md-4 col-3 text-end">
<img src="./dist/assets/imgs/allin_imgs/ora_img.png" class="img-fluid w-md-50"/>
<img src="./dist/assets/imgs/allin_imgs/ora_img.png" class="img-fluid w-md-50" />
</div>
<div class="col-md-8 col-9 text-white">
<h2 class="satoshi_font">Our Innovation in Memory and Storage</h2>
@@ -123,31 +401,36 @@
<div class="col-12">
<div class="row align-items-center justify-content-md-center ">
<div class="col-lg-6 col-md-8 text-center px-lg-3 px-md-5">
<img src="./dist/assets/imgs/allin_imgs/graphene_img.png" class="img-fluid text-center" />
<img src="./dist/assets/imgs/allin_imgs/graphene_img.png"
class="img-fluid text-center" />
</div>
<div class="col-lg-6 text-white pe-lg-4">
<h2 class="satoshi_font pb-md-3">A Breakthrough in Storage Performance and Sustainability</h2>
<h6 class="mb-md-4 fw-lighter" style="line-height: 24px;">Experience a new era of storage technology with
<h2 class="satoshi_font pb-md-3">A Breakthrough in Storage Performance and
Sustainability</h2>
<h6 class="mb-md-4 fw-lighter" style="line-height: 24px;">Experience a new era of
storage technology with
our innovative Graphene-Thermal Pad solution
designed to revolutionize performance, longevity,
and environmental sustainability.<br>
ORA Series offers unparalleled benefits
that set it apart from traditional storage options.</h6>
<div class="row px-md-3">
<div class="col-md-6 border-left pt-md-0 pt-2">
<p class="graphene_text fs-9 mb-0">Optimal Thermal Management</p>
</div>
<div class="col-md-6 border-left">
<p class="graphene_text fs-9 mb-0"> Lightning-fast read and write speeds</p>
</div>
<div class="col-md-6 mt-md-3 border-left">
<p class="graphene_text fs-9 mb-0">Lightweight & Flexible Deisgn</p>
</div>
<div class="col-md-6 mt-md-3 border-left">
<p class="graphene_text fs-9 mb-0">Enhanced longevity</p>
</div>
<div class="col-12 pt-md-4 px-md-0 fs-9 pt-2">Upgrade to the Graphene Technology Memory Series and experience unparalleled performance, durability, and sustainability in your data storage solutions.</div>
<div class="row px-md-3">
<div class="col-md-6 border-left pt-md-0 pt-2">
<p class="graphene_text fs-9 mb-0">Optimal Thermal Management</p>
</div>
<div class="col-md-6 border-left">
<p class="graphene_text fs-9 mb-0"> Lightning-fast read and write speeds</p>
</div>
<div class="col-md-6 mt-md-3 border-left">
<p class="graphene_text fs-9 mb-0">Lightweight & Flexible Deisgn</p>
</div>
<div class="col-md-6 mt-md-3 border-left">
<p class="graphene_text fs-9 mb-0">Enhanced longevity</p>
</div>
<div class="col-12 pt-md-4 px-md-0 fs-9 pt-2">Upgrade to the Graphene Technology
Memory Series and experience unparalleled performance, durability, and
sustainability in your data storage solutions.</div>
</div>
<!-- <div class="text-end pe-md-4">
<a class="btn btn-dark button_dark py-md-2" href="#">Know more...</a>
</div> -->
@@ -164,19 +447,24 @@
<div class="row justify-content-center align-items-center">
<div class="col-lg-6 col-12 text-center text-white">
<div class="bg-black d-flex fs-9 px-md-4 py-md-2 py-2 px-3 rounded-3">
<p class="mb-0 px-md-2 py-md-1"><i class="fa-sharp fa-arrow-right fs-7"></i> || <i class="fa-sharp fa-arrow-left fs-7"></i></p>
<p class="mb-0 text-start py-md-1 w-75 fs-7">&nbsp;World's Thinnest Heat Sink 100% More Effective</p>
<p class="mb-0 px-md-2 py-md-1"><i class="fa-sharp fa-arrow-right fs-7"></i>
|| <i class="fa-sharp fa-arrow-left fs-7"></i></p>
<p class="mb-0 text-start py-md-1 w-75 fs-7">&nbsp;World's Thinnest Heat
Sink 100% More Effective</p>
</div>
</div>
<div class="col-lg-6 col-12 pt-lg-0 pt-3 text-center">
<div class="bg-white fs-7 px-md-2 py-md-2 rounded-3">
<div class="border d-flex fs-7 rounded-3 align-items-center">
<div class="p-2" style="background-color: #50b2e4;border-top-left-radius: 7px;border-bottom-left-radius:7px;">
<img src="./dist/assets/imgs/allin_imgs/15_percent.png" class="img-fluid w-60"/>
</div>
<p class="py-md-2 border-left mb-0 w-75 text-dark ps-1">15% More Performance & Life</p>
<div class="bg-white fs-7 px-md-2 py-md-2 rounded-3">
<div class="border d-flex fs-7 rounded-3 align-items-center">
<div class="p-2"
style="background-color: #50b2e4;border-top-left-radius: 7px;border-bottom-left-radius:7px;">
<img src="./dist/assets/imgs/allin_imgs/15_percent.png"
class="img-fluid w-60" />
</div>
<p class="py-md-2 border-left mb-0 w-75 text-dark ps-1">15% More
Performance & Life</p>
</div>
</div>
</div>
</div>
</div>
@@ -197,7 +485,8 @@
<h2 class="satoshi_font">Discover the Future of Storage</h2>
<h6 class="satoshi_font">with M2 NVMe SSDs at Lightning Speeds</h6>
</div>
<div class="align-items-center flex-column-reverse flex-md-row mx-0 px-md-5 rounded-4 row" id="Fyro_main_card">
<div class="align-items-center flex-column-reverse flex-md-row mx-0 px-md-5 rounded-4 row"
id="Fyro_main_card">
<div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">
<h3 class="fw-600 mb-md-3">ORA PCIe Storage</h3>
<h5 class="mb-1">NVMe M.2 SSDs</h5>
@@ -223,11 +512,11 @@
<div class="container py-md-5 py-5 position-relative">
<div class="text-center text-white mb-md-5 mb-5">
<h2 class="satoshi_font">Portability Meets Power</h2>
<h6 class="satoshi_font">Boost the laptops Potentail with ORA Memory Series</h6>
<h6 class="satoshi_font">Boost the Laptops Potential with ORA Memory Series</h6>
</div>
<div class="align-items-center flex-md-row mx-0 px-md-5 rounded-4 row" id="laptop_memory_sec">
<div class="col-lg-8 col-md-8">
<img src="./dist/assets/imgs/allin_imgs/laptop_memory.png" class="img-fluid"/>
<img src="./dist/assets/imgs/allin_imgs/laptop_memory.png" class="img-fluid" />
</div>
<div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">
<h3 class="fw-600 mb-md-0">ORA Series</h3>
@@ -252,7 +541,8 @@
<h2 class="satoshi_font">Empowering the Performance</h2>
<h6 class="satoshi_font">Maximize Efficiency with ORA Desktop Memory Series</h6>
</div>
<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" id="desktop_memory_sec">
<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"
id="desktop_memory_sec">
<div class="col-lg-6 col-md-4 pb-4 pb-md-0 ps-4 ps-md-0 ps-lg-5">
<h3 class="fw-600 mb-md-0">ORA Series</h3>
<h3 class="fw-600 mb-md-2">Desktop Memory</h3>
@@ -262,7 +552,7 @@
</div>
</div>
<div class="col-lg-6 col-md-8 pt-lg-5">
<img src="./dist/assets/imgs/allin_imgs/desktop_memory.png" class="img-fluid"/>
<img src="./dist/assets/imgs/allin_imgs/desktop_memory.png" class="img-fluid" />
</div>
</div>
<div class="d-md-block d-none">
@@ -276,108 +566,90 @@
<section>
<div class="container mb-md-5 mb-5">
<h2 class="satoshi_font text-center py-md-5 py-4">Top Selling Products</h2>
<div class="row justify-content-center align-items-center pb-md-5 ">
<div class="col-10">
<div id="homepage-slider" >
<div class="slider-hero">
<div class="card h-100 mx-1 text-center bg-gray-4 border-0">
<div class="card-body">
<a href="./storageproducts.html">
<img src="./dist/assets/imgs/allin_imgs/ora3_storage.png" class="w-100"/>
<p class="mb-0 fs-7 py-2">ORA3 M.2 NVMe 512GB<br> PCI Express 3.0</p>
<p class="fw-600 text-primary mb-0">Buy Now</p>
</a>
</div>
<div class="row justify-content-center align-items-center pb-md-5 ">
<div class="col-10">
<div id="homepage-slider">
<div class="slider-hero">
<div class="card h-100 mx-1 text-center bg-gray-4 border-0">
<div class="card-body">
<a href="./storageproducts.html">
<img src="./dist/assets/imgs/allin_imgs/ora3_storage.png" class="w-100" />
<p class="mb-0 fs-7 py-2">ORA3 M.2 NVMe 512GB<br> PCI Express 3.0</p>
<p class="fw-600 text-primary mb-0">Buy Now</p>
</a>
</div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0">
<div class="card-body">
<a href="./storageproducts.html">
<img src="./dist/assets/imgs/allin_imgs/ora4_storage.png" class="w-100"/>
<p class="mb-0 fs-7 py-2">ORA4 M.2 NVMe 2TB<br> PCI Express 4.0</p>
<p class="fw-600 text-primary mb-0">Buy Now</p>
</a>
</div>
</div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0">
<div class="card-body">
<a href="./storageproducts.html">
<img src="./dist/assets/imgs/allin_imgs/ora4_storage.png" class="w-100" />
<p class="mb-0 fs-7 py-2">ORA4 M.2 NVMe 2TB<br> PCI Express 4.0</p>
<p class="fw-600 text-primary mb-0">Buy Now</p>
</a>
</div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
<div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/ora_desktop.png" class="w-100"/>
<p class="mb-0 fs-7 py-2">ORA 32GB DDR5 <br> 4800MHz Desktop Memory</p>
<p class="fw-600 text-primary mb-0">Buy Now</p>
<p class="selling_product d-none"
data_name="ORA 32GB DDR5 4800MHz Desktop RAM "
data_version="DDR5"
data_device="Desktop"
data_gb="32GB"
data_price="15500"
data_img="../dist/assets/imgs/allin_imgs/ora_desktop.png">
</p>
</div>
</div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
<div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/ora_desktop.png" class="w-100" />
<p class="mb-0 fs-7 py-2">ORA 32GB DDR5 <br> 4800MHz Desktop Memory</p>
<p class="fw-600 text-primary mb-0">Buy Now</p>
<p class="selling_product d-none" data_name="ORA 32GB DDR5 4800MHz Desktop RAM "
data_version="DDR5" data_device="Desktop" data_gb="32GB" data_price="15500"
data_img="../dist/assets/imgs/allin_imgs/ora_desktop.png">
</p>
</div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
<div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/8gb_laptop.png" class="w-100"/>
<p class="mb-0 fs-7 py-2">ORA 8GB DDR5 <br> 4800MHz Laptop Memory</p>
<p class="fw-600 text-primary mb-0">Buy Now</p>
<p class="selling_product d-none"
data_name="ORA 8GB DDR5 4800MHz Laptop RAM "
data_version="DDR5"
data_device="Laptop"
data_gb="8GB"
data_price="5150"
data_img="../dist/assets/imgs/allin_imgs/8gb_laptop.png">
</p>
</div>
</div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
<div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/8gb_laptop.png" class="w-100" />
<p class="mb-0 fs-7 py-2">ORA 8GB DDR5 <br> 4800MHz Laptop Memory</p>
<p class="fw-600 text-primary mb-0">Buy Now</p>
<p class="selling_product d-none" data_name="ORA 8GB DDR5 4800MHz Laptop RAM "
data_version="DDR5" data_device="Laptop" data_gb="8GB" data_price="5150"
data_img="../dist/assets/imgs/allin_imgs/8gb_laptop.png">
</p>
</div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
<div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100"/>
<p class="mb-0 fs-7 py-2">ORA 32GB DDR4 <br> 3200MHz Laptop Memory</p>
<p class="fw-600 text-primary mb-0">Buy Now</p>
<p class="selling_product d-none"
data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
data_version="DDR4"
data_device="Laptop"
data_gb="32GB"
data_price="8450"
data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png"
>
</p>
</div>
</div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
<div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100" />
<p class="mb-0 fs-7 py-2">ORA 32GB DDR4 <br> 3200MHz Laptop Memory</p>
<p class="fw-600 text-primary mb-0">Buy Now</p>
<p class="selling_product d-none" data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
data_version="DDR4" data_device="Laptop" data_gb="32GB" data_price="8450"
data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png">
</p>
</div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
<div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100"/>
<p class="mb-0 fs-7 py-2">ORA DDR4 <br> 3200MHz Laptop Memory</p>
<p class="fw-600 text-primary mb-0">Buy Now</p>
<p class="selling_product d-none"
data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
data_version="DDR4"
data_device="Laptop"
data_gb="32GB"
data_price="8450"
data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png"
>
</p>
</div>
</div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
<div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100" />
<p class="mb-0 fs-7 py-2">DDR4 <br> 3200MHz Laptop Memory</p>
<p class="fw-600 text-primary mb-0">Buy Now</p>
<p class="selling_product d-none" data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
data_version="DDR4" data_device="Laptop" data_gb="32GB" data_price="8450"
data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png">
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-gradient-anwi container my-5 my-md-5 rounded-3 text-white" id="innovation_sections">
<div class="row align-items-center">
<div class="col-md-3 text-center">
<img src="./dist/assets/imgs/allin_imgs/innovation_img1.png" class="img-fluid"/>
</div>
<div class="col-md-6 text-center">
<h1 class="">Innovation at your fingertips</h1>
<h5 class="mb-md-3 fw-600">Be the first to set your digital world on fire!</h5>
<a href="./index1.html" class="btn rounded-3 bg-black text-white px-md-4">Know More</a>
</div>
<div class="col-md-3 text-center">
<img src="./dist/assets/imgs/allin_imgs/innovation_img2.png" class="img-fluid"/>
</div>
<div class="col-md-3 text-center">
<img src="./dist/assets/imgs/allin_imgs/innovation_img1.png" class="img-fluid" />
</div>
<div class="col-md-6 text-center">
<h1 class="">Innovation at your fingertips</h1>
<h5 class="mb-md-3 fw-600">Be the first to set your digital world on fire!</h5>
<a href="./index1.html" class="btn rounded-3 bg-black text-white px-md-4">Know More</a>
</div>
<div class="col-md-3 text-center">
<img src="./dist/assets/imgs/allin_imgs/innovation_img2.png" class="img-fluid" />
</div>
</div>
</div>
</section>
@@ -386,16 +658,17 @@
<!-- footer -->
<div id="footer-head" class=""></div>
<!-- end-footer -->
<script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="./dist/js/jquery.min.js"></script>
<script src="./dist/toaster/toastr.js"></script>
<script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
<script src="./libs/axios.min.js"></script>
<script src="./libs/axios.min.js"></script>
<script src="./libs/cookies.min.js"></script>
<script src="./libs/cookies.min.js"></script>
<script src="./dist/toaster/toastr.js"></script>
<script src="./dist/js/fontawesome.all.js"></script>
<script src="./dist/js/fontawesome.min.js"></script>
<script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
@@ -406,13 +679,9 @@
<script src="./dist/js/plugins/wow.js"></script>
<script src="./dist/js/plugins/svg-injector.min.js"></script>
<script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
<!-- <script src="./dist/js/plugins/mouse-parallax.js"></script>
<script src="./dist/js/plugins/images-loaded.js"></script>
<script src="./dist/js/plugins/isotope.js"></script>
<script src="./dist/js/plugins/jquery-ui.js"></script>
<script src="./dist/js/plugins/magnific-popup.js"></script> -->
<!-- Main JS -->
<!-- Main JS -->
<script src="./dist/js/utils/helpers.js"></script>
<script src="./dist/js/footer.js"></script>
<script src="./dist/js/auth/apiservice.js"></script>
<script src="./dist/js/navbar.js"></script>
@@ -421,42 +690,43 @@
<script>
$(document).ready(function() {
let Newuser =window.localStorage.getItem(USER_AUTH_OKAY);
if(Newuser == 1){
toasteropts()
Command: toastr["success"]("Account Created Successfully");
window.localStorage.removeItem(USER_AUTH_OKAY)
return
}else if(Newuser == 2){
toasteropts()
Command: toastr["success"]("Logged In Successfully");
window.localStorage.removeItem(USER_AUTH_OKAY)
return
}
function toasteropts(){
toastr.options = {
"closeButton": true,
"debug": false,
"newestOnTop": true,
"progressBar": true,
"positionClass": "toast-top-center",
"preventDuplicates": true,
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
}
}
});
$(document).ready(function () {
let Newuser = window.localStorage.getItem(USER_AUTH_OKAY);
if (Newuser == 1) {
toasteropts()
Command: toastr["success"]("Account Created Successfully");
window.localStorage.removeItem(USER_AUTH_OKAY)
return
} else if (Newuser == 2) {
toasteropts()
Command: toastr["success"]("Logged In Successfully");
window.localStorage.removeItem(USER_AUTH_OKAY)
return
}
function toasteropts() {
toastr.options = {
"closeButton": true,
"debug": false,
"newestOnTop": true,
"progressBar": true,
"positionClass": "toast-top-center",
"preventDuplicates": true,
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
}
}
});
$(".slick-prev").addClass("btn text-white");
$(".slick-next").addClass("btn text-white");
@@ -541,25 +811,25 @@
$(".Fyro_main_card").removeClass("col-lg-11").addClass("col-12")
}
$(".top_sell").each(function(){
$(".top_sell").click(function(){
$(".top_sell").each(function () {
$(".top_sell").click(function () {
let product_name = $(this).find(".selling_product").attr("data_name");
let data_version = $(this).find(".selling_product").attr("data_version");
let data_device = $(this).find(".selling_product").attr("data_device");
let data_gb = $(this).find(".selling_product").attr("data_gb");
let data_price = $(this).find(".selling_product").attr("data_price");
let data_img = $(this).find(".selling_product").attr("data_img");
let data_version = $(this).find(".selling_product").attr("data_version");
let data_device = $(this).find(".selling_product").attr("data_device");
let data_gb = $(this).find(".selling_product").attr("data_gb");
let data_price = $(this).find(".selling_product").attr("data_price");
let data_img = $(this).find(".selling_product").attr("data_img");
let top_obj = {
name:product_name,
version:data_version,
device:data_device,
gb:data_gb,
price:data_price,
img:data_img
}
localStorage.setItem("top_data",JSON.stringify(top_obj));
window.location.href="./productdetails.html";
let top_obj = {
name: product_name,
version: data_version,
device: data_device,
gb: data_gb,
price: data_price,
img: data_img
}
localStorage.setItem("top_data", JSON.stringify(top_obj));
window.location.href = "./productdetails.html";
})
})
</script>