241 line
9.8 KiB
HTML
241 line
9.8 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>Contact | Anwi</title>
|
|
<style>
|
|
.error {
|
|
color: red;
|
|
}
|
|
|
|
#anwi_contact-form button {
|
|
border: none;
|
|
background-color: #0A1039;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
padding: 9px 25px;
|
|
color: #fff;
|
|
font-size: 13px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="contact_page">
|
|
<!-- navbar -->
|
|
<div id="navbar-head"></div>
|
|
<!-- end-navbar -->
|
|
<!-- main-body -->
|
|
<main class="main-body home-main-container">
|
|
<section class="services h-100 pt-3 d-none bg-gradient-anwi">
|
|
<div class="container pt-5 ">
|
|
<div class="text-center text-white ">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="contact-section py-md-5 py-3 bg-gray-background ">
|
|
<div class="container pt-md-5 pt-3">
|
|
<div class="row bg-white rounded shadow mx-0 mt-5">
|
|
<div class="col-lg-6 col-12 mb-30 bg-gradient-anwi rounded-start 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">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">+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-6 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="form-floating" autocomplete="off" method="POST">
|
|
<div class="form-floating mb-3">
|
|
<input type="text" class="form-control shadow-none" name="contactname" id="user_name"
|
|
placeholder="jhon" required>
|
|
<label for="user_name">Your Name </label>
|
|
</div>
|
|
<div class="form-floating mb-3">
|
|
<input type="number" class="form-control shadow-none" name="contactnumber" id="user_number"
|
|
placeholder="99999999999" required pattern="/^-?\d+\.?\d*$/" autocomplete="off"
|
|
onkeypress="if(this.value.length==10) return false;" name="contactnumber" maxlength="10">
|
|
<label for="user_number">Number</label>
|
|
</div>
|
|
<div class="form-floating mb-3">
|
|
<input type="email" class="form-control shadow-none" name="contactname" id="user_email"
|
|
placeholder="exp12@gmail.com" required>
|
|
<label for="user_email">Email</label>
|
|
</div>
|
|
<div class="form-floating mb-3">
|
|
<textarea name="contactmessage" style="height: 100px"
|
|
class="pb-10 w-100 form-control shadow-none rounded-0" id="user_message" rows="4" cols="5"
|
|
id="contactMessage"></textarea>
|
|
<label for="user_message">Message</label>
|
|
</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>
|
|
</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="./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="./dist/toaster/toastr.js"></script>
|
|
<!-- Main JS -->
|
|
<script src="./dist/js/auth/apiservice.js"></script>
|
|
<script src="./dist/js/navbar.js"></script>
|
|
<script src="./dist/js/main.js"></script>
|
|
|
|
<script>
|
|
|
|
let contact_pg = $("body").hasClass("contact_page");
|
|
if (contact_pg === true) {
|
|
$(".main-menu").find("nav ul li a").addClass("text-dark");
|
|
let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
|
|
$(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
|
|
$("nav").find('svg path').attr('fill', '#fff');
|
|
$(".user-icon").find('path').attr('fill', "#000");
|
|
$(".cart_icon").find('path').attr('fill', "#000");
|
|
}
|
|
|
|
$("#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;
|
|
}
|
|
});
|
|
// $(".header-area").addClass("border bg-white")
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |