@extends('frontend.master')
@section('content')
  <section class="page-title" style="background-image:url(images/background/bg-page-title.jpg);">
    	<div class="auto-container">
        	<div class="row clearfix">
            	<!--Title -->
            	<div class="title-column col-md-7 col-sm-6 col-xs-12">
                	<h1>Master Plan</h1>
                </div>
                <!--Bread Crumb -->
                <div class="breadcrumb-column col-md-5 col-sm-6 col-xs-12">
                    <ul class="bread-crumb clearfix">
                        <li><a href="{{route('f.home')}}">Home</a></li>
                     
                        <li class="active">Master Plan</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    
    
    <!--Gallery Single-->
    <div class="gallery-single-container">
    	<div class="auto-container">
        	
            <!--Upper Part-->
            <div class="upper-part">
            	<div class="row clearfix">
                	<!--Image Column-->
                    <div class="column image-column col-md-12 col-sm-12 col-xs-12">
                    	<figure class="image-box"><img src="{{URL::to('front/images/gallery/30.jpg')}}" alt=""></figure>
                    </div>
                </div>
            </div>
            
            <!--Text Content-->
            <div class="text-content">
            	<h2><strong>Property</strong> Description</h2>
                <div class="text">
                	<p>A residential housing plan at an extremely affordable rate with monthly installments.</p>
                </div>

                <h2><strong>Property</strong> Details</h2>
                <div class="text">
                    <p>We are driven to excellence with our beautiful residential plan to provide you high quality experience. We offer 3,5,7,10,20 Marla residential plots with 4 year installment plan.</p>
                </div>
            </div>

            <div class="upper-part">
                <div class="row clearfix">
                    <!--Image Column-->
                    <div class="column image-column col-md-12 col-sm-12 col-xs-12">
                        <figure class="image-box"><img src="{{URL::to('front/images/gallery/payment_plan.jpg')}}" alt=""></figure>
                    </div>
                </div>
            </div>
        </div>
    </div>

     <div class="gallery-box" id="gallery-popup3">
    <!--Bg Fade Layer-->
    <div class="bg-fade-layer"></div>
    
    <div class="popup-container">
        <div class="popup-content">
        
            <div class="popup-header">
                <button type="button" class="btn-close"><span class="fa fa-close"></span></button>
                <h3>Master Plan Interior Design</h3>
            </div>
            
            <div class="content-outer  ">
                
                <!--Vertical Slider-->
                <div class="vertical-slider">
                    
                    <!-- template -->
                    <div class="ms-vertical-template  ms-tabs-vertical-template">
                        <!-- masterslider -->
                        <div class="master-slider ms-skin-default" id="masterslider">
                        
                            <div class="ms-slide">
                                <img src="{{URL::to('front/images/gallery/33.jpg')}}" data-src="{{URL::to('front/images/gallery/33.jpg')}}" alt=""/>  
                                <img class="ms-thumb" src="{{URL::to('front/images/gallery/thumb-9.jpg')}}" alt="thumb" />
                            </div>
                            
                            <div class="ms-slide">
                                <img src="{{URL::to('front/images/gallery/33.jpg')}}" data-src="{{URL::to('front/images/gallery/33.jpg')}}" alt=""/>  
                                <img class="ms-thumb" src="{{URL::to('front/images/gallery/thumb-10.jpg')}}" alt="thumb" />
                            </div>
                            
                            <div class="ms-slide">
                                <img src="{{URL::to('front/images/gallery/33.jpg')}}"  data-src="{{URL::to('front/images/gallery/33.jpg')}}" alt=""/>  
                                <img class="ms-thumb" src="{{URL::to('front/images/gallery/thumb-11.jpg')}}" alt="thumb" />
                            </div>
                            
                            <div class="ms-slide">
                                <img src="{{URL::to('front/images/gallery/33.jpg')}}"  data-src="{{URL::to('front/images/gallery/33.jpg')}}"  alt=""/>  
                                <img class="ms-thumb" src="{{URL::to('front/images/gallery/thumb-12.jpg')}}" alt="thumb" />
                            </div>
                            
                            <div class="ms-slide">
                                <img src="{{URL::to('front/images/gallery/33.jpg')}}"  data-src="{{URL::to('front/images/gallery/33.jpg')}}"  alt=""/>  
                                <img class="ms-thumb" src="{{URL::to('front/images/gallery/thumb-11.jpg')}}" alt="thumb" />
                            </div>
                            
                            <div class="ms-slide">
                                <img src="{{URL::to('front/images/gallery/33.jpg')}}"  data-src="{{URL::to('front/images/gallery/33.jpg')}}"  alt=""/>  
                                <img class="ms-thumb" src="{{URL::to('front/images/gallery/thumb-12.jpg')}}" alt="thumb" />
                            </div>
                            
                        </div>
                        <!-- end of masterslider -->
                    </div>
                    <!-- end of template -->
    
                </div>
                
                <div class="lower-content">
                    <div class="desc-text">Liespsum dolor sit amet consectetur adipiscing elited do eiusmod tempor incididunt labore et dolore magna aliquauUt enimad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequated do eiusmod tempor incididunt ut laboreet dolore magna aliquduis iaculis arcu ut hendrerit pharetra elit augue pulvinar magna a consectetur eros quam eu orci.</div>
                
                    <div class="row clearfix">
                        <div class="column col-md-3 col-sm-6 col-xs-12">
                            <!--Styled List-->
                            <ul class="styled-list-one">
                                <li>Full Furnished</li>
                                <li>Royal Touch Painting</li>
                            </ul>
                        </div>
                        
                        <div class="column col-md-3 col-sm-6 col-xs-12">
                            <!--Styled List-->
                            <ul class="styled-list-one">
                                <li>Attach With Fridge</li>
                                <li>Attachd Bath Room</li>
                            </ul>
                        </div>
                        
                        <div class="column col-md-3 col-sm-6 col-xs-12">
                            <!--Styled List-->
                            <ul class="styled-list-one">
                                <li>Large Play Ground</li>
                                <li>Swimming Pool</li>
                            </ul>
                        </div>
                        
                        <div class="column col-md-3 col-sm-6 col-xs-12">
                            <!--Styled List-->
                            <ul class="styled-list-one">
                                <li>Full Furnished</li>
                                <li>Royal Touch Painting</li>
                            </ul>
                        </div>
                        
                        
                    </div>
                </div>
                
            </div>
            
        </div>
    <!--popup-content -->
    </div>
<!-- popup-container -->
</div>
    @stop