Dosyalar
anwi_website/contact.html
T

248 satır
12 KiB
HTML
Ham Normal Görünüm Geçmiş

2023-04-17 11:11:03 +05:30
<!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;
}
2023-04-18 20:37:05 +05:30
#anwi_contact-form button{
border: none;
background-color: #0A1039;
text-transform: uppercase;
font-weight: 600;
padding: 9px 25px;
color: #fff;
font-size: 13px;
}
2023-04-17 11:11:03 +05:30
</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">Contact Us </span>
</h3>
<h5 class="font-weight-lighter">Thank you for showing interest in our services.</h5>
<h5 class="font-weight-lighter">Please fill the details so that our experts will get back to you.</h5>
</div>
</div>
</section>
2023-04-18 20:37:05 +05:30
<section class="contact-section py-md-5 py-3 bg-gradient-violet">
2023-04-17 11:11:03 +05:30
<div class="container pt-md-5 pt-3">
<div class="row bg-white rounded-3 shadow mx-0">
<div class="col-lg-6 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">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">
2023-04-18 20:37:05 +05:30
<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>
2023-04-17 11:11:03 +05:30
</div>
2023-04-18 20:37:05 +05:30
<div class="form-floating mb-3">
<input type="text" class="form-control shadow-none" name="contactnumber" id="user_number" placeholder="9887767644" required pattern="/^-?\d+\.?\d*$/" autocomplete="off" onkeypress="if(this.value.length==10) return false;" name="contactnumber" maxlength="10">
<label for="user_number">Number</label>
2023-04-17 11:11:03 +05:30
</div>
2023-04-18 20:37:05 +05:30
<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>
2023-04-17 11:11:03 +05:30
</div>
2023-04-18 20:37:05 +05:30
<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>
2023-04-17 11:11:03 +05:30
</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="./dist/js/navbar.js"></script>
<script src="./libs/axios.min.js"></script>
2023-04-17 11:11:03 +05:30
<script src="./dist/js/footer.js"></script>
<script src="./libs/cookies.min.js"></script>
2023-04-17 11:11:03 +05:30
<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;
// }
// });
// }
// })
2023-04-18 20:37:05 +05:30
// $("#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;
// }
// });
2023-04-17 11:11:03 +05:30
</script>
</body>
</html>