sachin.ganesh/anwi_website
1
0
Форк 0
Код Задачі Запити на злиття Релізи Вікі Активність

code added

Переглянути джерело
Цей коміт міститься в:
sachinganesh
2023-04-24 18:37:05 +05:30
джерело edd3113258
коміт d70c0637c2
8 змінених файлів з 353 додано та 197 видалено
Завантажити патч Завантажити файл різниці Розгорнути всі файли Згорнути всі файли
dist/Js/index/index.js
сторонній
+178
Переглянути файл
@@ -0,0 +1,178 @@
function indexInit(){
function init(){
initData();
}
async function initData(){
const ids = await getProductIdService();
if(!ids) return;
let dataAcc = [];
for(let i=0;i<ids.length;i++){
let currId = ids[i];
let {productid} = currId;
let resData =await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${productid}`,true);
if(resData.isError){
alert(resData.errorMsg.message);
return;
}
let res = resData.response;
res = JSON.parse(res.result);
dataAcc = [...dataAcc,...res.slice(0, 4)];
}
shuffleArray(dataAcc);
console.log(dataAcc);
let html = '';
for(let i=0;i<dataAcc.length;i++){
html += getCardHTML({...dataAcc[i],img:dataAcc[i].itemimageurl})
}
$('.slider-hero').html(html);
console.log(ids);
initSlider();
$('.topproductbtn').click(function (e){
let productid = $(e.target).data('productid');
let itemid = $(e.target).data('itemid');
let name = $(e.target).data('name');
debugger;
window.location.href = `/productdetails.html?productId=${productid}#itemid=${itemid}`;
});
}
function initSlider(){
$('.slider-hero').slick({
dots: false,
lazyLoad: 'ondemand',
// autoplay: true,
// autoplaySpeed: 1000,
slidesToShow: 4,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 1199,
settings: {
slidesToShow: 5,
slidesToScroll: 1,
}
},
{
breakpoint: 991,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
}
},
{
breakpoint: 767,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
}
},
{
breakpoint: 575,
settings: {
autoplay: true,
slidesToShow: 3,
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
$(".slick-prev").addClass("btn text-white");
$(".slick-next").addClass("btn text-white");
$(".slick-prev").html("←");
$(".slick-next").html("→")
}
function getCardHTML({itemname,img,sku,itemid,productid}){
let defaultImg = img ? imgServerNameBuild(img): `./dist/assets/imgs/nophoto.png`;
return ` <div class="card h-100 mx-1 text-center bg-gray-4 border-0">
<div class="card-body h-100">
<div class="d-flex flex-column h-100 justify-content-between">
<img src="${defaultImg}" class="w-100"/>
<p class="mb-0 fs-7 py-2">${itemname}</p>
<p class="fw-600 text-primary mb-0 topproductbtn" data-name="${itemname}" data-sku="${sku}" data-productid="${productid}" data-itemid="${itemid}">Buy Now</p>
</div>
</div>
</div>`;
return ` <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
<div class="card-body">
<img src="${defaultImg}" class="w-100"/>
<p class="mb-0 fs-7 py-2">${itemname}</p>
<p class="fw-600 text-primary mb-0" data-sku="${sku}" data-productid="${productid}" data-itemid="${itemid}">Buy Now</p>
</div>
</div>`;
}
function getProductIdService(){
return new Promise(async (reslove,reject)=>{
let resData =await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getallproducts`,true);
if(resData.isError){
alert(resData.errorMsg.message);
return;
}
let res = resData.response;
res = JSON.parse(res.result);
let resultItem = [];
for(let i=0;i<res.length;i++){
if(resultItem.length == 2) break;
if(res[i].productname.includes('RAM ORA')||res[i].productname.includes('SSD ORA')){
resultItem.push(res[i]);
}
}
return reslove(resultItem)
});
}
init();
}
indexInit();
dist/Js/main.js
сторонній
+63 -63
Переглянути файл
@@ -1318,69 +1318,69 @@
// slidesToScroll: 3 // slidesToScroll: 3
// }); // });
$('.slider-hero').slick({ // $('.slider-hero').slick({
dots: false, // dots: false,
lazyLoad: 'ondemand', // lazyLoad: 'ondemand',
// autoplay: true, // // autoplay: true,
// autoplaySpeed: 1000, // // autoplaySpeed: 1000,
slidesToShow: 4, // slidesToShow: 4,
slidesToScroll: 1, // slidesToScroll: 1,
responsive: [ // responsive: [
{ // {
breakpoint: 1024, // breakpoint: 1024,
settings: { // settings: {
slidesToShow: 3, // slidesToShow: 3,
slidesToScroll: 3, // slidesToScroll: 3,
infinite: true, // infinite: true,
} // }
}, // },
{ // {
breakpoint: 600, // breakpoint: 600,
settings: { // settings: {
slidesToShow: 2, // slidesToShow: 2,
slidesToScroll: 2 // slidesToScroll: 2
} // }
}, // },
{ // {
breakpoint: 480, // breakpoint: 480,
settings: { // settings: {
slidesToShow: 1, // slidesToShow: 1,
slidesToScroll: 1 // slidesToScroll: 1
} // }
}, // },
{ // {
breakpoint: 1199, // breakpoint: 1199,
settings: { // settings: {
slidesToShow: 5, // slidesToShow: 5,
slidesToScroll: 1, // slidesToScroll: 1,
} // }
}, // },
{ // {
breakpoint: 991, // breakpoint: 991,
settings: { // settings: {
slidesToShow: 3, // slidesToShow: 3,
slidesToScroll: 1, // slidesToScroll: 1,
} // }
}, // },
{ // {
breakpoint: 767, // breakpoint: 767,
settings: { // settings: {
slidesToShow: 3, // slidesToShow: 3,
slidesToScroll: 1, // slidesToScroll: 1,
} // }
}, // },
{ // {
breakpoint: 575, // breakpoint: 575,
settings: { // settings: {
autoplay: true, // autoplay: true,
slidesToShow: 3, // slidesToShow: 3,
} // }
} // }
// You can unslick at a given breakpoint now by adding: // // You can unslick at a given breakpoint now by adding:
// settings: "unslick" // // settings: "unslick"
// instead of a settings object // // instead of a settings object
] // ]
}); // });
//pres overview slider //pres overview slider
$(".press_slider-hero").slick({ $(".press_slider-hero").slick({
dist/Js/navbar.js
сторонній
+3 -1
Переглянути файл
@@ -1,7 +1,9 @@
let nav_html = ` let nav_html = `
<header class="header-area section-padding-1 transparent-bar"> <header class="header-area section-padding-1 transparent-bar">
<div class="header-large-device"> <div class="header-large-device">
<div class="header-bottom sticky-bar" > <div class="header-bottom sticky-bar" style="
background: #ed3838;
">
<div class="container"> <div class="container">
<div class="header-bottom-flex"> <div class="header-bottom-flex">
<div class="logo-menu-wrap d-flex"> <div class="logo-menu-wrap d-flex">
dist/Js/productdetails/productdetails.js
сторонній
+1 -1
Переглянути файл
@@ -371,7 +371,7 @@ debugger;
currentComb = itemtagscombinationRes[i]; currentComb = itemtagscombinationRes[i];
location.hash = itemtagscombinationRes[i].itemname.trim(); // location.hash = itemtagscombinationRes[i].itemname.trim();
// $('.productname').html(itemtagscombinationRes[i].itemname); // $('.productname').html(itemtagscombinationRes[i].itemname);
// $('#skudetailitem').val(itemtagscombinationRes[i].sku) // $('#skudetailitem').val(itemtagscombinationRes[i].sku)
dist/Js/products/products.js
сторонній
+3 -2
Переглянути файл
@@ -64,6 +64,7 @@ function ramProductsInit(){
$('.product_card_section').html(html); $('.product_card_section').html(html);
$('.ramcard').click(function(e){ $('.ramcard').click(function(e){
debugger;
let sku = $(e.target).data('itemid'); let sku = $(e.target).data('itemid');
let itemid = $(e.target).data('itemid'); let itemid = $(e.target).data('itemid');
debugger; debugger;
@@ -82,9 +83,9 @@ function ramProductsInit(){
<!--desktop---> <!--desktop--->
<div class="col-sm-4 p-3"> <div class="col-sm-4 p-3">
<div class="product_card_1 shadow ram_card"> <div class="product_card_3 shadow ram_card">
<div class="card-item-header"> <div class="card-item-header">
<div class="card-header-sub-1"><a class=" py-md-1" href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}"> <div class="card-header-sub-3"><a class=" py-md-1" href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}">
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="w-100 h-100"></a> <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="w-100 h-100"></a>
</div> </div>
</div> </div>
dist/Js/utils/helpers.js
сторонній
+8
Переглянути файл
@@ -3,6 +3,14 @@ const uid = function(){
return Date.now().toString(36) + Math.random().toString(36).substr(2); return Date.now().toString(36) + Math.random().toString(36).substr(2);
} }
function shuffleArray(array) {
for (let i = array.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[array[i], array[j]] = [array[j], array[i]];
}
}
function getCurrencySymbol(value=0) { function getCurrencySymbol(value=0) {
let type = 'INR' let type = 'INR'
if (type) { if (type) {
index.html
+86 -110
Переглянути файл
@@ -61,6 +61,16 @@
background: #ffffff; background: #ffffff;
left: 0; left: 0;
} */ } */
.slick-track
{
display: flex !important;
}
.slick-slide
{
height: inherit !important;
}
</style> </style>
</head> </head>
@@ -267,143 +277,106 @@
<div class="container mb-md-5 mb-5"> <div class="container mb-md-5 mb-5">
<h2 class="satoshi_font text-center py-md-5 py-4">Top Selling Products</h2> <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="row justify-content-center align-items-center pb-md-5 ">
<div class="col-12"> <div class="col-10">
<div id="homepage-slider"> <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="slider-hero">
<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 h-100 mx-1 text-center bg-gray-4 border-0">
<div class="card-body"> <div class="card-body">
<a href="./storageproducts.html" tabindex="-1"> <a href="./storageproducts.html">
<img src="./dist/assets/imgs/allin_imgs/ora4_storage.png" class="w-100"> <img src="./dist/assets/imgs/allin_imgs/ora3_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="mb-0 fs-7 py-2">ORA3 M.2 NVMe 512GB<br> PCI Express 3.0</p>
<p class="buy-now mb-0"> <span>Buy Now </span></p> <p class="fw-600 text-primary mb-0">Buy Now</p>
</a> </a>
</div> </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="-3" id="" aria-hidden="true" tabindex="-1" style="width: 286px;"> </div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0">
<div class="card-body"> <div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/ora_desktop.png" class="w-100"> <a href="./storageproducts.html">
<p class="mb-0 fs-7 item-title">ORA 32GB DDR5 <br> 4800MHz Desktop Memory</p> <img src="./dist/assets/imgs/allin_imgs/ora4_storage.png" class="w-100"/>
<p class=" buy-now mb-0"> <span>Buy Now </span></p> <p class="mb-0 fs-7 py-2">ORA4 M.2 NVMe 2TB<br> PCI Express 4.0</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 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">
</p> </p>
</div> </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="-2" id="" aria-hidden="true" tabindex="-1" style="width: 286px;"> </div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
<div class="card-body"> <div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/8gb_laptop.png" class="w-100"> <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="mb-0 fs-7 py-2">ORA 8GB DDR5 <br> 4800MHz Laptop Memory</p>
<p class="buy-now mb-0"> <span>Buy Now </span></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"> <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> </p>
</div> </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="-1" id="" aria-hidden="true" tabindex="-1" style="width: 286px;"> </div>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
<div class="card-body"> <div class="card-body">
<img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100"> <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="mb-0 fs-7 py-2">ORA 32GB DDR4 <br> 3200MHz Laptop Memory</p>
<p class="buy-now mb-0"> <span>Buy Now </span></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"> <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> </p>
</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>
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
<div class="card-body"> <div class="card-body">
<a href="./storageproducts.html" tabindex="0"> <img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100"/>
<img src="./dist/assets/imgs/allin_imgs/ora3_storage.png" class="w-100"> <p class="mb-0 fs-7 py-2">oooooooooooooooooooDDR4 <br> 3200MHz Laptop Memory</p>
<p class="mb-0 fs-7 item-title">ORA3 M.2 NVMe 512GB<br> PCI Express 3.0</p> <p class="fw-600 text-primary mb-0">Buy Now</p>
<p class=" buy-now mb-0"> <span>Buy Now </span></p> <p class="selling_product d-none"
</a> data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
</div> data_version="DDR4"
</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;"> data_device="Laptop"
<div class="card-body"> data_gb="32GB"
<a href="./storageproducts.html" tabindex="0"> data_price="8450"
<img src="./dist/assets/imgs/allin_imgs/ora4_storage.png" class="w-100"> data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png"
<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> </p>
</div> </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>
<div class="card-body"> </div>
<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> </div>
</div> </div>
<div class="bg-gradient-anwi container-fluid mt-5 rounded-0 text-white" id="innovation_sections"> <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="row align-items-center">
<div class="col-md-3 text-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>
<div class="col-md-6 text-center"> <div class="col-md-6 text-center">
<h1 class="">Innovation at your fingertips</h1> <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> <h5 class="mb-md-3 fw-600">Be the first to set your digital world on fire!</h5>
<a href="#" class="btn rounded-3 bg-black text-white px-md-4">Know More..</a> <a href="./index1.html" class="btn rounded-3 bg-black text-white px-md-4">Know More</a>
</div> </div>
<div class="col-md-3 text-center"> <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> </div>
</div> </div>
@@ -413,6 +386,7 @@
<!-- footer --> <!-- footer -->
<div id="footer-head" class=""></div> <div id="footer-head" class=""></div>
<!-- end-footer --> <!-- end-footer -->
<script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="./dist/js/jquery.min.js"></script> <script src="./dist/js/jquery.min.js"></script>
<script src="./libs/owlcarousel/js/owl.carousel.min.js"></script> <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
@@ -438,7 +412,9 @@
<script src="./dist/js/plugins/jquery-ui.js"></script> <script src="./dist/js/plugins/jquery-ui.js"></script>
<script src="./dist/js/plugins/magnific-popup.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/main.js"></script> <script src="./dist/js/main.js"></script>
<script src="./dist/js/index/index.js"></script>
<script> <script>
productdetails.html
+11 -20
Переглянути файл
@@ -48,13 +48,7 @@
<div id="navbar-head"></div> <div id="navbar-head"></div>
<!-- end-navbar --> <!-- end-navbar -->
<!-- main-body --> <!-- main-body -->
<main class="main-body home-main-container"> <main class="main-body home-main-container" style="margin-top: 30px;">
<section class="services h-100 pt-3 bg-gradient-anwi">
<div class="container pt-5 ">
<div class="text-center text-white ">
</div>
</div>
</section>
<div class="container mainContanierProduct"> <div class="container mainContanierProduct">
<div class="row"> <div class="row">
<div class="col-xl-7 "> <div class="col-xl-7 ">
@@ -88,7 +82,7 @@
<div class="col-xl-12" type="button" data-toggle="modal" data-target="#exampleModal"> <div class="col-xl-12" type="button" data-toggle="modal" data-target="#exampleModal">
<div <div
class=" productDetailsShadow productDetailsMain card border-0 box-shodow d-flex justify-content-center align-items-center"> class=" productDetailsShadow productDetailsMain card border-0 box-shodow d-flex justify-content-center align-items-center">
<img src="./dist/assets/imgs/Navbar/Accessiories-1.png" alt="" <img src="./dist/assets/imgs/nophoto.png" alt=""
class="card-img img-fluid"> class="card-img img-fluid">
</div> </div>
</div> </div>
@@ -103,10 +97,8 @@
<input type="hidden" name="" id="skudetailitem"> <input type="hidden" name="" id="skudetailitem">
<h5 class="productname">ORA3, M.2 NVMe SSD </h5> <h5 class="productname">ORA3, M.2 NVMe SSD </h5>
</div> </div>
<div class="small-font">Improve your system's responsiveness, run apps faster and multitask <div class="small-font des_productdes"></div>
with ease. Compatibility assurance when using the Crucial System Scanner or Crucial <div>₹<span class="price"></span></div>
Advisor Tool</div>
<div>₹<span class="price">3000</span></div>
<div class="text-danger msgErrorDetailsItem d-none">Product out of stock</div> <div class="text-danger msgErrorDetailsItem d-none">Product out of stock</div>
</div> </div>
@@ -264,9 +256,9 @@
</div> </div>
</div> </div>
</div> </div>
<hr> <hr class="d-none">
<div> <div>
<ul> <ul class="d-none">
<li class="small-font">No Cost EMI Available <a class="learnMoreA" href="">Learn <li class="small-font">No Cost EMI Available <a class="learnMoreA" href="">Learn
More</a></li> More</a></li>
<li class="small-font">Buy Anwi Extended Warranty 1 Year at ₹2,699 <a class="learnMoreA" <li class="small-font">Buy Anwi Extended Warranty 1 Year at ₹2,699 <a class="learnMoreA"
@@ -308,18 +300,18 @@
<div class="col-lg-12 "> <div class="col-lg-12 ">
<div class="dec-review-topbar no-transition nav mb-65 productdetailstabs d-flex gap-4" role="tablist"> <div class="dec-review-topbar no-transition nav mb-65 productdetailstabs d-flex gap-4" role="tablist">
<a class="active font-1-5 no-transition" data-bs-toggle="tab" href="#des-details1" aria-selected="true" role="tab">Description</a> <!-- <a class="active font-1-5 no-transition" data-bs-toggle="tab" href="#des-details1" aria-selected="true" role="tab">Description</a> -->
<a data-bs-toggle="tab" href="#des-details2" aria-selected="false" role="tab" class="font-1-5 no-transition" tabindex="-1">Specification</a> <a data-bs-toggle="tab" href="#des-details2" aria-selected="false" role="tab" class="active font-1-5 no-transition" tabindex="-1">Specification</a>
</div> </div>
<div class="tab-content dec-review-bottom"> <div class="tab-content dec-review-bottom">
<div id="des-details1" class="tab-pane active show" role="tabpanel"> <!-- <div id="des-details1" class="tab-pane active show" role="tabpanel">
<div class="description-wrap wrap-content-product-tabs"> <div class="description-wrap wrap-content-product-tabs">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit, recusandae! Alias tempore, molestias, architecto provident excepturi voluptate non repellendus, repellat a quis iusto consequuntur quas beatae fugit nisi totam ratione nesciunt reiciendis quod? Quae, consequuntur quasi. Laudantium, doloribus aliquam incidunt error qui itaque aperiam quia ducimus cupiditate, magnam aliquid iste molestiae eveniet? Eaque veniam illo hic, possimus dolorum quaerat ratione in ex voluptas itaque ullam, maiores iusto illum blanditiis sequi. Ex, ab nemo vero libero pariatur architecto culpa! Recusandae at fugiat itaque libero amet corporis exercitationem dolorum? Tenetur repellat tempora perspiciatis quibusdam maxime facilis necessitatibus eius sint corporis nihil! Accusantium.</p> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit, recusandae! Alias tempore, molestias, architecto provident excepturi voluptate non repellendus, repellat a quis iusto consequuntur quas beatae fugit nisi totam ratione nesciunt reiciendis quod? Quae, consequuntur quasi. Laudantium, doloribus aliquam incidunt error qui itaque aperiam quia ducimus cupiditate, magnam aliquid iste molestiae eveniet? Eaque veniam illo hic, possimus dolorum quaerat ratione in ex voluptas itaque ullam, maiores iusto illum blanditiis sequi. Ex, ab nemo vero libero pariatur architecto culpa! Recusandae at fugiat itaque libero amet corporis exercitationem dolorum? Tenetur repellat tempora perspiciatis quibusdam maxime facilis necessitatibus eius sint corporis nihil! Accusantium.</p>
</div> </div>
</div> </div> -->
<div id="des-details2" class="tab-pane" role="tabpanel"> <div id="des-details2" class="tab-pane active show" role="tabpanel">
<div class="specification-wrap table-responsive"> <div class="specification-wrap table-responsive">
<table class="table table-bordered wrap-content-product-tabs"> <table class="table table-bordered wrap-content-product-tabs">
<tbody class="append-specs"> <tbody class="append-specs">
@@ -381,7 +373,6 @@
<script src="./dist/toaster/toastr.js"></script> <script src="./dist/toaster/toastr.js"></script>
<script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="./dist/Js/jquery.min.js"></script> <script src="./dist/Js/jquery.min.js"></script>
<script src="./dist/js/main.js"></script>