223 라인
12 KiB
HTML
223 라인
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
<link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">
|
|
<link rel="stylesheet" href="./all.css">
|
|
|
|
<title>Press Releases | Anwi</title>
|
|
|
|
<style>
|
|
.card:hover {
|
|
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
|
|
}
|
|
|
|
.card:hover img {
|
|
transform: scale(1.1);
|
|
/* rotate: 10deg; */
|
|
}
|
|
|
|
.card:hover .btn {
|
|
background-color: #000 !important;
|
|
color: #ffff !important;
|
|
}
|
|
|
|
.card-title {
|
|
font-size: 1.2rem;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="media_page">
|
|
<!-- navbar -->
|
|
<div id="navbar-head" class=></div>
|
|
<!-- end-navbar -->
|
|
<!-- main-body -->
|
|
<main class="main-body home-main-container">
|
|
<section class="pt-2 ramsContainer " id="ora_products">
|
|
<div class="products-container container pb-5" id="pills-tabContent">
|
|
<div class="text-center pb-md-5 mb-md-5">
|
|
<span class="bg-black fs-5 px-md-4 py-md-2 py-2 px-4 rounded-3 text-white">Join the future with Anwi
|
|
Systems</span>
|
|
</div>
|
|
<div class="row product_card_section">
|
|
<div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4"
|
|
data_product="zenosleekbook14">
|
|
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
|
|
<img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
|
|
<div class="card-body">
|
|
<h5 class="card-title satoshi_font mb-0">Zeno Sleekbook 14.1 inch </h5>
|
|
</div>
|
|
<ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary"
|
|
style="list-style: none;">
|
|
<li class="border-0 py-0">
|
|
<span class="satoshi_font">8GB DDR4</span>
|
|
</li>
|
|
<li class="border-0 py-0">
|
|
<span class="satoshi_font">3200 Mhz</span>
|
|
</li>
|
|
</ul>
|
|
<div class="card-body text-center">
|
|
<a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4"
|
|
data_product="zenosleekbook14touch">
|
|
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
|
|
<img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
|
|
<div class="card-body">
|
|
<h5 class="card-title satoshi_font mb-0">Zeno Sleekbook 14.1 inch Touch Screen
|
|
360<sup>o</sup> flip</h5>
|
|
</div>
|
|
<ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary"
|
|
style="list-style: none;">
|
|
<li class="border-0 py-0">
|
|
<span class="satoshi_font">8GB DDR4</span>
|
|
</li>
|
|
<li class="border-0 py-0">
|
|
<span class="satoshi_font">3200 Mhz</span>
|
|
</li>
|
|
</ul>
|
|
<div class="card-body text-center">
|
|
<a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4"
|
|
data_product="zenosleekbook15">
|
|
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
|
|
<img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
|
|
<div class="card-body">
|
|
<h5 class="card-title satoshi_font mb-0">Zeno Sleekbook 15.6 inch</h5>
|
|
</div>
|
|
<ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary"
|
|
style="list-style: none;">
|
|
<li class="border-0 py-0">
|
|
<span class="satoshi_font">8GB DDR4</span>
|
|
</li>
|
|
<li class="border-0 py-0">
|
|
<span class="satoshi_font">3200 Mhz</span>
|
|
</li>
|
|
</ul>
|
|
<div class="card-body text-center">
|
|
<a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4"
|
|
data_product="zenodualbook16">
|
|
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
|
|
<img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
|
|
<div class="card-body">
|
|
<h5 class="card-title satoshi_font mb-0">Zeno Dualbook 16 inch</h5>
|
|
</div>
|
|
<ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary"
|
|
style="list-style: none;">
|
|
<li class="border-0 py-0">
|
|
<span class="satoshi_font">8GB DDR4</span>
|
|
</li>
|
|
<li class="border-0 py-0">
|
|
<span class="satoshi_font">3200 Mhz</span>
|
|
</li>
|
|
</ul>
|
|
<div class="card-body text-center">
|
|
<a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4"
|
|
data_product="zenodualbook21">
|
|
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
|
|
<img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
|
|
<div class="card-body">
|
|
<h5 class="card-title satoshi_font mb-0">Zeno Dualbook 16 inch</h5>
|
|
</div>
|
|
<ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary"
|
|
style="list-style: none;">
|
|
<li class="border-0 py-0">
|
|
<span class="satoshi_font">8GB DDR4</span>
|
|
</li>
|
|
<li class="border-0 py-0">
|
|
<span class="satoshi_font">3200 Mhz</span>
|
|
</li>
|
|
</ul>
|
|
<div class="card-body text-center">
|
|
<a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4"
|
|
data_product="zenodualbook23">
|
|
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
|
|
<img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
|
|
<div class="card-body">
|
|
<h5 class="card-title satoshi_font mb-0">Zeno Dualbook 16 inch</h5>
|
|
</div>
|
|
<ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary"
|
|
style="list-style: none;">
|
|
<li class="border-0 py-0">
|
|
<span class="satoshi_font">8GB DDR4</span>
|
|
</li>
|
|
<li class="border-0 py-0">
|
|
<span class="satoshi_font">3200 Mhz</span>
|
|
</li>
|
|
</ul>
|
|
<div class="card-body text-center">
|
|
<a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<!-- 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="./libs/owlcarousel/js/owl.carousel.min.js"></script>
|
|
|
|
<script src="./dist/js/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/navbar.js"></script>
|
|
<!-- Main JS -->
|
|
<script src="./dist/js/main.js"></script>
|
|
<script>
|
|
$(".header-area").addClass("bg-gradient-anwi");
|
|
$(".product_card_section").find(".product_catlogue_card").each(function () {
|
|
$(this).click(function () {
|
|
let name = $(this).attr("data_product");
|
|
|
|
let product_catlogue_obj = {
|
|
product: name
|
|
}
|
|
|
|
localStorage.setItem("product_catlogue_obj", JSON.stringify(product_catlogue_obj));
|
|
window.location.href = "/productcatloguedetails.html";
|
|
})
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |