Images Compressed Login page modifications

This commit is contained in:
Abhiram
2023-04-24 18:25:18 +05:30
parent bace314f10
commit edd3113258
160 changed files with 430 additions and 172 deletions
+113 -60
View File
@@ -267,90 +267,143 @@
<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="col-12">
<div id="homepage-slider">
<div class="slider-hero slick-initialized slick-slider"><button class="slick-prev slick-arrow btn text-white" aria-label="Previous" type="button" style=""></button>
<div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 4116px; transform: translate3d(-1176px, 0px, 0px);"><div class="card h-100 mx-1 text-center bg-gray-5 border-0 slick-slide slick-cloned" data-slick-index="-4" id="" aria-hidden="true" tabindex="-1" style="width: 286px;">
<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 href="./storageproducts.html" tabindex="-1">
<img src="./dist/assets/imgs/allin_imgs/ora4_storage.png" class="w-100">
<p class="mb-0 fs-7 item-title">ORA4 M.2 NVMe 2TB<br> PCI Express 4.0</p>
<p class="buy-now mb-0"> <span>Buy Now </span></p>
</a>
</div>
</div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0">
</div><div class="card h-100 mx-1 text-center bg-gray-5 border-0 top_sell slick-slide slick-cloned" data-slick-index="-3" id="" aria-hidden="true" tabindex="-1" style="width: 286px;">
<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 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">
<img src="./dist/assets/imgs/allin_imgs/ora_desktop.png" class="w-100">
<p class="mb-0 fs-7 item-title">ORA 32GB DDR5 <br> 4800MHz Desktop Memory</p>
<p class=" buy-now mb-0"> <span>Buy Now </span></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">
</p>
</div>
</div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
</div><div class="card h-100 mx-1 text-center bg-gray-5 border-0 top_sell slick-slide slick-cloned" data-slick-index="-2" id="" aria-hidden="true" tabindex="-1" style="width: 286px;">
<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">
<img src="./dist/assets/imgs/allin_imgs/8gb_laptop.png" class="w-100">
<p class="mb-0 fs-7 item-title">ORA 8GB DDR5 <br> 4800MHz Laptop Memory</p>
<p class="buy-now mb-0"> <span>Buy Now </span></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">
</p>
</div>
</div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
</div><div class="card h-100 mx-1 text-center bg-gray-5 border-0 top_sell slick-slide slick-cloned" data-slick-index="-1" id="" aria-hidden="true" tabindex="-1" style="width: 286px;">
<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"
>
<img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100">
<p class="mb-0 fs-7 item-title">ORA 32GB DDR4 <br> 3200MHz Laptop Memory</p>
<p class="buy-now mb-0"> <span>Buy Now </span></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">
</p>
</div>
</div>
</div>
</div><div class="card h-100 mx-1 text-center bg-gray-5 border-0 slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="0" style="width: 286px;">
<div class="card-body">
<a href="./storageproducts.html" tabindex="0">
<img src="./dist/assets/imgs/allin_imgs/ora3_storage.png" class="w-100">
<p class="mb-0 fs-7 item-title">ORA3 M.2 NVMe 512GB<br> PCI Express 3.0</p>
<p class=" buy-now mb-0"> <span>Buy Now </span></p>
</a>
</div>
</div><div class="card h-100 mx-1 text-center bg-gray-5 border-0 slick-slide slick-active" data-slick-index="1" aria-hidden="false" tabindex="0" style="width: 286px;">
<div class="card-body">
<a href="./storageproducts.html" tabindex="0">
<img src="./dist/assets/imgs/allin_imgs/ora4_storage.png" class="w-100">
<p class="mb-0 fs-7 item-title">ORA4 M.2 NVMe 2TB<br> PCI Express 4.0</p>
<p class="buy-now mb-0"> <span>Buy Now </span></p>
</a>
</div>
</div><div class="card h-100 mx-1 text-center bg-gray-5 border-0 top_sell slick-slide slick-active" data-slick-index="2" aria-hidden="false" tabindex="0" style="width: 286px;">
<div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/ora_desktop.png" class="w-100">
<p class="mb-0 fs-7 item-title">ORA 32GB DDR5 <br> 4800MHz Desktop Memory</p>
<p class=" buy-now mb-0"> <span>Buy Now </span></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">
</p>
</div>
</div><div class="card h-100 mx-1 text-center bg-gray-5 border-0 top_sell slick-slide slick-active" data-slick-index="3" aria-hidden="false" tabindex="0" style="width: 286px;">
<div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/8gb_laptop.png" class="w-100">
<p class="mb-0 fs-7 item-title">ORA 8GB DDR5 <br> 4800MHz Laptop Memory</p>
<p class="buy-now mb-0"> <span>Buy Now </span></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">
</p>
</div>
</div><div class="card h-100 mx-1 text-center bg-gray-5 border-0 top_sell slick-slide" data-slick-index="4" aria-hidden="true" tabindex="-1" style="width: 286px;">
<div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100">
<p class="mb-0 fs-7 item-title">ORA 32GB DDR4 <br> 3200MHz Laptop Memory</p>
<p class="buy-now mb-0"> <span>Buy Now </span></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">
</p>
</div>
</div><div class="card h-100 mx-1 text-center bg-gray-5 border-0 slick-slide slick-cloned" data-slick-index="5" id="" aria-hidden="true" tabindex="-1" style="width: 286px;">
<div class="card-body">
<a href="./storageproducts.html" tabindex="-1">
<img src="./dist/assets/imgs/allin_imgs/ora3_storage.png" class="w-100">
<p class="mb-0 fs-7 item-title">ORA3 M.2 NVMe 512GB<br> PCI Express 3.0</p>
<p class=" buy-now mb-0"> <span>Buy Now </span></p>
</a>
</div>
</div><div class="card h-100 mx-1 text-center bg-gray-5 border-0 slick-slide slick-cloned" data-slick-index="6" id="" aria-hidden="true" tabindex="-1" style="width: 286px;">
<div class="card-body">
<a href="./storageproducts.html" tabindex="-1">
<img src="./dist/assets/imgs/allin_imgs/ora4_storage.png" class="w-100">
<p class="mb-0 fs-7 item-title">ORA4 M.2 NVMe 2TB<br> PCI Express 4.0</p>
<p class="buy-now mb-0"> <span>Buy Now </span></p>
</a>
</div>
</div><div class="card h-100 mx-1 text-center bg-gray-5 border-0 top_sell slick-slide slick-cloned" data-slick-index="7" id="" aria-hidden="true" tabindex="-1" style="width: 286px;">
<div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/ora_desktop.png" class="w-100">
<p class="mb-0 fs-7 item-title">ORA 32GB DDR5 <br> 4800MHz Desktop Memory</p>
<p class=" buy-now mb-0"> <span>Buy Now </span></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">
</p>
</div>
</div><div class="card h-100 mx-1 text-center bg-gray-5 border-0 top_sell slick-slide slick-cloned" data-slick-index="8" id="" aria-hidden="true" tabindex="-1" style="width: 286px;">
<div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/8gb_laptop.png" class="w-100">
<p class="mb-0 fs-7 item-title">ORA 8GB DDR5 <br> 4800MHz Laptop Memory</p>
<p class="buy-now mb-0"> <span>Buy Now </span></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">
</p>
</div>
</div><div class="card h-100 mx-1 text-center bg-gray-5 border-0 top_sell slick-slide slick-cloned" data-slick-index="9" id="" aria-hidden="true" tabindex="-1" style="width: 286px;">
<div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100">
<p class="mb-0 fs-7 item-title">ORA 32GB DDR4 <br> 3200MHz Laptop Memory</p>
<p class="buy-now mb-0"> <span>Buy Now </span></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">
</p>
</div>
</div></div></div>
<button class="slick-next slick-arrow btn text-white" aria-label="Next" type="button" style=""></button></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="bg-gradient-anwi container-fluid mt-5 rounded-0 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"/>
<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>
<a href="#" 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"/>
<img src="./dist/assets/imgs/allin_imgs/innovation_img2.png" class="img-fluid">
</div>
</div>
</div>