updated static files

Bu işleme şunda yer alıyor:
2023-04-18 15:26:06 +05:30
ebeveyn d37e6fad1a
işleme 58143fd8d6
16 değiştirilmiş dosya ile 455 ekleme ve 222 silme
Sağlanmış
-1
Dosyayı Görüntüle
@@ -435,5 +435,4 @@ $(document).ready(function () {
}
})
}
});
Sağlanmış
+1 -1
Dosyayı Görüntüle
@@ -161,7 +161,7 @@ $(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css("width",wid
}else {
$(".main-body").find("iframe").attr({
width: width,
height: 969,
height: 860,
});
}
}
İkili dosya gösterilmiyor.

Sonra

Genişlik:  |  Yükseklik:  |  Boyut: 320 KiB

BIN
Dosyayı Görüntüle
İkili dosya gösterilmiyor.

Önce

Genişlik:  |  Yükseklik:  |  Boyut: 2.5 KiB

İkili dosya gösterilmiyor.

Önce

Genişlik:  |  Yükseklik:  |  Boyut: 2.8 KiB

BIN
Dosyayı Görüntüle
İkili dosya gösterilmiyor.

Önce

Genişlik:  |  Yükseklik:  |  Boyut: 743 B

BIN
Dosyayı Görüntüle
İkili dosya gösterilmiyor.

Önce

Genişlik:  |  Yükseklik:  |  Boyut: 4.0 KiB

