/home/hdwebsolution/public_html/ns-interior/contact.php
<?php include('include/header.php');?>
<div class="clearfix"></div>
<!-- Header Container / End -->
<section class="headings">
<div class="text-heading">
<div class="container">
<h1 class="text-center">CONTACT US</h1>
</div>
</div>
</section>
<div class="road">
<div class="container">
<div class="row">
<div class="col">
<a href="index.html">Home</a><span>ยป</span><span>CONTACT US</span>
</div>
</div>
</div>
</div>
<!-- END SECTION HEADINGS -->
<!-- START SECTION CONTACT -->
<section id="contact" class="contact">
<div class="container">
<div class="section-title ml-3">
<h3>Have a Question?</h3>
<h2>CONTACT US</h2>
</div>
<div class="row">
<div class="col-md-8">
<form id="contactform" class="contact-form" name="contactform" method="post" novalidate>
<div id="success" class="successform">
<p class="alert alert-success font-weight-bold" role="alert">Your message was sent successfully!</p>
</div>
<div id="error" class="errorform">
<p>Something went wrong, try refreshing and submitting the form again.</p>
</div>
<div class="form-group">
<input type="text" required class="form-control input-custom input-full" name="name" placeholder="First Name">
</div>
<div class="form-group">
<input type="text" required class="form-control input-custom input-full" name="lastname" placeholder="Last Name">
</div>
<div class="form-group">
<input type="text" class="form-control input-custom input-full" name="email" placeholder="Email">
</div>
<div class="form-group">
<textarea class="form-control textarea-custom input-full" id="ccomment" name="message" required rows="8" placeholder="Message"></textarea>
</div>
<div class="box bg-3">
<button type="submit" id="submit-contact" class="button button--wayra button--border-thick button--text-upper button--size-s">Submit</button>
</div>
</form>
</div>
<div class="col-md-4 info-touch">
<h4>Keep In Touch</h4>
<div class="my-info">
<div class="in1">
<div class="address">
<p><i class="fa fa-map-marker" aria-hidden="true"></i>DDA Janta Flats, 567, Group -1, LIG MIG <br>Flats,<br> Vikaspuri, Hastsal, New Delhi, Delhi, 110059</p>
</div>
<div class="email">
<p><i class="fa fa-envelope" aria-hidden="true"></i> info@nsinterior.com</p>
</div>
</div>
<div class="in1">
<div class="phone">
<p><i class="fa fa-phone" aria-hidden="true"></i> +91 97168 39900</p>
</div>
<div class="whatssap">
<p><i class="fa fa-whatsapp" aria-hidden="true"></i> +91 97168 39900</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END SECTION CONTACT -->
<!-- START SECTION GOOGLE MAP -->
<div id="contact-map" class="map-area">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14008.121930351828!2d77.04279009476778!3d28.628848495093337!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d04e19cb7ac89%3A0xb615a7d352892d79!2sNS%20interior%20%7C%7C%20Best%20Interior%20designer%20Delhi!5e0!3m2!1sen!2sin!4v1762597647571!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<!-- END SECTION GOOGLE MAP -->
<style>
.parallax-search.home-1 {
position: relative;
width: 100%;
height: 85vh;
overflow: hidden;
}
.frd {
gap: 20px;
display: flex
}
section.portfolio {
padding: 6rem 0;
background: #ffffff;
}
.parallax-search.home-1 video#bg-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.parallax-search.home-1 .video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4); /* Adjust opacity for darkness */
z-index: 1;
}
.parallax-search.home-1 .hero-main {
position: relative;
z-index: 2;
color: #fff;
}
.top-bar {
background-color: #111;
color: #fff;
font-size: 14px;
padding: 8px 0;
}
.top-bar .container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.top-bar-left {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.top-bar i {
color: #f1c40f;
margin-right: 5px;
}
.top-bar-right {
font-weight: 600;
}
/* === Top Bar Styles === */
.top-bar {
background-color: #111;
color: #fff;
font-size: 14px;
padding: 8px 0;
}
.top-bar .container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.top-bar-left {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.top-bar i {
color: #f1c40f;
margin-right: 5px;
}
.top-bar-right {
font-weight: 600;
}
.road {
background: red;
padding: 20px;
color: white;
}
.headings {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 17, 17, 0.5)), to(rgba(17, 17, 17, 0.5))), url(images/bg/bg-1.jpg) no-repeat center center;
background: linear-gradient(rgba(17, 17, 17, 0.5), rgba(17, 17, 17, 0.5)), url(images/bg/bg-1.jpg) no-repeat center center;
background-size: cover;
width: 100%;
height: 50vh;
}
/* Optional: improve responsiveness */
@media (max-width: 768px) {
.top-bar .container {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
}
</style>
<?php include('include/footer.php');?>