@extends('layouts.webmaster')
@section('page-links')
<style>	
   .contact-map {
   margin-bottom: -10px;
   }
   .contact-map iframe {
   width: 100%;
   height: 350px;
   }
   .map-container iframe {
   width: 100%;
   display: block;
   pointer-events: none;
   position: relative;
   margin-top: 1px;
   border: 0px;
   }
   .map-container iframe.clicked {
   pointer-events: auto;
   }
   .map-contain iframe{
   height: 220px;
   width: 100%;
   display: block;
   pointer-events: none;
   position: relative;
   margin-top: 1px;
   border: 0px;
   }
   .map-contain iframe.clicked{
   pointer-events: auto;
   }
   @media only screen and (max-width: 768px) {
	.banner img{
		width: 100%;
		height: 200px;
	}
	.header_white {
		height: 60px;
	}
	.toggler_xs_right .toggle_menu {
		margin-top: 2px;
	}
   .logo{
      display:none;
   }
   }
</style>
@endsection
@section('page-content')
<section style="">
   <div class="contact-map map-container">
      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1833.1177647898305!2d72.82676337361181!3d18.946246433554!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7b6379aaaaaab%3A0xb2fefb7bc7c63dd9!2sMaheshwari%20Pragati%20Mandal!5e0!3m2!1sen!2sin!4v1675953693824!5m2!1sen!2sin" allowfullscreen=""></iframe>
   </div>
</section>
<section class="page_breadcrumbs ds background_cover  " style="background-color:#171A2B;">
   <div class="container">
      <div class="row">
         <div class="col-sm-12 text-center">
            <ol class="breadcrumb greylinks">
               <li> <a href="{{ route('website')}}">
                  Home
                  </a> 
               </li>
               <li class="active" style="color:#E2181D;">Contact Us</li>
            </ol>
         </div>
      </div>
   </div>