Sağlanmış
+5 -73
Dosyayı Görüntüle
@@ -1,21 +1,3 @@
/*
0 - 600px: Phone
600 - 900px: Tablet portrait
900 - 1200px: Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + : Big desktop
$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop
ORDER: Base + typography > general layout + grid > page layout > components
1em = 16px
*/
/* Orbitron */
@@ -1040,27 +1022,6 @@ html,body{
.hover-zoom:hover{
transform: scale(1.1);
}
section.login_register{
/* background: url(../assets/imgs/Home_new/Home_banner_bg.png);
background-repeat: no-repeat;
background-size: cover; */
/* background-image: linear-gradient(
45deg,
hsl(220deg 52% 91%) 0%,
hsl(229deg 48% 90%) 8%,
hsl(243deg 42% 90%) 17%,
hsl(260deg 39% 88%) 25%,
hsl(272deg 43% 86%) 33%,
hsl(285deg 44% 84%) 42%,
hsl(300deg 43% 82%) 50%,
hsl(300deg 43% 82%) 58%,
hsl(300deg 43% 82%) 67%,
hsl(300deg 43% 82%) 75%,
hsl(293deg 40% 83%) 83%,
hsl(286deg 36% 84%) 92%,
hsl(280deg 31% 85%) 100%
); */
}
/* PRODUCT PAGE */
#item_search{
position: sticky;
@@ -1071,22 +1032,6 @@ section.login_register{
.mainLogin{
margin-top: 10px;
position: relative;
/* background-image: linear-gradient(
45deg,
hsl(220deg 52% 91%) 0%,
hsl(229deg 48% 90%) 8%,
hsl(243deg 42% 90%) 17%,
hsl(260deg 39% 88%) 25%,
hsl(272deg 43% 86%) 33%,
hsl(285deg 44% 84%) 42%,
hsl(300deg 43% 82%) 50%,
hsl(300deg 43% 82%) 58%,
hsl(300deg 43% 82%) 67%,
hsl(300deg 43% 82%) 75%,
hsl(293deg 40% 83%) 83%,
hsl(286deg 36% 84%) 92%,
hsl(280deg 31% 85%) 100%
); */
}
.loginContainer{
@@ -1452,7 +1397,7 @@ section.login_register{
@media only screen and (min-width: 1440px){
#home-help .home-help--wrapper_content-items .grow-1 .grow-width .icon, #home-help .home-help--wrapper_content-items .grow-2 .grow-width .icon {
display: block;
width: 70px;
width: 100px;
padding: 44px 0 64px 0;
margin: 0 auto;
}
@@ -1482,22 +1427,6 @@ section.login_register{
/* new styles */
#graphene_tech{
/* background-image: linear-gradient(
45deg,
hsl(212deg 49% 15%) 0%,
hsl(213deg 38% 19%) 8%,
hsl(213deg 31% 23%) 17%,
hsl(213deg 26% 26%) 25%,
hsl(212deg 23% 29%) 33%,
hsl(212deg 20% 32%) 42%,
hsl(212deg 18% 35%) 50%,
hsl(212deg 16% 38%) 58%,
hsl(213deg 14% 41%) 67%,
hsl(213deg 12% 45%) 75%,
hsl(213deg 11% 47%) 83%,
hsl(213deg 10% 50%) 92%,
hsl(212deg 10% 53%) 100%
); */
background: url(../assets/imgs/allin_imgs/graphene_tech.png);
background-repeat: no-repeat;
background-size: cover;
@@ -1532,7 +1461,10 @@ span.transform_text2 {
background-image: linear-gradient( 45deg, hsl(220deg 52% 91%) 0%, hsl(229deg 48% 90%) 8%, hsl(243deg 42% 90%) 17%, hsl(260deg 39% 88%) 25%, hsl(272deg 43% 86%) 33%, hsl(285deg 44% 84%) 42%, hsl(300deg 43% 82%) 50%, hsl(300deg 43% 82%) 58%, hsl(300deg 43% 82%) 67%, hsl(300deg 43% 82%) 75%, hsl(293deg 40% 83%) 83%, hsl(286deg 36% 84%) 92%, hsl(280deg 31% 85%) 100% );
}
#ora_products{
background: #eef0f3;
/* background: #eef0f3; */
background-image: url(../assets/imgs/productimg/banner_plan.png);
background-repeat: no-repeat;
background-size: cover;
}
#laptop_memory_sec{
background: url(../assets/imgs/allin_imgs/laptop_bg.png);
+41 -12
Dosyayı Görüntüle
@@ -52,6 +52,14 @@
.slick-prev.btn:hover, .slick-next.btn:hover{
background: rgb(63, 76, 119);
}
/* .graphene_text::after{
content: "";
display: block;
width: 60px;
height: 3px;
background: #ffffff;
left: 0;
} */
</style>
</head>
@@ -106,23 +114,38 @@
<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" />
</div>
<div class="col-lg-6 text-white px-lg-3 px-md-5">
<div class="col-lg-6 text-white px-lg-3 px-md-5 pe-lg-4 ps-lg-4">
<h2 class="satoshi_font pb-md-3">A Breakthrough in Storage Performance and Sustainability</h2>
<h5 class="mb-md-4" style="line-height: 30px;">Experience a new era of storage technology with
<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.</h5>
<div class="text-end pe-md-4">
that set it apart from traditional storage options.</h6>
<div class="row px-md-2">
<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>
</div> -->
</div>
</div>
</div>
<div class="col-12">
<div class="row pt-md-5 align-items-center">
<div class="col-md-5 col-12 py-md-0 py-3 text-center text-white">
<div class="row pt-md-4 align-items-center">
<div class="col-md-5 col-12 py-md-0 py-3 text-md-center text-white">
<h3 class="fw-600">99% thinner than
Traditional Solutions</h3>
</div>
@@ -274,7 +297,8 @@
data_version="DDR5"
data_device="Desktop"
data_gb="32GB"
data_price="15500">
data_price="15500"
data_img="../dist/assets/imgs/allin_imgs/ora_desktop.png">
</p>
</div>
</div>
@@ -288,7 +312,8 @@
data_version="DDR5"
data_device="Laptop"
data_gb="8GB"
data_price="5150">
data_price="5150"
data_img="../dist/assets/imgs/allin_imgs/8gb_laptop.png">
</p>
</div>
</div>
@@ -302,7 +327,9 @@
data_version="DDR4"
data_device="Laptop"
data_gb="32GB"
data_price="8450">
data_price="8450"
data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png"
>
</p>
</div>
</div>
@@ -319,7 +346,7 @@
<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="#" 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 class="col-md-3 text-center">
<img src="./dist/assets/imgs/allin_imgs/innovation_img2.png" class="img-fluid"/>
@@ -450,13 +477,15 @@
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
price:data_price,
img:data_img
}
localStorage.setItem("top_data",JSON.stringify(top_obj));
window.location.href="./productdetails.html";
+11 -6
Dosyayı Görüntüle
@@ -276,22 +276,27 @@
</section>
<section>
<div class="bg-gradient-anwi container my-5 my-md-5 rounded-3 text-white" id="innovation_sections">
<div class="row align-items-center px-md-5 py-md-4">
<div class="bg-gradient-anwi container my-md-5 text-white" id="innovation_sections">
<div class="row align-items-center px-md-5 py-md-4 py-4 px-4">
<div class="col-md-7 text-start">
<h1 class="mb-md-3">Innovation at your fingertips</h1>
<h5 class="mb-md-4 fw-600">Enjoy working with blazing throughput</h5>
<a href="#" class="btn rounded-3 bg-white text-dark fw-bold px-md-4">Coming Soon</a>
<h5 class="mb-md-4 mb-4 fw-600">Enjoy working with blazing throughput</h5>
<div class="d-lg-block d-none">
<a href="#" class="btn rounded-3 bg-white text-dark fw-bold px-md-4">Coming Soon</a>
</div>
</div>
<div class="col-md-5 text-center">
<div class="col-md-5 text-lg-center">
<img src="./dist/assets/imgs/Home_new/Keyboard_mouse.png" class="img-fluid"/>
<div class="d-lg-none d-block">
<a href="#" class="btn rounded-3 bg-white text-dark fw-bold px-md-4">Coming Soon</a>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- footer -->
<div id="footer-head" class="sec-space-1"></div>
<div id="footer-head" class="sec-space-12"></div>
<!-- end-footer -->
<script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="./dist/js/jquery.min.js"></script>
+297
Dosyayı Görüntüle
@@ -0,0 +1,297 @@
<!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="./libs/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="./dist/css/main.css" />
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
<link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">
<!-- <link rel="stylesheet" href="./dist/css/font_icon.min.css"> -->
<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="./dist/css/vendor/vandella.css">
<link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
<!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->
<link rel="stylesheet" href="./dist/css/vendor/fontello.css">
<link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
<link rel="stylesheet" href="./dist/css/plugins/slick.css">
<link rel="stylesheet" href="./dist/css/plugins/nice-select.css">
<link rel="stylesheet" href="./dist/css/plugins/animate.css">
<link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">
<link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">
<link rel="stylesheet" href="./dist/css/style.css">
<link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
<link rel="stylesheet" href="./dist/css/fontawesome.min.css">
<link rel="stylesheet" href="./dist/toaster/toastr.css">
<title>Contact | Anwi</title>
<style>
.error{
color: red;
}
.myaccount-content .account-details-form .single-input-item.partner_form label {
font-size: 14px;
}
</style>
</head>
<body>
<!-- navbar -->
<div id="navbar-head"></div>
<!-- end-navbar -->
<!-- main-body -->
<main class="main-body home-main-container">
<section class="services h-100 pt-5 bg-gradient-anwi">
<div class="container pt-md-5 pt-4">
<div class="text-center text-white pt-md-5 pb-md-5 pb-4">
<h3 class="text-center mb-md-2 mb-3 pt-md-5">
<span class="satoshi_font font-weight-600 pb-1">Partners Registration</span>
</h3>
<h5 class="font-weight-lighter fs-6">Thank you for showing interest in our services.</h5>
<h5 class="font-weight-lighter fs-6">Please fill the details so that our experts will get back to you.</h5>
</div>
</div>
</section>
<section class="contact-section py-md-5 py-3">
<div class="container pt-md-5 pt-3">
<div class="row bg-white rounded-3 shadow mx-0">
<div class="col-lg-5 col-12 mb-30 bg-gradient-anwi text-white p-md-5 p-4">
<!-- contact page side content -->
<div class="contact-page-side-content text-center py-md-5">
<div class="single-contact-block mb-5 d-flex flex-column">
<!-- <h4 class="fs-5">Mobile : <a href="tel:9030019508" class="text-white fs-6">+91 9030019508</a></h4> -->
<img src="./dist/assets/imgs/allin_imgs/email-icon.png" class="mx-auto w-30p"/>
<a href="mailto:sales@anwisystems.com" class="text-white fs-6 mb-md-3">sales@anwisystems.com</a>
</div>
<div class="single-contact-block mb-5 d-flex flex-column">
<!-- <h4 class="fs-5">Email : <a href="mailto:sales@anwisystems.com" class="text-white fs-6">sales@anwisystems.com</a></h4> -->
<img src="./dist/assets/imgs/allin_imgs/phone-icon.png" class="mx-auto w-30p"/>
<a href="tel:9030019508" class="text-white fs-6 mb-md-3">+91 9030019508</a>
</div>
<div class="single-contact-block">
<img src="./dist/assets/imgs/allin_imgs/location-icon.png"/>
<p class="fs-6">
III Floor, Signature Towers, Opp.Botanical Gardens, Gachibowli
Road, Kondapur, Hyderabad-500084, Telangana - INDIA.
</p>
</div>
</div>
</div>
<div class="col-lg-7 col-12 mb-30 p-md-4 p-4">
<!-- contact form content -->
<div class="contact-form-content myaccount-content p-0 border-0">
<!-- <h3 class="contact-page-title border-0">Please fill the details so that our experts will get back to you.</h3> -->
<!-- <h2 class="fw-500 text-center">Tell Us your Message</h3> -->
<div class="contact-form account-details-form">
<form id="anwi_contact-form" class="single-input-item d-none" autocomplete="off" method="POST">
<div class="form-group pb-2">
<label>Your Name <span class="required text-danger">*</span></label>
<input type="text" name="contactname" id="user_name" class="w-100 form-control shadow-none rounded-0" required>
</div>
<div class="form-group pb-3">
<label>Number <span class="required text-danger">*</span></label>
<input type="number" id="user_number" class="w-100 form-control shadow-none rounded-0" required pattern="/^-?\d+\.?\d*$/" autocomplete="off" onkeypress="if(this.value.length==10) return false;" name="contactnumber" maxlength="10">
</div>
<div class="form-group pb-3">
<label>Your Email <span class="required text-danger">*</span></label>
<input type="email" name="contactemail" id="user_email" class="w-100 form-control shadow-none rounded-0" required>
</div>
<div class="form-group pb-md-5 pb-2">
<label>Your Message</label>
<textarea name="contactmessage" class="pb-10 w-100 form-control shadow-none rounded-0" id="user_message" rows="4" id="contactMessage"></textarea>
</div>
<div class="form-group mb-0 text-end">
<button class="btn btn-lg single-btn w-lg-25" id="contact_form_submit">Submit</button>
</div>
</form>
<form id="anwi_contact-form" class="single-input-item partner_form" autocomplete="off" method="POST">
<div class="row align-items-center">
<div class="col-md-6 pb-md-2">
<div class="form-group pb-2">
<label>Company Name <span class="required text-danger">*</span></label>
<input type="text" name="partnercompany" id="partner_company" class="w-100 form-control shadow-none rounded-0" required>
</div>
</div>
<div class="col-md-6 pb-md-2">
<div class="form-group pb-2">
<label>Contact Name <span class="required text-danger">*</span></label>
<input type="text" name="partnername" id="partner_name" class="w-100 form-control shadow-none rounded-0" required>
</div>
</div>
<div class="col-md-6 pb-md-2">
<div class="form-group pb-3">
<label>Number <span class="required text-danger">*</span></label>
<input type="number" id="partner_number" class="w-100 form-control shadow-none rounded-0" required pattern="/^-?\d+\.?\d*$/" autocomplete="off" onkeypress="if(this.value.length==10) return false;" name="partnernumber" maxlength="10">
</div>
</div>
<div class="col-md-6 pb-md-2">
<div class="form-group pb-3">
<label>Your Email <span class="required text-danger">*</span></label>
<input type="email" name="partneremail" id="partner_email" class="w-100 form-control shadow-none rounded-0" required>
</div>
</div>
<div class="col-md-6 pb-md-2">
<div class="form-group pb-2">
<label>City<span class="required text-danger">*</span></label>
<input type="text" name="partnercity" id="partner_city" class="w-100 form-control shadow-none rounded-0" required>
</div>
</div>
<div class="col-md-6 pb-md-2">
<div class="form-group pb-2">
<label>State</label>
<input type="text" name="partnerstate" id="partner_state" class="w-100 form-control shadow-none rounded-0">
</div>
</div>
<div class="col-md-6 pb-md-2">
<div class="form-group pb-2">
<label>GST No:</label>
<input type="text" name="partner_gstno" id="partner_gstno" class="w-100 form-control shadow-none rounded-0">
</div>
</div>
<div class="col-12">
<div class="form-group pb-2">
<label>Your Message</label>
<textarea name="partnermessage" class="pb-10 w-100 form-control shadow-none rounded-0" id="partner_message" rows="4" id="contactMessage"></textarea>
</div>
</div>
<div class="form-group mb-0 mt-3 text-end">
<button class="btn btn-lg single-btn w-lg-25" id="contact_form_submit">Submit</button>
</div>
</div>
</form>
</div>
<p class="form-message mt-10"></p>
</div>
<!-- End of contact -->
</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/navbar.js"></script>
<script src="./dist/js/axios.min.js"></script>
<script src="./dist/js/footer.js"></script>
<script src="./dist/js/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="./dist/toaster/toastr.js"></script>
<!-- Main JS -->
<script src="./dist/js/main.js"></script>
<script>
// $("#contact_form_submit").click(function(){
// debugger
// let User_name = $("#user_name").val();
// let Email_name = $("#user_email").val();
// let Phone_name = $("#user_number").val();
// let User_msg = $("#user_message").val();
// if(User_name == "" || Email_name == "" || Phone_name == ""){
// toastr.error('Some Input Feilds are missing!');
// }else{
// $("#anwi_contact-form").validate({
// rules: {
// phone: {
// minlength: 10,
// maxlength: 10,
// number: true
// },
// },
// submitHandler: function(form ,e) {
// e.preventDefault();
// // $("#pageloader").css({"display":"block"});
// $.ajax({
// type: "POST",
// url: "contact.php",
// data: $(form).serialize(),
// success: function(res) {
// if (res == 1) {
// $(".pageloader").removeClass("is_open");
// $(".overlay_effect").removeClass("is_open");
// toastr.success('Form Submitted Successfully!');
// $(form).trigger("reset");
// $(form).find('.form-control-placeholder').removeClass('floating-label');
// $(this).addClass("d-none");
// }else {
// $(".pageloader").removeClass("is_open");
// $(".overlay_effect").removeClass("is_open");
// toastr.error('Something Went Wrong,Try Again!');
// $("#biz-contact-form").removeClass("d-none");
// }
// }
// });
// return false;
// }
// });
// }
// })
// $("#anwi_contact-form").validate({
// rules: {
// phone: {
// minlength: 10,
// maxlength: 10,
// number: true
// },
// },
// submitHandler: function(form ,e) {
// e.preventDefault();
// // $("#pageloader").css({"display":"block"});
// $.ajax({
// type: "POST",
// url: "contact.php",
// data: $(form).serialize(),
// success: function(res) {
// debugger;
// if (res == 1) {
// $(".pageloader").removeClass("is_open");
// $(".overlay_effect").removeClass("is_open");
// toastr.success('Success, Our Experts will get back to you!');
// $(form).trigger("reset");
// $(form).find('.form-control-placeholder').removeClass('floating-label');
// $(this).addClass("d-none");
// }else {
// $(".pageloader").removeClass("is_open");
// $(".overlay_effect").removeClass("is_open");
// toastr.error('Something Went Wrong,Try Again!');
// $("#biz-contact-form").removeClass("d-none");
// }
// }
// });
// return false;
// }
// });
</script>
</body>
</html>
+4 -4
Dosyayı Görüntüle
@@ -254,8 +254,8 @@
customers."
</p>
<span class="quotname">
<span class="fw-600">Mr.Uday Kiran Konathala,</span>
<span>CEO-Co Founder of ANWI Systems.</span>
<span class="fw-600">Mr.Uday Kiran Konathala </span>
<span>- CEO, CO-Founder of ANWI Systems.</span>
</span>
</div>
</div>
@@ -264,7 +264,7 @@
</section>
<section id="ora_products" class="py-md-5">
<h2 class="text-center py-3 py-md-4">Our Releases Notes</h2>
<div class="container image-wrapper bg-white py-md-4 border-0 rounded-4">
<div class="container image-wrapper py-md-4 border-0 rounded-4">
<div class="lightbox">
<div class="row justify-content-center py-lg-5 py-4 px-4 px-lg-0">
</div>
@@ -370,7 +370,7 @@
}
for (let j = 0; j < split_arry.length; j++) {
let media_row = `
<div class="col-lg-3 col-md-5 mx-md-3 mx-2 mb-4 mb-lg-4 mx-lg-3 rounded-3 shadow posted_imgs" id="data_imgs${list_imgs[i]}">
<div class="col-lg-3 col-md-5 mx-md-3 mx-2 mb-4 mb-lg-4 mx-lg-3 pt-md-3 pt-3 bg-white rounded-3 shadow posted_imgs" id="data_imgs${list_imgs[i]}">
<div class="multi-carousel">
<div class="multi-carousel-inner">
<div class="multi-carousel-item">
+2 -1
Dosyayı Görüntüle
@@ -351,17 +351,18 @@
<script src="./dist/js/main.js"></script>
<script>
let product_data = localStorage.getItem("product_data");
debugger;
if(product_data === null){
let top_data = localStorage.getItem("top_data");
let t_data = JSON.parse(top_data);
$(".productname").html(t_data.name);
$(".price").html(t_data.price);
$(".productDetailsMain").find("img").attr("src",t_data.img);
$(".memorycontainer").find(".borderselector").removeClass("borderselector");
$(".memorycontainer").find("[data-device='"+t_data.device+"']").addClass("borderselector");
$(".memory-details").find(".borderselector").removeClass("borderselector");
$(".memory-details").find("[data-version='"+t_data.version+"']").addClass("borderselector");
$(".computersize").find("[data-gb='"+t_data.gb+"']").addClass("borderselector");
}else{
let data = JSON.parse(product_data);
$(".productname").html(data.name);
+65 -99
Dosyayı Görüntüle
@@ -36,6 +36,10 @@
transform: scale(1.1);
/* rotate: 10deg; */
}
.card:hover .btn{
background-color: #000 !important;
color:#ffff !important;
}
.card-title{
font-size: 1.2rem;
}
@@ -71,25 +75,18 @@
Boasting an ultra-slim 1mm Heatsink, we defy temperature limits and redefine storage performance.
</p>
</div>
<div class="tab-content bg-lg-white rounded-4" id="pills-tabContent">
<div class="tab-content rounded-4" id="pills-tabContent">
<div class="text-center py-md-5 py-4">
<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>
<!-- first tab-pane -->
<div class="tab-pane fade show active" id="pills-network-cards-card" role="tabpanel" aria-labelledby="pills-network-cards-card-tab">
<div class="row g-4 pb-5 px-md-4">
<div class="col-lg-3 col-md-6 ram_card">
<div class="card border rounded-3 p-1 h-100">
<a href="#">
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="card-img-top" alt="...">
</a>
<div class="col-lg-4 col-md-6 col-md-6 ram_card">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="card-img-top" alt="...">
<div class="card-body">
<a href="#"
class="text-decoration-none text-dark">
<h5 class="card-title satoshi_font mb-0">
ORA 8GB DDR4 3200MHz Desktop RAM
</h5>
</a>
<h5 class="card-title satoshi_font mb-0">ORA 8GB DDR4 3200MHz Desktop RAM </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">
@@ -101,7 +98,7 @@
</ul>
<div class="card-body text-center">
<a href="#"
class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_name="ORA 8GB DDR4 3200MHz Desktop RAM "
data_version="DDR4"
data_device="Desktop"
@@ -111,18 +108,13 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ram_card">
<div class="card border rounded-3 p-1 h-100">
<a href="#">
<div class="col-lg-4 col-md-6 col-md-6 ram_card">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<img src="./dist/assets/imgs/Navbar/ora_ddr5_desktop.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<a href="#"
class="text-decoration-none text-dark">
<h5 class="card-title satoshi_font mb-0">
ORA 16GB DDR4 3200MHz Desktop RAM
</h5>
</a>
</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">
@@ -134,7 +126,7 @@
</ul>
<div class="card-body text-center">
<a href="#"
class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_name="ORA 16GB DDR4 3200MHz Desktop RAM "
data_version="DDR4"
data_device="Desktop"
@@ -144,18 +136,16 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ram_card">
<div class="card border rounded-3 p-1 h-100">
<a href="#">
<div class="col-lg-4 col-md-6 col-md-6 ram_card">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<img src="./dist/assets/imgs/Navbar/ora_ddr4_laptop.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<a href="#"
class="text-decoration-none text-dark">
<h5 class="card-title satoshi_font mb-0">
ORA 32GB DDR4 3200MHz Desktop RAM
</h5>
</a>
</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">
@@ -173,7 +163,7 @@
</div>
<div class="card-body text-center">
<a href="#"
class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_name="ORA 32GB DDR4 3200MHz Desktop RAM "
data_version="DDR4"
data_device="Desktop"
@@ -183,11 +173,11 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ram_card">
<div class="card border rounded-3 p-1 h-100">
<a href="#">
<div class="col-lg-4 col-md-6 col-md-6 ram_card">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<a href="#"
class="text-decoration-none text-dark">
@@ -212,7 +202,7 @@
</div>
<div class="card-body text-center">
<a href="#"
class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_name="ORA 8GB DDR4 3200MHz Laptop RAM "
data_version="DDR4"
data_device="Laptop"
@@ -222,18 +212,13 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ram_card">
<div class="card border rounded-3 p-1 h-100">
<a href="#">
<div class="col-lg-4 col-md-6 col-md-6 ram_card">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<a href="#"
class="text-decoration-none text-dark">
<h5 class="card-title satoshi_font mb-0">
ORA 16GB DDR4 3200MHz Laptop RAM
</h5>
</a>
</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">
@@ -248,7 +233,7 @@
</ul>
<div class="card-body text-center">
<a href="#"
class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_name="ORA 16GB DDR4 3200MHz Laptop RAM "
data_version="DDR4"
data_device="Laptop"
@@ -258,18 +243,13 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ram_card">
<div class="card border rounded-3 p-1 h-100">
<a href="#">
<div class="col-lg-4 col-md-6 col-md-6 ram_card">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<img src="./dist/assets/imgs/Navbar/ora_ddr5_desktop.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<a href="#"
class="text-decoration-none text-dark">
<h5 class="card-title satoshi_font mb-0">
ORA 32GB DDR4 3200MHz Laptop RAM
</h5>
</a>
</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">
@@ -283,7 +263,7 @@
</ul>
<div class="card-body text-center">
<a href="#"
class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
data_version="DDR4"
data_device="Laptop"
@@ -293,18 +273,13 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ram_card">
<div class="card border rounded-3 p-1 h-100">
<a href="#">
<div class="col-lg-4 col-md-6 col-md-6 ram_card">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<img src="./dist/assets/imgs/Navbar/ora_ddr4_laptop.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<a href="#"
class="text-decoration-none text-dark">
<h5 class="card-title satoshi_font mb-0">
ORA 8GB DDR5 4800MHz Desktop RAM
</h5>
</a>
</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">
@@ -324,7 +299,7 @@
</div>
<div class="card-body text-center">
<a href="#"
class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_name="ORA 8GB DDR5 4800MHz Desktop RAM "
data_version="DDR5"
data_device="Desktop"
@@ -334,18 +309,16 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ram_card">
<div class="card border rounded-3 p-1 -100">
<a href="#">
<div class="col-lg-4 col-md-6 col-md-6 ram_card">
<div class="card border bg-gray-3 rounded-3 p-1 -100">
<img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<a href="#"
class="text-decoration-none text-dark">
<h5 class="card-title satoshi_font mb-0">
ORA 16GB DDR5 4800MHz Desktop RAM
</h5>
</a>
</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">
@@ -363,7 +336,7 @@
</div>
<div class="card-body text-center">
<a href="#"
class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_name="ORA 16GB DDR5 4800MHz Desktop RAM "
data_version="DDR5"
data_device="Desktop"
@@ -373,18 +346,16 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ram_card">
<div class="card border rounded-3 p-1 h-100">
<a href="#">
<div class="col-lg-4 col-md-6 col-md-6 ram_card">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<a href="#"
class="text-decoration-none text-dark">
<h5 class="card-title satoshi_font mb-0">
ORA 32GB DDR5 4800MHz Desktop RAM
</h5>
</a>
</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">
@@ -397,7 +368,7 @@
</ul>
<div class="card-body text-center">
<a href="#"
class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_name="ORA 32GB DDR5 4800MHz Desktop RAM "
data_version="DDR5"
data_device="Desktop"
@@ -407,18 +378,16 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ram_card">
<div class="card border rounded-3 p-1 h-100">
<a href="#">
<div class="col-lg-4 col-md-6 col-md-6 ram_card">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<img src="./dist/assets/imgs/Navbar/ora_ddr5_desktop.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<a href="#"
class="text-decoration-none text-dark">
<h5 class="card-title satoshi_font mb-0">
ORA 8GB DDR5 4800MHz Laptop RAM
</h5>
</a>
</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">
@@ -430,7 +399,7 @@
</ul>
<div class="card-body text-center">
<a href="#"
class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_name="ORA 8GB DDR5 4800MHz Laptop RAM "
data_version="DDR5"
data_device="Laptop"
@@ -440,18 +409,16 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ram_card">
<div class="card border rounded-3 p-1 h-100">
<a href="#">
<div class="col-lg-4 col-md-6 col-md-6 ram_card">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<img src="./dist/assets/imgs/Navbar/ora_ddr4_laptop.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<a href="#"
class="text-decoration-none text-dark">
<h5 class="card-title satoshi_font mb-0">
ORA 16GB DDR5 4800MHz Laptop RAM
</h5>
</a>
</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">
@@ -469,7 +436,7 @@
</div>
<div class="card-body text-center">
<a href="#"
class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_name="ORA 16GB DDR5 4800MHz Laptop RAM "
data_version="DDR5"
data_device="Laptop"
@@ -479,18 +446,16 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ram_card">
<div class="card border rounded-3 p-1 h-100">
<a href="#">
<div class="col-lg-4 col-md-6 col-md-6 ram_card">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<a href="#"
class="text-decoration-none text-dark">
<h5 class="card-title satoshi_font mb-0">
ORA 32GB DDR5 4800MHz Laptop RAM
</h5>
</a>
</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">
@@ -508,7 +473,7 @@
</div>
<div class="card-body text-center">
<a href="#"
class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_name="ORA 32GB DDR5 4800MHz Laptop RAM "
data_version="DDR5"
data_device="Laptop"
@@ -562,6 +527,7 @@
<script>
$("#pills-tabContent").find(".ram_card").each(function(){
$(this).addClass("cursor-pointer");
$(this).click(function(){
let product_name = $(this).find(".card-body").find("a.btn").attr("data_name");
let version = $(this).find(".card-body").find("a.btn").attr("data_version");
+25 -21
Dosyayı Görüntüle
@@ -37,6 +37,10 @@
transform: scale(1.1);
/* rotate: 10deg; */
}
.card:hover .btn{
background-color: #000 !important;
color:#ffff !important;
}
.card-title{
font-size: 1.2rem;
}
@@ -72,15 +76,15 @@
Boasting an ultra-slim 1mm Heatsink, we defy temperature limits and redefine storage performance.
</p>
</div>
<div class="tab-content bg-lg-white rounded-4" id="pills-tabContent">
<div class="tab-content rounded-4" id="pills-tabContent">
<div class="text-center py-md-5 py-4">
<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>
<!-- first tab-pane -->
<div class="tab-pane fade show active" id="pills-network-cards-card" role="tabpanel" aria-labelledby="pills-network-cards-card-tab">
<div class="row g-4 pb-5 px-md-4 storage_card">
<div class="col-lg-3 col-md-6">
<div class="card border rounded-3 p-1 h-100">
<div class="col-lg-4 col-md-6 col-md-6">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<a href="#">
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" class="card-img-top" alt="...">
</a>
@@ -91,7 +95,7 @@
</h5>
</a>
</div>
<ul class="list-group list-group-flush border-0">
<ul class="bg-gray-3 border-0 list-group-flush ps-3">
<li class="list-group-item border-0 py-0">
<span class="satoshi_font">PCI Express 3.0</span>
</li>
@@ -109,7 +113,7 @@
</li>
</ul>
<div class="card-body text-center">
<a href="#" class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
<a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_des="High-speed PCIe Gen 3x4
interface with read speeds
up to 3500 MB/s and write
@@ -120,8 +124,8 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card border rounded-3 p-1 h-100">
<div class="col-lg-4 col-md-6 col-md-6">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<a href="#">
<img src="./dist/assets/imgs/Navbar/ora4_ram.png" class="card-img-top" alt="...">
</a>
@@ -133,7 +137,7 @@
</h5>
</a>
</div>
<ul class="list-group list-group-flush border-0">
<ul class="bg-gray-3 border-0 list-group-flush ps-3">
<li class="list-group-item border-0 py-0">
<span class="satoshi_font">PCI Express 3.0</span>
</li>
@@ -152,7 +156,7 @@
</ul>
<div class="card-body text-center">
<a href="#"
class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_des="High-speed PCIe Gen 3x4
interface with read speeds
up to 3500 MB/s and write
@@ -162,8 +166,8 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card border rounded-3 p-1 h-100">
<div class="col-lg-4 col-md-6 col-md-6">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<a href="#">
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" class="card-img-top" alt="...">
</a>
@@ -174,7 +178,7 @@
</h5>
</a>
</div>
<ul class="list-group list-group-flush border-0">
<ul class="bg-gray-3 border-0 list-group-flush ps-3">
<li class="list-group-item border-0 py-0">
<span class="satoshi_font">PCI Express 3.0</span>
</li>
@@ -192,7 +196,7 @@
</li>
</ul>
<div class="card-body text-center">
<a href="#" class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
<a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_des="High-speed PCIe Gen 3x4
interface with read speeds
up to 3500 MB/s and write
@@ -203,8 +207,8 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card border rounded-3 p-1 h-100">
<div class="col-lg-4 col-md-6 col-md-6">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<a href="#">
<img src="./dist/assets/imgs/Navbar/ora4_ram.png" class="card-img-top" alt="...">
</a>
@@ -216,7 +220,7 @@
</h5>
</a>
</div>
<ul class="list-group list-group-flush border-0">
<ul class="bg-gray-3 border-0 list-group-flush ps-3">
<li class="list-group-item border-0 py-0">
<span class="satoshi_font">PCI Express 4.0</span>
</li>
@@ -235,7 +239,7 @@
</ul>
<div class="card-body text-center">
<a href="#"
class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_des="High-speed PCIe Gen 4x4
interface with read speeds
up to 4900 MB/s and write
@@ -245,8 +249,8 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card border rounded-3 p-1 h-100">
<div class="col-lg-4 col-md-6 col-md-6">
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
<a href="#">
<img src="./dist/assets/imgs/Navbar/ora4_ram.png" class="card-img-top" alt="...">
</a>
@@ -258,7 +262,7 @@
</h5>
</a>
</div>
<ul class="list-group list-group-flush border-0">
<ul class="bg-gray-3 border-0 list-group-flush ps-3">
<li class="list-group-item border-0 py-0">
<span class="satoshi_font">PCI Express 4.0</span>
</li>
@@ -276,7 +280,7 @@
</li>
</ul>
<div class="card-body text-center">
<a href="#" class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
<a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
data_des="High-speed PCIe Gen 4x4
interface with read speeds
up to 4900 MB/s and write
+4 -4
Dosyayı Görüntüle
@@ -84,7 +84,7 @@
<div class="home-help--wrapper_content-items">
<a href="https://anwisystems.com/w" alt="" class="grow-1 text-dark">
<div class="grow-width">
<img src="./dist/assets/imgs/support/warranty.png" alt="" class="icon">
<img src="./dist/assets/imgs/support/warranty-icon.png" alt="" class="icon">
<div class="content">
<p class="item_title">Warranty</p>
<p class="item_dec">Enable Warranty / Check Warranty.</p>
@@ -93,7 +93,7 @@
</a>
<a href="#" alt="" class="grow-1 text-dark">
<div class="grow-width"><img
src="./dist/assets/imgs/support/service.png"
src="./dist/assets/imgs/support/laptop-service.jpg"
alt="" class="icon">
<div class="content">
<p class="item_title">Laptop Service</p>
@@ -103,7 +103,7 @@
</a>
<a href="#" alt="" class="grow-1 text-dark">
<div class="grow-width">
<img src="./dist/assets/imgs/support/repair.png" alt="" class="icon">
<img src="./dist/assets/imgs/support/winfo-icon-system-management.png" alt="" class="icon">
<div class="content">
<p class="item_title">All in One Service</p>
<p class="item_dec">Get your repair started here.</p>
@@ -112,7 +112,7 @@
</a>
<a href="#" alt=""class="grow-1 text-dark">
<div class="grow-width">
<img src="./dist/assets/imgs/support/service-center.png" alt="" class="icon">
<img src="./dist/assets/imgs/support/accessories.png" alt="" class="icon">
<div class="content">
<p class="item_title">Accessories</p>
<p class="item_dec">Get repair service in Anwi Service Center.</p>