@extends('layouts.webmaster')
@section('page-links')
<style>
   .bhawas-sec h3 {
   text-align: center;
   font-size: 24px;
   margin-top: 15px;
   margin-bottom: 15px;
   }
   .bhawas-sec h4{
   text-align: center;
   font-size: 20px;
   margin-top: 15px;
   margin-bottom: 15px;
   }
   .bhawas-sec p{
	font-size: 18px;
   }
   .card{
   padding=0;
   }
   .card-wrapper{
   }
   .card-title{
	color: #f3702b;
	text-decoration: none;
   }
   .para{
	color: black;
	text-decoration: none;
   }
   .card a:link{
	color: black;
	text-decoration: none;
   }

   .banner{
      width:100%;
   }
   .banner img{
      width: 100%;
      height: 400px;
   }

   .section3 .row1{
      display: flex;
      margin-top: 40px;
   }

   .section3 .col{
      width: 19%;
      height: auto;
      margin: 10px;
      background: url(img/mbbox.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 5px;
   }

   .section3 .col.mdb1{
      
      background: url(img/images/girgaon.png);
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 5px;
   }
   .section3 .col.mdb2{
      
      background: url(img/images/andheri.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 5px;
   }
   .section3 .col.mdb3{
      
      background: url(img/images/mpm.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      border-radius: 5px;
   }
   .section3 .col.mdb4{
      
      background: url(img/images/borivali.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 5px;
   }
   .section3 .col.mdb5{
      
      background: url(img/images/Ghatkopar.png);
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 5px;
   }


   .mbbox {
   background: rgba(0, 0, 0, 0.426);
   padding: 60px 20px;
   text-align:center;
   border-radius: 5px;
   width: 100%;
   height: 100%;

   }
    .mbbox a {
   color: #fff;
   font-size: 20px;
   margin-bottom: 10px; 
   margin-top: 30px;
   opacity: 1;
   z-index: 111;
   }
   .ls a {
    color: #e85242;
}
@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;
	}
   .section3 .row1 {
    display: flex;
    margin-top: 40px;
    flex-direction: column;
}
   .section3 .col{
      width:100%;
   }
   .logo{
      display:none;
   }
 }  
</style>
@endsection
@section('page-content')

<section style="background-color:#971012;">
	<div class="banner">
		<img src="/img/images/bannerImg.jpg" alt="event-img">
	</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;">Room Booking</li>
            </ol>
         </div>
      </div>
   </div>
</section>

<section class="ls" style="padding-top:50px;">
   <div class="container">
      <div class="bhawas-sec">
         <h3 style="color: #E2181D; text-align:center; margin-top:20px;">Maheshwari Pragati Mandal</h3>
         <h4 style="margin-top:30px;">Mumbai has Bhavans spread across Mumbai for the benefit of its Members.</h4>
      </div>
   </div>
</section>

<section class="section3 ls">
	<div class="container">
	   <div class="row1">
		  <div class="col mdb1">
			 <div class="mbbox">
				{{-- <div><a href="javascript:void(0)" onclick="redirectbhavans(this.id)">Online Booking for Girgaon Bhavan</a></div> --}}
            <div><a href="http://booking.mpmmumbai.in/" target="_blank">Online Booking for Girgaon Bhavan</a></div>
			 </div>
		  </div>
		  <div class="col mdb2">
			 <div class="mbbox">
				{{-- <div><a href="javascript:void(0)" onclick="redirectbhavans(this.id)" >Online Booking for Andheri Bhavan</a></div> --}}
            <div><a  href="http://bookingandheri.mpmmumbai.in">Online Booking for Andheri Bhavan</a></div>
			 </div>
		  </div>
		  <div class="col mdb3">
			 <div class="mbbox">
				{{-- <div><a href="javascript:void(0)" onclick="redirectbhavans(this.id)">Offline Booking Form for Andheri Bhavan</a></div> --}}
            <div><a href="{{ asset('www/pdf/Andheri-Bhavan.pdf') }}" target="_blank">Offline Booking Form for Andheri Bhavan</a></div>
			 </div>
		  </div>
		  <div class="col mdb5">
			 <div class="mbbox">
				{{-- <div><a href="javascript:void(0)" onclick="redirectbhavans(this.id)">Offline Booking Form for Ghatkopar Bhavan</a> </div> --}}
            <div><a href="{{ asset('www/pdf/Ghatkopar-Bhavan.pdf') }}" target="_blank">Offline Booking Form for Ghatkopar Bhavan</a> </div>
			 </div>
		  </div>
		  <div class="col mdb4">
			 <div class="mbbox">
				{{-- <div><a href="javascript:void(0)" id="section5" onclick="redirectbhavans(this.id)">Offline Booking Form for Borivali Plot</a></div> --}}
            <div><a href="{{ asset('www/pdf/Borivali-Plot.pdf') }}" target="_blank">Offline Booking Form for Borivali Plot</a></div>
			 </div>
		  </div>
	   </div>
	</div>
 </section>

<section class="ls" style="padding-bottom:50px">
	<div class="container">
		<div class="bhawas-sec">
			<p style="text-align:center; margin-top:30px;">For details of our Bhavans please <a href="{{ route('website') }}/about-us#objectivemandal"> click here</a></p>
		</div>
	</div>
</section>

<!-- <section class="ls">
   <div class="container">
   	<div class="row">
   		<div class="col-md-12">
   			<div class="row color3">
   				<div class="col-sm-12">
   					<p>Maheshwari Pragati Mandal, Mumbai has Bhavans spread across Mumbai for the benefit of its Members.  For details of our Bhavans please <a href="{{ route('website') }}/about-us#objectivemandal"> click here</a>	</p>
   					<p><a href="http://booking.mpmmumbai.in/" target="_blank">- Online Booking for Girgaon Bhavan</a></p>
   					<p><a href="http://bookingandheri.mpmmumbai.in">Online Booking for Andheri Bhavan</a></p>
   					<p><a href="{{ asset('www/pdf/Andheri-Bhavan.pdf') }}" target="_blank">Offline Booking Form for Andheri Bhavan</a></p>
   					<p><a href="{{ asset('www/pdf/Ghatkopar-Bhavan.pdf') }}" target="_blank">Offline Booking Form for Ghatkopar Bhavan</a></p>
   					<p><a href="{{ asset('www/pdf/Borivali-Plot.pdf') }}" target="_blank">Offline Booking Form for Borivali Plot</a></p>
   
   				</div>
   				
   			</div>
   		</div>
   	</div>
   	
   	
   </div>
   </section> -->
@endsection