</section>
<section class="ls columns_padding_25 section_padding_bottom_100"  style="padding-top: 50px;">
   <div class="container">
      <h3 style="text-align:center; color: #E2181D; font-weight:600; margin-bottom:20px;">Contact Us</h3>
      <div class="row">
         <div class="col-md-12 to_animate" data-animation="scaleAppear">
            <div class="row">
               <div class="col-md-6">
                  <div class="map-contain">
                     <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1833.1177647898305!2d72.82676337361181!3d18.946246433554!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7b6379aaaaaab%3A0xb2fefb7bc7c63dd9!2sMaheshwari%20Pragati%20Mandal!5e0!3m2!1sen!2sin!4v1675953693824!5m2!1sen!2sin" allowfullscreen=""></iframe>
                  </div>
               </div>
               <div class="col-md-6">
                  <div class="media small-media">
                     <p class="con-title">Maheshwari Bhavan - Girgaon</p>
                     <div class="media-left"> <a href="https://goo.gl/maps/7uUzTpGzhLqwTvr68" target="_blank"> <i class="fa fa-map-marker highlight2"></i> </a></div>
                     <div class="media-body">Maheshwari Pragati Mandal, Mumbai<br> 603, Jaganath Shankar Seth Road,  Mumbai – 400 002. </div>
                  </div>
                  <div class="media small-media">
                     <div class="media-left"> <a href="tel:02222005026"> <i class="fa fa-phone highlight2"></i> </a> </div>
                     <div class="media-body"> 2200 5026 / &nbsp;&nbsp;27&nbsp;&nbsp;/&nbsp;&nbsp;28&nbsp;&nbsp;/&nbsp;&nbsp;33&nbsp;&nbsp;/&nbsp;&nbsp;36 </div>
                  </div>
               </div>
            </div>
            <hr>
            <div class="row">
               <div class="col-md-6">
                  <div class="media small-media">
                     <p class="con-title">Maheshwari Bhavan - Andheri</p>
                     <div class="media-left"> <a href="https://goo.gl/maps/KpKwygFz371njZys5" target="_blank"> <i class="fa fa-map-marker highlight2"></i> </a> </div>
                     <div class="media-body">Plot No. R 14/15, Link Road Extension, <br>
                        Oshiwara, Near Tarapur Garden, 
                        Mumbai – 400 053 
                     </div>
                  </div>
                  <div class="media small-media">
                     <div class="media-left"> <a href="tel:02226374253"> <i class="fa fa-phone highlight2"></i> </a> </div>
                     <div class="media-body"> 2637 4256 / &nbsp;&nbsp;57 </div>
                  </div>
                  <div class="media small-media">
                     <div class="media-left"> <a href="tel:+919372258324"> <i class="fa fa-phone highlight2"></i> </a> </div>
                     <div class="media-body"> +91 93722 58324 </div>
                  </div>
               </div>
               <div class="col-md-6">
                  <div class="map-contain">
                     <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d998.3229087532527!2d72.8370774248875!3d19.144226925614664!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7b63a2a7b20cf%3A0x90f22ac93e1f139d!2sPlot%20No.%20R%2014%2C%2015%2C%20New%20Link%20Rd%2C%20Adarsh%20Nagar%2C%20Jogeshwari%20West%2C%20Mumbai%2C%20Maharashtra%20400102!5e0!3m2!1sen!2sin!4v1676013035430!5m2!1sen!2sin" allowfullscreen=""></iframe>
                  </div>
               </div>
            </div>
            <hr>
            <div class="row">
               <div class="col-md-6">
                  <div class="map-contain">
                     <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d857.3887321953619!2d72.84032775133845!3d19.236336472459364!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7b12358fed51f%3A0x736c72849b8e576b!2sMaheshwari%20Pragati%20Mandal%20.Borivali%20PlotLink!5e0!3m2!1sen!2sin!4v1676013154942!5m2!1sen!2sin" allowfullscreen=""></iframe>
                  </div>
               </div>
               <div class="col-md-6">
                  <div class="media small-media" >
                     <p class="con-title">Maheshwari Bhavan - Borivali</p>
                     <div class="media-left"> <a href="https://goo.gl/maps/nyT5voQspLj5f1YSA" target="
                        "> <i class="fa fa-map-marker highlight2"></i> </a> </div>
                     <div class="media-body">Behind Velikeni School, Near Yogi Nagar, <br>
                        Linking Road, Borivali (W) 
                        Mumbai – 400 091.  
                     </div>
                  </div>
                  <div class="media small-media">
                     <div class="media-left"> <a href="02226374253"> <i class="fa fa-phone highlight2"></i> </a> </div>
                     <div class="media-body"> 2637 4253 / &nbsp;&nbsp;54&nbsp;&nbsp;/&nbsp;&nbsp;55&nbsp;&nbsp;/&nbsp;&nbsp;33&nbsp;&nbsp;/&nbsp;&nbsp;36 </div>
                  </div>
                  <div class="media small-media">
                     <div class="media-left"> <a href="tel:+91 85915 28918"> <i class="fa fa-phone highlight2"></i> </a> </div>
                     <div class="media-body"> +91 85915 28918 </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   </div>
</section>
<section style="padding-bottom: 50px;">
   <div class="container">
      <div class="col-md-12 to_animate" data-animation="scaleAppear">
         <div class="row">
            <div class="col-md-4">
               <div class="media small-media">
                  <div class="media-left"> <i class="fa fa-envelope highlight2" aria-hidden="true"></i>  </div>
                  <div class="media-body"><b>Account Related Work</b><br><a href="mailto:accounts@mpmmumbai.in">accounts@mpmmumbai.in</a> </div>
               </div>
            </div>
            <div class="col-md-4">
               <div class="media small-media">
                  <div class="media-left"> <i class="fa fa-envelope highlight2" aria-hidden="true"></i> </div>
                  <div class="media-body">
                     <b>
                        <!-- Andheri Bhavan Booking Related and other Work -->Matrimony Related work
                     </b>
                     <br><a href="mailto:matrimonial@mpmmumbai.in">matrimonial@mpmmumbai.in</a> 
                  </div>
               </div>
            </div>
            <div class="col-md-4">
               <div class="media small-media">
                  <div class="media-left"> <i class="fa fa-envelope highlight2" aria-hidden="true"></i> </div>
                  <div class="media-body"><b>Any Type of Enquiry and all Samiti related Work</b><br><a href="mailto:info@mpmmumbai.in">info@mpmmumbai.in</a> </div>
               </div>
            </div>
         </div>
         <div class="row" style="margin-top:30px;"> 
            <div class="col-md-4">
               <div class="media small-media">
                  <div class="media-left"> <i class="fa fa-envelope highlight2" aria-hidden="true"></i></div>
                  <div class="media-body"><b>Girgaum Bhavan  Booking Related and other  Work</b><br><a href="mailto:booking.girgaum@mpmmumbai.in">booking.girgaum@mpmmumbai.in</a> </div>
               </div>
            </div>
            <div class="col-md-4">
               <div class="media small-media">
                  <div class="media-left"> <i class="fa fa-envelope highlight2" aria-hidden="true"></i> </div>
                  <div class="media-body"><b>Andheri Bhavan Booking Related and other Work</b><br><a href="mailto:booking.andheri@mpmmumbai.in">booking.andheri@mpmmumbai.in</a> </div>
               </div>
            </div>
            <div class="col-md-4">
               <div class="media small-media">
                  <div class="media-left"> <i class="fa fa-envelope highlight2" aria-hidden="true"></i>  </div>
                  <div class="media-body"><b>Any Types Of Enquiry Related To Shiksha Sahyog Samiti</b><br><a href="mailto:accounts@mpmmumbai.in">shikshasahyog@mpmmumbai.in</a> </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<!-- <section class="ls columns_padding_25 section_padding_bottom_100" style="padding-top: 50px;">
   <div class="container">
      <div class="row"> -->
