<style data-wp-block-html="css">
div#sidebar {
display: none;
}
header.entry-header {
display: none;
}
/* Hero Section */
.contact-hero {
position: relative;
min-height: 500px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 100px 20px;
background: url('https://noorimasale.com/wp-content/uploads/2026/06/contactBanner.jpg') center center/cover no-repeat;
overflow: hidden;
}
.hero-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.55);
}
.hero-content {
position: relative;
z-index: 2;
max-width: 850px;
}
.hero-content h1 {
color: #ffffff;
font-size: 56px;
font-weight: 700;
margin-bottom: 20px;
line-height: 1.2;
}
.hero-content p {
color: #f5f5f5;
font-size: 18px;
line-height: 1.8;
margin-bottom: 35px;
}
.hero-buttons {
display: flex;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
}
.btn {
display: inline-block;
text-decoration: none;
padding: 14px 32px;
border-radius: 50px;
font-size: 16px;
font-weight: 600;
transition: 0.3s ease;
}
.btn-primary {
background: #017846;
color: #fff;
}
.btn-primary:hover {
background: #017846;
}
.btn-secondary {
background: transparent;
border: 2px solid #fff;
color: #fff;
}
.btn-secondary:hover {
background: #fff;
color: #017846;
}
/* Responsive */
@media (max-width: 768px) {
.contact-hero {
min-height: 420px;
padding: 80px 20px;
}
.hero-content h1 {
font-size: 36px;
}
.hero-content p {
font-size: 16px;
}
.btn {
padding: 12px 25px;
font-size: 15px;
}
}
@media (max-width: 480px) {
.hero-content h1 {
font-size: 30px;
}
.hero-content p {
font-size: 15px;
}
.hero-buttons {
flex-direction: column;
align-items: center;
}
}
/* Contact Info Section */
.contact-info-section {
padding: 100px 20px;
background: #fff8f0;
}
.container {
max-width: 100%;
margin: auto;
}
.section-title {
text-align: center;
max-width: 750px;
margin: 0 auto 60px;
}
.section-title span {
color: #017846;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.section-title h2 {
font-size: 42px;
color: #222;
margin: 15px 0;
}
.section-title p {
font-size: 17px;
line-height: 1.8;
color: #666;
}
.contact-info-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap:100px;
}
.contact-card {
background: #fff;
padding: 35px 25px;
border-radius: 15px;
text-align: center;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
transition: 0.4s ease;
cursor: pointer;
}
.contact-card:hover {
transform: translateY(-10px);
}
.contact-icon {
width: 75px;
height: 75px;
background: #017846;
margin: 0 auto 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.contact-icon i {
color: #fff;
font-size: 28px;
}
.contact-card h3 {
font-size: 22px;
margin-bottom: 12px;
color: #222;
}
.contact-card p {
color: #666;
font-size: 16px;
line-height: 1.7;
}
/* Responsive */
@media(max-width:992px) {
.contact-info-grid {
grid-template-columns: repeat(2, 1fr);
}
.section-title h2 {
font-size: 34px;
}
}
@media(max-width:576px) {
.contact-info-grid {
grid-template-columns: 1fr;
}
.contact-info-section {
padding: 70px 15px;
}
.section-title h2 {
font-size: 28px;
}
}
/* Contact Form Section */
.contact-form-section {
padding: 100px 20px;
background: #fff;
}
.contact-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.contact-form-box h2 {
font-size: 42px;
color: #1a1a1a;
margin: 15px 0;
}
.contact-form-box p {
color: #666;
line-height: 1.8;
margin-bottom: 30px;
}
.section-tag {
color: #017846;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.contact-form-box input,
.contact-form-box textarea {
width: 100%;
padding: 16px;
border: 1px solid #ddd;
border-radius: 10px;
font-size: 15px;
outline: none;
transition: 0.3s;
margin-bottom: 20px;
}
.contact-form-box input:focus,
.contact-form-box textarea:focus {
border-color: #017846;
}
.contact-form-box textarea {
height: 160px;
resize: none;
margin-bottom: 20px;
}
.contact-form-box button {
background: #017846;
color: #fff;
border: none;
padding: 15px 35px;
border-radius: 50px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: .3s;
}
.contact-form-box button:hover {
background: #bf9132;
}
.contact-image img {
width: 100%;
border-radius: 20px;
display: block;
}
/* Responsive */
@media(max-width:991px) {
.contact-wrapper {
grid-template-columns: 1fr;
}
.contact-form-box h2 {
font-size: 34px;
}
}
@media(max-width:576px) {
.form-row {
flex-direction: column;
gap: 15px;
}
.contact-form-section {
padding: 70px 15px;
}
.contact-form-box h2 {
font-size: 28px;
}
}
/* Location Section */
.location-section {
padding: 100px 20px;
background: #fafafa;
}
.section-heading {
text-align: center;
max-width: 700px;
margin: 0 auto 50px;
}
.section-heading span {
color: #017846;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.section-heading h2 {
font-size: 42px;
color: #222;
margin: 15px 0;
}
.section-heading p {
color: #666;
line-height: 1.8;
}
.map-container {
border-radius: 20px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
width: 100%;
}
.map-container iframe {
display: block;
}
.location-section .container{
max-width:100%;
width:100%;
padding:0;
}
/* Responsive */
@media(max-width:768px) {
.section-heading h2 {
font-size: 30px;
}
.map-container iframe {
height: 350px;
}
}
</style>
<!-- Hero Section -->
<section class="contact-hero">
<div class="hero-overlay"></div>
<div class="hero-content">
<h1>Get In Touch With Noori Masale</h1>
<p>
We are here to assist you with product inquiries, bulk orders,
dealership opportunities, and customer support. Reach out to our
team and we'll be happy to help.
</p>
<div class="hero-buttons">
<a href="#contact-form" class="btn btn-primary">
Contact Now
</a>
<a href="#contact-form" class="btn btn-secondary">
Send Inquiry
</a>
</div>
</div>
</section>
<!-- Contact Information Section -->
<section class="contact-info-section">
<div class="container">
<div class="section-title">
<span>Contact Information</span>
<h2>We're Here To Help You</h2>
<p>
Reach out to us through any of the following channels. Our team is ready to assist you with product
inquiries, bulk orders, dealership opportunities, and customer support.
</p>
</div>
<div class="contact-info-grid">
<div class="contact-card">
<div class="contact-icon">
<i class="fas fa-phone-alt"></i>
</div>
<h3>Call Us</h3>
<p>+91 7400141414</p>
<p>011-4940-7414</p>
</div>
<div class="contact-card">
<div class="contact-icon">
<i class="fas fa-envelope"></i>
</div>
<h3>Email Us</h3>
<p>info@noorimasale.com</p>
<p>noori.spices@gmail.com</p>
</div>
<div class="contact-card">
<div class="contact-icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<h3>Visit Us</h3>
<p>NOORI KIRANA 1431,1432 Bazar Chitli Qabar, Jama Masjid, Delhi-110006</p>
</div>
<div class="contact-card">
<div class="contact-icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<h3>Manufacturing Unit</h3>
<p>NOORI KIRANA Plot No. B-50/15, Site-4 Sahibabad, Industrial Area</p>
</div>
</div>
</div>
</section>
<!-- Contact form section -->
<section class="contact-form-section">
<div class="container">
<div class="contact-wrapper">
<!-- left Side Image -->
<div class="contact-image">
<img src="https://noorimasale.com/wp-content/uploads/2026/06/contactForm.jpg" alt="Noori Masale Contact">
</div>
<!-- Right Side Form -->
<div class="contact-form-box">
<span class="section-tag">Get In Touch</span>
<h2>Send Us A Message</h2>
<p>
Have questions about our products, bulk orders, or dealership opportunities? Fill out the form
below and our team will get back to you shortly.
</p>
<form>
<div class="form-row">
<input type="text" placeholder="Full Name" required="">
<input type="email" placeholder="Email Address" required="">
</div>
<div class="form-row">
<input type="tel" placeholder="Phone Number" required="">
<input type="text" placeholder="Subject" required="">
</div>
<textarea placeholder="Write Your Message"></textarea>
<button type="submit">
Send Inquiry
</button>
</form>
</div>
</div>
</div>
</section>
<!-- Location -->
<section class="location-section">
<div class="container">
<div class="section-heading">
<span>Our Location</span>
<h2>Find Us On Map</h2>
<p>
Visit our office or manufacturing facility. We look forward to meeting you and discussing your
requirements.
</p>
</div>
<div class="map-container">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3501.4166120780246!2d77.23116717613757!3d28.647241883411407!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfd2210f19103%3A0xf90ea8c0201260d0!2sNoori%20Masale!5e0!3m2!1sen!2sin!4v1783164119481!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="strict-origin-when-cross-origin"></iframe>
</div>
</div>
</section>
