rahul.katari/anwisystems
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Rahul Katari
2024-03-15 16:26:27 +05:30
commit 381106cbe5
1046 changed files with 285998 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contact.html
+241
View File
@@ -0,0 +1,241 @@
<!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>