<!-- <div class="col-sm-8 to_animate" data-animation="scaleAppear">
   <h3>Contact Form</h3>
   <form class="contact-form row columns_padding_10" method="post" action="http://webdesign-finder.com/html/diversify/">
   	<div class="col-sm-6">
   		<div class="form-group bottommargin_0"> <label for="name">Full Name <span class="required">*</span></label> <input type="text" aria-required="true" size="30" value="" name="name" id="name" class="form-control" placeholder="Full Name*"> </div>
   	</div>
   	<div class="col-sm-6">
   		<div class="form-group bottommargin_0"> <label for="email">Email address<span class="required">*</span></label> <input type="email" aria-required="true" size="30" value="" name="email" id="email" class="form-control" placeholder="Email Address*"> </div>
   	</div>
   	<div class="col-sm-6">
   		<div class="form-group bottommargin_0"> <label for="phone">Phone Number</label> <input type="text" size="30" value="" name="phone" id="phone" class="form-control" placeholder="Phone Number"> </div>
   	</div>
   	<div class="col-sm-6">
   		<div class="form-group bottommargin_0"> <label for="subject">Subject</label> <input type="text" size="30" value="" name="subject" id="subject" class="form-control" placeholder="Your Subject"> </div>
   	</div>
   	<div class="col-sm-12">
   		<div class="form-group bottommargin_0"> <label for="message">Message</label> <textarea aria-required="true" rows="5" cols="45" name="message" id="message" class="form-control" placeholder="Your Message..."></textarea> </div>
   	</div>
   	<div class="col-sm-12">
   		<div class="contact-form-submit topmargin_20"> <button type="submit" id="contact_form_submit" name="contact_submit" class="theme_button color2 min_width_button margin_0">Send now</button> </div>
   	</div>
   </form>
   </div> -->
