add new changes
Цей коміт міститься в:
+211
-21
@@ -55,6 +55,114 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="position-relative bg-black">
|
||||
<iframe class="d-none" src="https://player.vimeo.com/video/824707959?h=5b3654950a&&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1" width="1536px" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
|
||||
</section>
|
||||
<section class="bg-black py-5 fyro_id d-none">
|
||||
<div class="container pb-md-4 text-white">
|
||||
<div class="text-center">
|
||||
<h1 class="text-fyro">Unleashing the Beasts of Creativity &
|
||||
Innovation with Graphics, AI, and ML</h1>
|
||||
<p class="font-1-5 text-white">FYRO products are the ultimate machines for graphics, AI, and ML
|
||||
enthusiasts. With powerful Intel<sup>®</sup> processors and advanced NVIDIA graphics
|
||||
cards, <strong>FYRO laptops and all-in-ones deliver the raw power and
|
||||
performance</strong> needed to handle the most demanding workloads. Whether
|
||||
you're a gamer, video editor, or AI researcher, FYRO has the tools you need
|
||||
to unleash your creativity and push the boundaries of what's possible.</p>
|
||||
<div>
|
||||
<img src="./dist/assets/imgs/Home_new/Fyro_img.png" class="img-fluid w-50" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<p class="font-1-5 text-center mb-5 mt-4">With sleek designs and customizable features, FYRO products
|
||||
are the
|
||||
perfect blend of style and substance, offering unparalleled performance
|
||||
and portability in a compact package. Join the FYRO revolution and
|
||||
experience the power of next-gen computing today.</p>
|
||||
<div class="bg-blur border rounded-4 p-4 ">
|
||||
<div class="row p-md-3 ">
|
||||
<div class="col-6">
|
||||
<div class="row align-items-center h-100 pb-md-0 pb-3">
|
||||
<div class="col-md-2 col-6">
|
||||
<img src="./dist/assets/imgs/icons/Group 4475.svg" class="img-fluid">
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Unmatched GPU Performance</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 ">
|
||||
<div class="row align-items-center h-100 pb-md-0 pb-3">
|
||||
<div class="col-md-2 col-6">
|
||||
<img src="./dist/assets/imgs/icons/Group 4479.svg" class="img-fluid">
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4">High-end Gaming Capabilities</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row p-md-3">
|
||||
<div class="col-6">
|
||||
<div class="row align-items-center h-100">
|
||||
<div class="col-md-2 col-6">
|
||||
<img src="./dist/assets/imgs/icons/Asset 5.svg" class="img-fluid">
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Thermal Tested to handle
|
||||
high Temp upto 105<sup>o</sup></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="row align-items-center h-100">
|
||||
<div class="col-md-2 col-6">
|
||||
<img src="./dist/assets/imgs/icons/Asset 4.svg" class="img-fluid">
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4" id="overview_data">Decent
|
||||
Battery backup</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<section class="bg-black py-5 zeno_id d-none">
|
||||
<div class="container text-center text-white">
|
||||
<h1 class="text-blue-1 m-auto">The compact powerhouse for your productivity</h1>
|
||||
<p class="font-1-5 my-4">Zeno products are a range of <strong>sleek, powerful, and compact non-GPU
|
||||
laptops and all-in-ones</strong> that offer exceptional performance and style.
|
||||
Built with state-of-the-art components, including the latest generation of
|
||||
Intel<sup>®</sup> processors, <strong>High-speed RAM, and Fast NVMe PCIe 4.0 SSDs.</strong></p>
|
||||
<div class="text-center">
|
||||
<img src="./dist/assets/imgs/allin_imgs/Asset 1.png img-fluid " alt="">
|
||||
</div>
|
||||
<p class="font-1-2 mt-4 mb-5">
|
||||
Zeno products are designed to meet the needs of professionals, students, and
|
||||
anyone who requires a reliable and portable computing solution. With their advanced
|
||||
features, including customizable hotkeys, fingerprint recognition, and a variety of
|
||||
connectivity options, Zeno products offer the perfect blend of style and substance for
|
||||
those who want a high-performing computing experience in a compact package.
|
||||
</p>
|
||||
<div class="bg-blur border rounded-4 p-4 text-white">
|
||||
<div class="row p-md-3 text-center">
|
||||
<div class="col-4 border-end">
|
||||
<div>
|
||||
<img src="./dist/assets/imgs/icons/Asset 9.svg" class="h-100p p-3">
|
||||
</div>
|
||||
<p class="p-2 mb-0 font-1-5">Sleek & Light weight</p>
|
||||
</div>
|
||||
<div class="col-4 border-end">
|
||||
<div>
|
||||
<img src="./dist/assets/imgs/icons/Group 4492.svg" class="h-100p p-3">
|
||||
</div>
|
||||
<p class="p-2 mb-0 font-1-5">Lightening-fast Intel<sup>®</sup> Processors
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div>
|
||||
<img src="./dist/assets/imgs/icons/Asset 8.svg" class="h-100p p-3">
|
||||
</div>
|
||||
<p class="p-2 mb-0 font-1-5" id="overview_data">Stunning Display</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="loadingCall">
|
||||
<div class="spinner-border" role="status">
|
||||
<span class="visually-hidden">Loading...</span>
|
||||
@@ -62,7 +170,7 @@
|
||||
</div>
|
||||
<div class="container mainContanierProduct d-none">
|
||||
<div class="row">
|
||||
<div class="col-xl-7 ">
|
||||
<div class="col-xl-5 ">
|
||||
<div class=" bgproductDGen border-0 ">
|
||||
<div class="row">
|
||||
<div class="d-none">
|
||||
@@ -102,7 +210,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-5 p-5 pt-0 productDetailsShadow">
|
||||
<div class="col-xl-7 pt-0 productDetailsShadow">
|
||||
<div class="card border-0">
|
||||
<div>
|
||||
<div>
|
||||
@@ -110,7 +218,7 @@
|
||||
<h5 class="productname">ORA3, M.2 NVMe SSD </h5>
|
||||
</div>
|
||||
<div class="small-font des_productdes"></div>
|
||||
<div>₹<span class="price"></span></div>
|
||||
<div><span class="price"></span></div>
|
||||
<div class="text-danger msgErrorDetailsItem d-none">Product out of stock</div>
|
||||
</div>
|
||||
|
||||
@@ -283,7 +391,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="pb-2 quantityHTML">
|
||||
<div class="pb-2 quantityHTML" id="specification_data">
|
||||
<span>Quantity :</span>
|
||||
<select name="quantity" id="quantity">
|
||||
<option value="1">1</option>
|
||||
@@ -384,7 +492,7 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="specContainerRight">
|
||||
<!-- <div class="specContainerRight">
|
||||
|
||||
<div class="">
|
||||
<div class="row border-bottom">
|
||||
@@ -417,7 +525,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -433,38 +541,120 @@
|
||||
<!-- 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="./libs/owlcarousel/js/owl.carousel.min.js"></script>
|
||||
<script src="./libs/axios.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./libs/cookies.min.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>
|
||||
<script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
|
||||
<script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
|
||||
<script src="./dist/js/vendor/bootstrap.min.js"></script>
|
||||
<script src="./dist/js/plugins/slick.js"></script>
|
||||
<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>
|
||||
<script src="./dist/js/validate.min.js"></script>
|
||||
|
||||
|
||||
<!-- -->
|
||||
<!-- <script src="./libs/toaster/toastr.js"></script> -->
|
||||
<script src="./dist/toaster/toastr.js"></script>
|
||||
<script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="./dist/js/jquery.min.js"></script>
|
||||
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./dist/js/main.js"></script>
|
||||
|
||||
|
||||
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./dist/js/utils/helpers.js"></script>
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
<script src="./dist/js/shoppingcart/addtocart.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
|
||||
<script src="./dist/js/shoppingcart/shoppingcart.js"></script>
|
||||
<script src="./dist/js/productdetails/productdetails.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
let searchTerm = window.location.search.split('?')[1]?.toLowerCase();
|
||||
if (searchTerm) {
|
||||
if (searchTerm.includes('zeno')) {
|
||||
$('.fyro_id').addClass('d-none');
|
||||
$('.zeno_id').removeClass('d-none');
|
||||
$('.productitemnamefull').html('Zeno');
|
||||
} else {
|
||||
$('.zeno_id').addClass('d-none');
|
||||
$('.fyro_id').removeClass('d-none');
|
||||
$('.productitemnamefull').html('Fyro');
|
||||
}
|
||||
} else {
|
||||
$('.productitemnamefull').parent().addClass('d-none');
|
||||
}
|
||||
let ram_page = window.location.pathname;
|
||||
let loc_2= ram_page.includes('allinones.html');
|
||||
if(loc_2 === true){
|
||||
let imgs = `./dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
|
||||
$(".logo-menu-wrap").find(".logo img").attr("src",imgs);
|
||||
$('.same-style').find('svg path').attr('fill','#fff');
|
||||
$('svg path').attr('fill','#fff');
|
||||
}
|
||||
|
||||
|
||||
if(window.location.href.includes("?AIO%20Fyro")){
|
||||
let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
|
||||
$(".logo-menu-wrap").find(".logo img").attr("src",imgs);
|
||||
$(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
|
||||
$("iframe").addClass("d-none");
|
||||
$(".fyro_id").find(".container").addClass("pt-5");
|
||||
$(".processor_name").addClass("d-none");
|
||||
}
|
||||
else if(window.location.href.includes("?AIO%20Zeno")){
|
||||
$(".zeno_id").find(".container").addClass("pt-5");
|
||||
$("iframe").addClass("d-none");
|
||||
let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
|
||||
$(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
|
||||
$(".logo-menu-wrap").find(".logo img").attr("src",imgs);
|
||||
$('.same-style').find('svg path').attr('fill','#fff');
|
||||
$('svg path').attr('fill','#fff');
|
||||
}
|
||||
|
||||
|
||||
|
||||
let product_page = window.location.pathname;
|
||||
let loc = product_page.includes('?FYRO');
|
||||
// let loc_1 = product_page.includes('?AIO%20Zeno');
|
||||
if(loc === false){
|
||||
$(".fyro_id").addClass("d-none");
|
||||
}
|
||||
// if(loc_1 === true){
|
||||
// $(".fyro_id").addClass("d-none");
|
||||
// $(".zeno_id").removeClass("d-none");
|
||||
// }
|
||||
$(document).ready(function() {
|
||||
function swapSections() {
|
||||
var sectionOne = document.querySelector('.section-one');
|
||||
var sectionTwo = document.querySelector('.section-two');
|
||||
|
||||
var isMobile = window.matchMedia("(max-width: 768px)").matches;
|
||||
|
||||
if (isMobile) {
|
||||
sectionOne.parentNode.insertBefore(sectionOne, sectionTwo);
|
||||
}
|
||||
}
|
||||
|
||||
// Call the swapSections function on load and resize
|
||||
window.addEventListener('load', swapSections);
|
||||
window.addEventListener('resize', swapSections);
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
Посилання в новій задачі
Заблокувати користувача