<!--.col-* -->
<!-- <div class="col-sm-6 to_animate" data-animation="scaleAppear">
   <h3>Contact Us</h3>
   <div class="media small-media">
      <p class="con-title">Maheshwari Bhavan - Girgaon</p>
      <div class="media-left"> <a href="https://goo.gl/maps/7uUzTpGzhLqwTvr68" target="_blank"> <i class="fa fa-map-marker highlight2"></i> </a></div>
      <div class="media-body">Maheshwari Pragati Mandal, Mumbai<br> 603, Jaganath Shankar Seth Road,  Mumbai – 400 002. </div>
   </div>
   <div class="media small-media">
      <div class="media-left"> <a href="tel:02222005026"> <i class="fa fa-phone highlight2"></i> </a> </div>
      <div class="media-body"> 2200 5026 / &nbsp;&nbsp;27&nbsp;&nbsp;/&nbsp;&nbsp;28&nbsp;&nbsp;/&nbsp;&nbsp;33&nbsp;&nbsp;/&nbsp;&nbsp;36 </div>
   </div>
   <div class="map-div"><a href="https://goo.gl/maps/ujFYCzYXUpk7kaQu8" target="_blank">Map</a></div>
   <hr>
   <div class="media small-media">
      <p class="con-title">Maheshwari Bhavan - Andheri</p>
      <div class="media-left"> <a href="https://goo.gl/maps/KpKwygFz371njZys5" target="_blank"> <i class="fa fa-map-marker highlight2"></i> </a> </div>
      <div class="media-body">Plot No. R 14/15, Link Road Extension, <br>
         Oshiwara, Near Tarapur Garden, 
         Mumbai – 400 053 
      </div>
   </div>
   <div class="media small-media">
      <div class="media-left"> <a href="tel:02226374253"> <i class="fa fa-phone highlight2"></i> </a> </div>
      <div class="media-body"> 2637 4253 / &nbsp;&nbsp;54&nbsp;&nbsp;/&nbsp;&nbsp;55&nbsp;&nbsp;/&nbsp;&nbsp;33&nbsp;&nbsp;/&nbsp;&nbsp;36 </div>
   </div>
   <div class="map-div"><a href="https://goo.gl/maps/SHuYwVvBBGwxfwuU6" target="_blank">Map</a></div>
   <hr>
   <div class="media small-media">
      <p class="con-title">Maheshwari Bhavan - Borivali</p>
      <div class="media-left"> <a href="https://goo.gl/maps/nyT5voQspLj5f1YSA" target="
         "> <i class="fa fa-map-marker highlight2"></i> </a> </div>
      <div class="media-body">Behind Velikeni School, Near Yogi Nagar, <br>
         Linking Road, Borivali (W) 
         Mumbai – 400 091.  
      </div>
   </div>
   <div class="media small-media">
      <div class="media-left"> <a href="02226374253"> <i class="fa fa-phone highlight2"></i> </a> </div>
      <div class="media-body"> 2637 4253 / &nbsp;&nbsp;54&nbsp;&nbsp;/&nbsp;&nbsp;55&nbsp;&nbsp;/&nbsp;&nbsp;33&nbsp;&nbsp;/&nbsp;&nbsp;36 </div>
   </div>
   <div class="map-div"><a href="https://goo.gl/maps/d1m9cMFecDGXDhEA7" target="_blank">Map</a></div>
   <style type="text/css">
      .media-body b{font-size:14px;}
   </style>
   </div> -->
<!--.col-* -->
<!-- <div class="col-sm-6 to_animate mrg-tp" data-animation="scaleAppear">
   <div class="media small-media">
      <div class="media-left"> <i class="fa fa-envelope highlight2" aria-hidden="true"></i>  </div>
      <div class="media-body"><b>Account Related Work</b><br><a href="mailto:accounts@mpmmumbai.in">accounts@mpmmumbai.in</a> </div>
   </div>
   <div class="media small-media">
      <div class="media-left"> <i class="fa fa-envelope highlight2" aria-hidden="true"></i></div>
      <div class="media-body"><b>Girgaum Bhavan  Booking Related and other  Work</b><br><a href="mailto:booking.girgaum@mpmmumbai.in">booking.girgaum@mpmmumbai.in</a> </div>
   </div>
   <div class="media small-media">
      <div class="media-left"> <i class="fa fa-envelope highlight2" aria-hidden="true"></i> </div>
      <div class="media-body"><b>Andheri Bhavan Booking Related and other Work</b><br><a href="mailto:booking.andheri@mpmmumbai.in">booking.andheri@mpmmumbai.in</a> </div>
   </div>
   <div class="media small-media">
      <div class="media-left"> <i class="fa fa-envelope highlight2" aria-hidden="true"></i> </div>
      <div class="media-body">
         <b> -->
<!-- Andheri Bhavan Booking Related and other Work -->
<!-- Matrimony Related work
   </b>
   <br><a href="mailto:matrimonial@mpmmumbai.in">matrimonial@mpmmumbai.in</a> 
   </div>
   </div>
   <div class="media small-media">
   <div class="media-left"> <i class="fa fa-envelope highlight2" aria-hidden="true"></i> </div>
   <div class="media-body"><b>Any Type of Enquiry and all Samiti related Work</b><br><a href="mailto:info@mpmmumbai.in">info@mpmmumbai.in</a> </div>
   </div>
   <div class="media small-media">
   <div class="media-left"> <i class="fa fa-envelope highlight2" aria-hidden="true"></i>  </div>
   <div class="media-body"><b>Any Types Of Enquiry Related To Shiksha Sahyog Samiti</b><br><a href="mailto:accounts@mpmmumbai.in">shikshasahyog@mpmmumbai.in</a> </div>
   </div>
   </div>  -->
<!--.col-* -->
<!-- </div> -->
<!--.row -->
<!-- </div> -->
<!--.container -->
<!-- </section> -->
@endsection