<!DOCTYPE html>
<html lang="en">
<head>
	<!-- META -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="" />
    <meta name="author" content="" />
    <meta name="robots" content="" />    
    <meta name="description" content="" />
    
    <!-- FAVICONS ICON -->
    <link rel="icon" href="assets/images/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png" />
    
    <!-- PAGE TITLE HERE -->
    <title>Shapen Template | Home Page Style 2</title>
    
    <!-- MOBILE SPECIFIC -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    
    
    <!-- BOOTSTRAP STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
    <!-- FONTAWESOME STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="assets/css/fontawesome/css/font-awesome.min.css" />
    <!-- OWL CAROUSEL STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.min.css">
    <!-- MAGNIFIC POPUP STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="assets/css/magnific-popup.min.css">
    <!-- LOADER STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="assets/css/loader.min.css"> 
    <!-- FLATICON STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="assets/css/flaticon.min.css">	
    <!-- MAIN STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <!-- Color Theme Change Css -->
    <link rel="stylesheet" class="skin" type="text/css" href="assets/css/skin/skin-1.css">  
    <!-- Side Switcher Css-->
    <link rel="stylesheet" type="text/css" href="assets/css/switcher.css"> 
    
    
    <!-- REVOLUTION SLIDER CSS -->
    <link rel="stylesheet" type="text/css" href="assets/plugins/revolution/revolution/css/settings.css">
	
    <!-- REVOLUTION NAVIGATION STYLE -->
    <link rel="stylesheet" type="text/css" href="assets/plugins/revolution/revolution/css/navigation.css">
    
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">  
	<link href="https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

</head>

<body>

	<div class="page-wraper"> 
        <!-- HEADER START -->
        <header class="site-header header-style-2 mobile-sider-drawer-menu">
			<!-- Search Form -->
            <div class="header-middle bg-white">
                <div class="container">
                    <div class="logo-header">
                        <a href="index.html">
                            <img src="assets/images/logo-light.png" width="216" height="37" alt="" />
                        </a>
                    </div>
                    <div class="header-info">
                        <ul>
                        	<li>
                                <div class="icon-sm">
                                    <span class="icon-cell  site-text-primary"><i class="fa fa-map-marker"></i></span>
                                </div>
                                <div class="icon-content">
                                    <strong>Newyork, USA</strong>
                                    <span>Flat 544, Reynolds Neck Str</span>
                                </div>
                            </li>
                            <li>
                           
                                <div class="icon-sm">
                                    <span class="icon-cell  site-text-primary"><i class="fa fa-phone"></i></span>
                                </div>
                                <div class="icon-content">
                                    <strong>+324 123 45 978</strong>
                                    <span>Mon - Friday: 9.00 to 18.00</span>
                                </div>
                            
                            </li>
                            <li class="btn-col-last">
                                <a href="contact-1.html" class="site-button-secondry btn-effect">Requet a Quote</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            
			<!-- Search Form -->
            <div class="sticky-header main-bar-wraper">
                <div class="main-bar header-botton nav-bg-secondry">
                    <div class="container">
                        <!-- NAV Toggle Button -->
                        <button id="mobile-side-drawer" data-target=".header-nav" data-toggle="collapse" type="button" class="navbar-toggler collapsed">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar icon-bar-first"></span>
                            <span class="icon-bar icon-bar-two"></span>
                            <span class="icon-bar icon-bar-three"></span>
                        </button>
                        <!-- ETRA Nav -->
                        <div class="extra-nav">
                            <div class="extra-cell">											
                                <a href="#search">
                                    <i class="fa fa-search"></i>
                                </a>
                            </div>
                            <div class="extra-cell">
                                <a href="#" class="contact-slide-show"><i class="fa fa-angle-left arrow-animation"></i></a>
                            </div>                                
                        </div>
                        <!-- ETRA Nav -->

                        <!-- Contact Nav -->                            
                        <div class="contact-slide-hide " style="background-image:url(assets/images/background/bg-5.png)"> 
                            <div class="contact-nav">
                                 <a href="javascript:void(0)" class="contact_close">&times;</a>
                                 <div class="contact-nav-form p-a30">
                                    <div class="contact-info   m-b30">
                         
                                        <div class="mt-icon-box-wraper center p-b30">
                                            <div class="icon-xs m-b20 scale-in-center"><i class="fa fa-phone"></i></div>
                                            <div class="icon-content">
                                                <h5 class="m-t0 font-weight-500">Phone number</h5>
                                                <p>(075) 123-7654</p>
                                            </div>
                                        </div>
                                        
                                        <div class="mt-icon-box-wraper center p-b30">
                                            <div class="icon-xs m-b20 scale-in-center"><i class="fa fa-envelope"></i></div>
                                            <div class="icon-content">
                                                <h5 class="m-t0 font-weight-500">Email address</h5>
                                                <p>7xthemehelp@gmail.com</p>
                                            </div>
                                        </div>
                                        
                                        <div class="mt-icon-box-wraper center p-b30">
                                            <div class="icon-xs m-b20 scale-in-center"><i class="fa fa-map-marker"></i></div>
                                            <div class="icon-content">
                                                <h5 class="m-t0 font-weight-500">Address info</h5>
                                                <p>201 Liverpool Street, Suite 721, London</p>
                                            </div>
                                        </div>
                                    </div>                                          
                                    <div class="full-social-bg">
                                          <ul>
                                                <li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
                                                <li><a href="#" class="google"><i class="fa fa-google"></i></a></li>
                                                <li><a href="#" class="instagram"><i class="fa fa-instagram"></i></a></li>
                                                <li><a href="#" class="tumblr"><i class="fa fa-tumblr"></i></a></li>
                                                <li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
                                                <li><a href="#" class="youtube"><i class="fa fa-youtube"></i></a></li>
                                          </ul>
                                    </div>
                                    <div class="text-center">
                                        <h4 class="font-weight-600">&copy;  2023 7xtheme</h4> 
                                    </div>                                                                    			
                                 </div>
                            </div> 
                        </div>     
                        <!-- SITE Search -->
                        <div id="search"> 
                            <span class="close"></span>
                            <form role="search" id="searchform" action="https://theme7x.com/search" method="get" class="radius-xl">
                                <div class="input-group">
                                    <input value="" name="q" type="search" placeholder="Type to search"/>
                                    <span class="input-group-btn"><button type="button" class="search-btn"><i class="fa fa-search arrow-animation"></i></button></span>
                                </div>   
                            </form>
                        </div>
                        
                        <!-- MAIN Nav -->
                        <div class="header-nav navbar-collapse collapse">
                            <ul class=" nav navbar-nav">
                                <li class="active">
                                    <a href="javascript:;">Home</a>
                                    <ul class="sub-menu">

                                        <li>
                                            <a href="index.html">Home-1</a>
                                        </li>
                                        <li>
                                            <a href="index-2.html">Home-2</a>
                                        </li>
                                        <li>
                                            <a href="index-3.html">Home-3 boxed style</a>
                                        </li> 
                                        <li>
                                            <a href="index-4.html">Home-4</a>
                                        </li>                                          
                                    </ul>                                                    
                                </li>

                                <li>
                                    <a href="about-1.html">About us</a>
                                </li> 
                                <li>
                                    <a href="services.html">Services</a>
                                </li> 
                                <li>
                                    <a href="javascript:;">Pages</a>
                                    <ul class="sub-menu">
                                        <li>
                                            <a href="javascript:;">Blog</a>
                                            <ul class="sub-menu has-child">
                                                <li><a href="blog-grid.html">Blog Grid</a></li>
                                                <li><a href="blog-listing.html">Blog Listing</a></li>
                                                <li><a href="blog-masonry.html">Blog Masonry</a></li>
                                            </ul>
                                        </li>                                        
                                        <li>
                                            <a href="faq.html">FAQ</a>
                                        </li>
                                        <li>
                                            <a href="error-404.html">Error 404</a>
                                        </li>                                            
                                        <li>
                                            <a href="contact-1.html">Contact us</a>
                                        </li>
                                    </ul>
                                </li>                                                                                                                                               
                                <li>
                                    <a href="javascript:;">Post detail</a>
                                    <ul class="sub-menu">
                                        <li><a href="post-image.html">Post Image</a></li>
                                        <li><a href="post-gallery.html">Post Gallery</a></li>
                                        <li><a href="post-video.html">Post Video</a></li>
                                        <li><a href="post-right-sidebar.html">Post Right Sidebar</a></li>                                        
                                    </ul>                                    
                                </li>                                         

                                <li>
                                    <a href="javascript:;">Projects</a>
                                    <ul class="sub-menu">
                                        <li><a href="project-grid.html">Project Grid</a></li>
                                        <li><a href="project-masonry.html">Project Masonry</a></li>
                                        <li><a href="project-carousel.html">Project Carousel</a></li>
                                        <li><a href="project-classic.html">Project Classic-1</a></li>
                                        <li><a href="project-classic2.html">Project Classic-2</a></li>
                                        <li><a href="project-detail.html">Project Detail</a></li>                                        
                                    </ul>
                                </li>
                                <li class="submenu-direction">
                                    <a href="javascript:;">Shortcodes</a>
                                    <ul class="sub-menu">
                                        <li><a href="accordian.html">Accordian</a></li>
                                        <li><a href="button.html">Button</a></li>
                                        <li><a href="icon_box.html">Icon box style</a></li>
                                        <li><a href="list_group.html">List group</a></li>
                                        <li><a href="modal_popup.html">Modal popup</a></li>
                                        <li><a href="tabs.html">Tabs</a></li>
                                        <li><a href="table.html">Table</a></li>
                                        <li><a href="video.html">Video  </a></li>
                                        <li><a href="icon-font.html">Icon Font </a></li> 
                                    </ul>                                    
                                </li>                                
                            </ul>
                        </div>
                    </div>
                </div>
            </div>            
            
        </header>
        <!-- HEADER END -->
        
        <!-- CONTENT START -->
        <div class="page-content">

                                            
            <!-- SLIDER START -->
            <div id="welcome_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="goodnews-header">
                <div id="rev_slider_one" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.3.1">
                    <ul>	
                        
                        <!-- SLIDE 1 -->
                        <li data-index="rs-901" 
                        data-transition="fade" 
                        data-slotamount="default" 
                        data-hideafterloop="0" 
                        data-hideslideonmobile="off"  
                        data-easein="default" 
                        data-easeout="default" 
                        data-masterspeed="default"  
                        data-thumb="assets/images/main-slider/slider2/slide1.jpg"  
                        data-rotate="0"  
                        data-fstransition="fade" 
                        data-fsmasterspeed="300" 
                        data-fsslotamount="7" 
                        data-saveperformance="off"  
                        data-title="" 
                        data-param1="" 
                        data-param2="" 
                        data-param3="" 
                        data-param4="" 
                        data-param5="" 
                        data-param6="" 
                        data-param7="" 
                        data-param8="" 
                        data-param9="" 
                        data-param10="" 
                        data-description="">
                            <!-- MAIN IMAGE -->
                            <img src="assets/images/main-slider/slider2/slide1.jpg" alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="">
                            <!-- LAYERS -->
                            <!-- LAYER NR. 1 [ for overlay ] -->
                            <div class="tp-caption tp-shape tp-shapewrapper " 
                            id="slide-901-layer-0" 
                            data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                            data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                            data-width="full"
                            data-height="full"
                            data-whitespace="nowrap"
                            data-type="shape" 
                            data-basealign="slide" 
                            data-responsive_offset="off" 
                            data-responsive="off"
                            data-frames='[
                            {"from":"opacity:0;","speed":1000,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},
                            {"delay":"wait","speed":1000,"to":"opacity:0;","ease":"Power4.easeOut"}
                            ]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index: 1;background-color:rgba(0, 0, 0, 0.0);border-color:rgba(0, 0, 0, 0);border-width:0px;"> 
                            </div>
                            
                            
                            
                                                        
                            <!-- LAYER NR. 4 [ for title ] -->
                            <div class="tp-caption   tp-resizeme" 
                            id="slide-901-layer-2" 
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']"
                            data-y="['middle','middle','middle','middle']" 
                            data-voffset="['-120','-120','-120','-120']" 
                            data-fontsize="['72','72','62','52']" 
                            data-lineheight="['82','82','72','62']" 
                            data-width="['700','700','700','500']"
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                        
                            data-type="text" 
                            data-responsive_offset="on" 
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[5,5,5,5]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                        
                            style="z-index: 13; 
                            white-space: normal; 
                            font-weight: 700;
                            color:#111;
                            border-width:0px;font-family: 'Poppins', sans-serif; text-transform:uppercase ;">
                            <div>We Build Your Dream</div>
                            
                            </div>
                        
                            <!-- LAYER NR. 5 [ for block] -->

                                

                            
                            <!-- LAYER NR. 5 [ for block] -->
                            <div class="tp-caption   tp-resizeme" 
                            id="slide-901-layer-4" 
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']" 
                            data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','20']" 
                            data-fontsize="['20','20','28','26']" 
                            data-lineheight="['28','28','48','38']" 
                            data-width="['600','600','700','500']" 
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                        
                            data-type="text" 
                            data-responsive_offset="on" 
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[5,5,5,5]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                        
                            style="z-index: 13; 
                            white-space: normal; 
                            font-weight: 500;
                            color:#111;
                                border-width:0px;font-family: 'Poppins', sans-serif;">
                            It is a long established fact that a reader will be distracted by the readable content.
                            
                            </div>                                                               
                        
                            <!-- LAYER NR. 6 [ for see all service botton ] -->
                            <div class="tp-caption tp-resizeme" 	
                            id="slide-901-layer-5"						
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['90','90','90','130']" 
                            data-lineheight="['none','none','none','none']" data-width="['300','300','300','300']" 
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                            
                            data-type="text" 
                            data-responsive_offset="on"
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index:100; text-transform:uppercase;margin:10px">
                            <a href="about-1.html" class="site-button-secondry btn-effect ">More About</a>
                            </div>
                            
                            <!-- LAYER NR. 6 [ for see all service botton ] -->
                            <div class="tp-caption tp-resizeme" 	
                            id="slide-901-layer-6"						
                            data-x="['left','left','left','left']" data-hoffset="['260','330','330','330']" 
                            data-y="['middle','middle','middle','middle']" data-voffset="['90','90','90','130']" 
                            data-lineheight="['none','none','none','none']" 
                            data-width="['300','300','300','300']" 
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                            
                            data-type="text" 
                            data-responsive_offset="on"
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index:100; text-transform:uppercase; margin:10px">
                            <a href="contact-1.html" class="site-button btn-effect">Contact Us</a>
                            </div>                                 

                        </li>

                        <!-- SLIDE 2 -->
                        <li data-index="rs-902" 
                        data-transition="fade" 
                        data-slotamount="default" 
                        data-hideafterloop="0" 
                        data-hideslideonmobile="off"  
                        data-easein="default" 
                        data-easeout="default" 
                        data-masterspeed="default"  
                        data-thumb="assets/images/main-slider/slider2/slide2.jpg"  
                        data-rotate="0"  
                        data-fstransition="fade" 
                        data-fsmasterspeed="300" 
                        data-fsslotamount="7" 
                        data-saveperformance="off"  
                        data-title="" 
                        data-param1="" 
                        data-param2="" 
                        data-param3="" 
                        data-param4="" 
                        data-param5="" 
                        data-param6="" 
                        data-param7="" 
                        data-param8="" 
                        data-param9="" 
                        data-param10="" 
                        data-description="">
                            <!-- MAIN IMAGE -->
                            <img src="assets/images/main-slider/slider2/slide2.jpg" alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="">
                            <!-- LAYERS -->
                            <!-- LAYER NR. 1 [ for overlay ] -->
                            <div class="tp-caption tp-shape tp-shapewrapper " 
                            id="slide-902-layer-0" 
                            data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                            data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                            data-width="full"
                            data-height="full"
                            data-whitespace="nowrap"
                            data-type="shape" 
                            data-basealign="slide" 
                            data-responsive_offset="off" 
                            data-responsive="off"
                            data-frames='[
                            {"from":"opacity:0;","speed":1000,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},
                            {"delay":"wait","speed":1000,"to":"opacity:0;","ease":"Power4.easeOut"}
                            ]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index: 1;background-color:rgba(0, 0, 0, 0.0);border-color:rgba(0, 0, 0, 0);border-width:0px;"> 
                            </div>
                            
                            
                            
                                                        
                            <!-- LAYER NR. 4 [ for title ] -->
                            <div class="tp-caption   tp-resizeme" 
                            id="slide-902-layer-2" 
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']"
                            data-y="['middle','middle','middle','middle']" 
                            data-voffset="['-120','-120','-120','-120']" 
                            data-fontsize="['72','72','62','52']" 
                            data-lineheight="['82','82','72','62']" 
                            data-width="['700','700','700','500']"
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                        
                            data-type="text" 
                            data-responsive_offset="on" 
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[5,5,5,5]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                        
                            style="z-index: 13; 
                            white-space: normal; 
                            font-weight: 700;
                            color:#111;
                            border-width:0px;font-family: 'Poppins', sans-serif; text-transform:uppercase ;">
                            <div>From concept to creation.</div>
                            
                            </div>
                        
                            <!-- LAYER NR. 5 [ for block] -->

                                

                            
                            <!-- LAYER NR. 5 [ for block] -->
                            <div class="tp-caption   tp-resizeme" 
                            id="slide-902-layer-4" 
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']" 
                            data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','20']" 
                            data-fontsize="['20','20','28','26']" 
                            data-lineheight="['28','28','48','38']" 
                            data-width="['600','600','700','500']" 
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                        
                            data-type="text" 
                            data-responsive_offset="on" 
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[5,5,5,5]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                        
                            style="z-index: 13; 
                            white-space: normal; 
                            font-weight: 500;
                            color:#111;
                                border-width:0px;font-family: 'Poppins', sans-serif;">
                            It is a long established fact that a reader will be distracted by the readable content.
                            
                            </div>                                                               
                        
                            <!-- LAYER NR. 6 [ for see all service botton ] -->
                            <div class="tp-caption tp-resizeme" 	
                            id="slide-902-layer-5"						
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['90','90','90','130']" 
                            data-lineheight="['none','none','none','none']" data-width="['300','300','300','300']" 
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                            
                            data-type="text" 
                            data-responsive_offset="on"
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index:100; text-transform:uppercase;margin:10px">
                            <a href="about-1.html" class="site-button-secondry btn-effect ">More About</a>
                            </div>
                            
                            <!-- LAYER NR. 6 [ for see all service botton ] -->
                            <div class="tp-caption tp-resizeme" 	
                            id="slide-902-layer-6"						
                            data-x="['left','left','left','left']" data-hoffset="['260','330','330','330']" 
                            data-y="['middle','middle','middle','middle']" data-voffset="['90','90','90','130']" 
                            data-lineheight="['none','none','none','none']" 
                            data-width="['300','300','300','300']" 
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                            
                            data-type="text" 
                            data-responsive_offset="on"
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index:100; text-transform:uppercase; margin:10px">
                            <a href="contact-1.html" class="site-button btn-effect">Contact Us</a>
                            </div>                                 

                        </li>
                        
                        
                        <!-- SLIDE 3-->
                        <li data-index="rs-903" 
                        data-transition="fade" 
                        data-slotamount="default" 
                        data-hideafterloop="0" 
                        data-hideslideonmobile="off"  
                        data-easein="default" 
                        data-easeout="default" 
                        data-masterspeed="default"  
                        data-thumb="assets/images/main-slider/slider2/slide3.jpg"  
                        data-rotate="0"  
                        data-fstransition="fade" 
                        data-fsmasterspeed="300" 
                        data-fsslotamount="7" 
                        data-saveperformance="off"  
                        data-title="" 
                        data-param1="" 
                        data-param2="" 
                        data-param3="" 
                        data-param4="" 
                        data-param5="" 
                        data-param6="" 
                        data-param7="" 
                        data-param8="" 
                        data-param9="" 
                        data-param10="" 
                        data-description="">
                            <!-- MAIN IMAGE -->
                            <img src="assets/images/main-slider/slider2/slide3.jpg" alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="">
                            <!-- LAYERS -->
                            <!-- LAYER NR. 1 [ for overlay ] -->
                            <div class="tp-caption tp-shape tp-shapewrapper " 
                            id="slide-903-layer-0" 
                            data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                            data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                            data-width="full"
                            data-height="full"
                            data-whitespace="nowrap"
                            data-type="shape" 
                            data-basealign="slide" 
                            data-responsive_offset="off" 
                            data-responsive="off"
                            data-frames='[
                            {"from":"opacity:0;","speed":1000,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},
                            {"delay":"wait","speed":1000,"to":"opacity:0;","ease":"Power4.easeOut"}
                            ]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index: 1;background-color:rgba(0, 0, 0, 0.0);border-color:rgba(0, 0, 0, 0);border-width:0px;"> 
                            </div>
                    
                            <!-- LAYER NR. 4 [ for title ] -->
                            <div class="tp-caption   tp-resizeme" 
                            id="slide-903-layer-2" 
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['-120','-120','-120','-120']" 
                            data-fontsize="['72','72','62','52']" 
                            data-lineheight="['82','82','72','62']" 
                            data-width="['700','700','700','500']" 
                            data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                        
                            data-type="text" 
                            data-responsive_offset="on" 
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[5,5,5,5]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                        
                            style="z-index: 13; 
                            white-space: normal; 
                            font-weight: 700;
                            color:#111;
                            border-width:0px;font-family: 'Poppins', sans-serif; text-transform:uppercase ;">
                            <div>Making dreams come to life</div>
                            
                            </div>
                        
                            <!-- LAYER NR. 5 [ for block] -->

                            <!-- LAYER NR. 5 [ for block] -->
                            <div class="tp-caption   tp-resizeme" 
                            id="slide-903-layer-4" 
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','20']" data-fontsize="['20','20','28','26']" data-lineheight="['28','28','48','38']" data-width="['600','600','700','500']" data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                        
                            data-type="text" 
                            data-responsive_offset="on" 
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[5,5,5,5]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                        
                            style="z-index: 13; 
                            white-space: normal; 
                            font-weight: 500;
                            color:#111;
                                border-width:0px;font-family: 'Poppins', sans-serif;">
                            It is a long established fact that a reader will be distracted by the readable content.
                            
                            </div>                                                               
                        
                            <!-- LAYER NR. 6 [ for see all service botton ] -->
                            <div class="tp-caption tp-resizeme" 	
                            id="slide-903-layer-5"						
                            data-x="['left','left','left','left']" data-hoffset="['50','130','130','130']" data-y="['middle','middle','middle','middle']" data-voffset="['90','90','90','130']" data-lineheight="['none','none','none','none']" data-width="['300','300','300','300']" data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                            
                            data-type="text" 
                            data-responsive_offset="on"
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index:100; text-transform:uppercase;margin:10px">
                            <a href="about-1.html" class="site-button-secondry btn-effect">More About</a>
                            </div>
                            
                            <!-- LAYER NR. 6 [ for see all service botton ] -->
                            <div class="tp-caption tp-resizeme" 	
                            id="slide-903-layer-6"						
                            data-x="['left','left','left','left']" data-hoffset="['260','330','330','330']" data-y="['middle','middle','middle','middle']" data-voffset="['90','90','90','130']" data-lineheight="['none','none','none','none']" data-width="['300','300','300','300']" data-height="['none','none','none','none']"
                            data-whitespace="['normal','normal','normal','normal']"
                            
                            data-type="text" 
                            data-responsive_offset="on"
                            data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                            data-textAlign="['left','left','left','left']"
                            data-paddingtop="[0,0,0,0]"
                            data-paddingright="[0,0,0,0]"
                            data-paddingbottom="[0,0,0,0]"
                            data-paddingleft="[0,0,0,0]"
                            
                            style="z-index:100; text-transform:uppercase; margin:10px">
                            <a href="contact-1.html" class="site-button btn-effect">Contact Us</a>
                            </div>                              

                        </li>                                                                                             

                         
                    </ul>
                    <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>	
                </div>
            </div>
            <!-- SLIDER END -->
            
            <!-- OUR SPECIALLIZATION START -->
            <div class="section-full bg-white slider-half-part about-info2-wrap">
				<div class="container">
                    <!-- IMAGE CAROUSEL START -->
                    <div class="section-content">
                        <div class="row d-flex justify-content-center">
                        	<div class="col-lg-4 col-md-6 m-b30">
                            	<div class="half-blocks">
                                    <div class="mt-icon-box-wraper center m-b30">
                                        <div class="half-block-content icon-count-2 p-a30 p-tb50">
                                            <span class="icon-count-number">1</span>
                                            <div class="mt-icon-box-lg radius bg-gray m-b20 scale-in-center">
                                                <span class="icon-cell"><img src="assets/images/icon/compass.png" alt=""></span>
                                            </div>
                                            <div class="icon-content">
                                                <h4 class="mt-tilte m-b25">Architecture Design</h4>
                                                <p>lorem Ipsum available, but the majority have suffered alterati on in some form, by ious by accident.</p>
                                                <a href="about-1.html" class="site-button-link" data-hover="Read More">Read More <i class="fa fa-angle-right arrow-animation"></i></a>
                                            </div>
                                        </div>
                                        <div class="bg-cover  half-blocks-bg" style="background-image:url(assets/images/services/1.jpg)"></div>
                                    </div>
                                </div>
                            </div>
                        	<div class="col-lg-4 col-md-6 m-b30">
                                <div class="half-blocks">
                                    <div class="mt-icon-box-wraper center m-b30">
                                        <div class="half-block-content icon-count-2 bg-gray p-a30 p-tb50">
                                            <span class="icon-count-number">2</span>
                                            <div class="mt-icon-box-lg radius bg-gray m-b20 scale-in-center">
                                                <span class="icon-cell"><img src="assets/images/icon/crane-1.png" alt=""></span>
                                            </div>
                                            <div class="icon-content">
                                                <h4 class="mt-tilte m-b25">Building Construction</h4>
                                                <p>lorem Ipsum available, but the majority have suffered alterati on in some form, by ious by accident.</p>
                                                <a href="about-1.html" class="site-button-link" data-hover="Read More">Read More <i class="fa fa-angle-right arrow-animation"></i></a>
                                            </div>
                                        </div>
                                        <div class="bg-cover  half-blocks-bg" style="background-image:url(assets/images/services/3.jpg)"></div>
                                    </div>                                                            
                                </div>
                            </div>
                        	<div class="col-lg-4 col-md-6 m-b0">
                                <div class="half-blocks">
                                    <div class="mt-icon-box-wraper center m-b30">
                                        <div class="half-block-content icon-count-2 bg-gray p-a30 p-tb50">
                                            <span class="icon-count-number">3</span>
                                            <div class="mt-icon-box-lg radius bg-gray m-b20 scale-in-center">
                                                <span class="icon-cell"><img src="assets/images/icon/renovation.png" alt=""></span>
                                            </div>
                                            <div class="icon-content">
                                                <h4 class="mt-tilte m-b25">Building Renovation</h4>
                                                <p>lorem Ipsum available, but the majority have suffered alterati on in some form, by ious by accident.</p>
                                                <a href="about-1.html" class="site-button-link" data-hover="Read More">Read More <i class="fa fa-angle-right arrow-animation"></i></a>
                                            </div>
                                        </div>
                                        <div class="bg-cover  half-blocks-bg" style="background-image:url(assets/images/services/2.jpg)"></div>
                                    </div>
                                </div>                              
                            </div>
                        	                            
                        </div>
                    </div>
                </div>
             </div>   
            <!-- OUR SPECIALLIZATION END --> 

            <!-- ABOUT COMPANY START -->
            <div class="section-full " style="background-image:url(assets/images/background/bg-map.png)">
                <div class="services-half-section-top " >
                    <div class="container">
                        <!-- TITLE START -->
                        <div class="section-head">
                            <div class="mt-separator-outer separator-left text-wh">
                                <div class="mt-separator">
                                    <h2 class="text-uppercase sep-line-one "><span class="font-weight-300 site-text-primary">About</span> Company</h2>
                                </div>
                                
                            </div>
                        </div>                   
                        <!-- TITLE END --> 
    
                            <div class="section-content">
                                <div class="row">
                                    <div class="col-xl-8 col-lg-12 col-md-12">
                                        <div class="owl-carousel about-home about-home-v2 owl-dots-bottom-left">
                                            <!-- COLUMNS 1 --> 
                                            <div class="item ">
                                                <div class="mt-img-effect zoom-slow">
                                                    <a href="about-1.html"><img src="assets/images/gallery/pic8.jpg" alt=""></a>
                                               </div>
                                            </div>
                                            <!-- COLUMNS 2 --> 
                                            <div class="item ">
                                                <div class="mt-img-effect zoom-slow">
                                                    <a href="about-1.html"><img src="assets/images/gallery/pic6.jpg" alt=""></a>
                                               </div>
                                            </div>
                                            <!-- COLUMNS 3 --> 
                                            <div class="item ">
                                                <div class="mt-img-effect zoom-slow">
                                                    <a href="about-1.html"><img src="assets/images/gallery/pic9.jpg" alt=""></a>
                                               </div>
                                            </div>
                                            <!-- COLUMNS 4 --> 
                                            <div class="item ">
                                                <div class="mt-img-effect zoom-slow">
                                                    <a href="about-1.html"><img src="assets/images/gallery/pic2.jpg" alt=""></a>
                                               </div>
                                            </div>
                                            <!-- COLUMNS 5 --> 
                                            <div class="item ">
                                                <div class="mt-img-effect zoom-slow">
                                                    <a href="about-1.html"><img src="assets/images/gallery/pic3.jpg" alt=""></a>
                                               </div>
                                            </div>                                                                                                                                                                
                                       </div>
                                    </div>
                                    
                                    <div class="col-xl-4 col-lg-12 col-md-12">
                                        <div class="about-home-right about-right-v2 site-bg-primary text-black p-a30">
                                            <h3 class="m-t0"><span class="font-weight-100">Committed</span> to superior quality and  results.</h3>
                                            <p><strong>Contrary to popular belief, lorem Ipsum is not 
                                                    simply text. It has roots in a piece of 
                                                    classical Latin literature from 45 BC, making it 
                                                    over 2000 years old.</strong></p>
                                            
                                            <div class="text-left">
                                                <a href="about-1.html" class="site-button-secondry btn-effect">Read More</a>
                                            </div>                                                    
                                        </div>
                                    </div>
                                </div>
                           </div>
                     </div>
                </div>     
                
                <div class="services-half-section-bottom p-t80 p-b50  bg-secondry bg-cover bg-center bg-no-repeat" style="background-image:url(assets/images/background/bg5.jpg)">
                    <div class="container">
                        <div class="section-content">
                            <div class="row">
                                
                                <div class="col-lg-3 col-md-6 col-sm-6">
                                    <div class="site-text-primary mt-icon-box-wraper left m-b30">
                                        <span class="icon-md p-t10">
                                            <i class="flaticon-city"></i>
                                        </span>
                                        <div class="icon-content text-white">                                
                                            <div class="counter font-50 font-weight-800 m-b5">2500</div>
                                            <span class="font-16">Projects Done</span>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-lg-3 col-md-6 col-sm-6">
                                    <div class="site-text-primary mt-icon-box-wraper left m-b30">
                                        <span class="icon-md p-t10">
                                            <i class="flaticon-worker"></i>
                                        </span>
                                        <div class="icon-content text-white">                                
                                            <div class="counter font-50 font-weight-800 m-b5">1500</div>
                                            <span class="font-16">Happy Client</span>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-lg-3 col-md-6 col-sm-6">
                                    <div class="site-text-primary mt-icon-box-wraper left m-b30">
                                        <span class="icon-md p-t10">
                                            <i class="flaticon-crane"></i>
                                        </span>
                                        <div class="icon-content text-white">                                
                                            <div class="counter font-50 font-weight-800 m-b5">840</div>
                                            <span class="font-16">Industries Served</span>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-lg-3 col-md-6 col-sm-6">
                                    <div class="site-text-primary mt-icon-box-wraper left m-b30">
                                        <span class="icon-md p-t10">
                                            <i class="flaticon-art-and-design"></i>
                                        </span>
                                        <div class="icon-content text-white">                                
                                            <div class="counter font-50 font-weight-800 m-b5">180</div>
                                            <span class="font-16">Renovate</span>
                                        </div>
                                    </div>
                                </div>
                            
                           </div>
                        </div>
                    </div>
             
                </div>
            </div>   
            <!-- ABOUT COMPANY END -->
            
            <!-- OUR VALUE START -->
            <div class="section-full p-t80 p-b50 bg-white mobile-page-padding">
                <div class="container">

						<div class="section-content">
                        	<div class="row">
                                <div class="col-lg-7 col-md-12">
                                	<div class="video-section-full-v2">
                                        <div class="video-section-full bg-no-repeat bg-cover overlay-wraper m-b30" style="background-image:url(assets/images/video-bg2.jpg)">
                                            <div class="overlay-main bg-black opacity-04"></div>
                                            <div class="video-section-inner">
                                                <div class="video-section-content">
                                                <div class="video-section-left">
                                                     <a href="https://player.vimeo.com/video/34741214?color=ffffff&amp;title=0&amp;byline=0&amp;portrait=0" class="mfp-video play-now">
                                                        <i class="icon fa fa-play"></i>
                                                        <span class="ripple"></span>
                                                    </a>  
                                                </div>
                                                <div class="video-section-right">
                                                    <a href="https://player.vimeo.com/video/34741214?color=ffffff&amp;title=0&amp;byline=0&amp;portrait=0" class="mfp-video font-weight-600 text-uppercase">Video Presentation</a>
                                                </div>
                                            </div> 
                                            </div>  
                                        </div>
                                    </div>                                      	                                	
                                </div>                            
                            	<div class="col-lg-5 col-md-12">
                                    <!-- TITLE START -->
                                    <div class="video-part-2">
                                        <h3><span class="font-weight-100">We will provide</span> you the best work which you dreamt for!</h3>
                                        <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.there are many variations of passages of Ipsum available,</p> 
                                        <ul class="list-angle-right anchor-line">
                                            <li><a href="services.html">Construction Management</a></li>
                                            <li><a href="services.html">Pre Construction Services</a></li>
                                            <li><a href="services.html">Contract Administration</a></li>
                                        </ul>                                           
                                    </div>                   
                                    <!-- TITLE END -->
                                    <div class="author-info author-info-v2 p-t20">
                                    
                                        <div class="author-signature">
                                            <img src="assets/images/Signature%2bBlack.png" alt="Signature" width="150">
                                        </div>
                                        <div class="author-name">
                                            <h4 class="m-t0">David Houkr</h4>
                                            <p>Architect & Founder</p>
                                        </div>
                                    </div>                                  
                                     
                                                                                                			
                           		</div>
                    		</div>
                       </div>
                 </div>
            </div>   
            <!-- OUR VALUE END -->            
            
            <!-- OUR MISSION START -->
            <div class="section-full site-bg-dark ">
				<div class="section-content">
                    <div class="container get-in-touch-form">
                        
                        <div class="row">

                            <div class="col-lg-6 col-md-6">
                                <div class="contact-home1-left contact-home1-left-v2 site-bg-dark p-a30 m-b30 p-t50">
                                    <h3 class="text-white m-t0"><span class="font-weight-100">Get In</span> Touch</h3>
                                    <form class="cons-contact-form2 form-transparent" method="post" action="https://theme7x.com/shapen/form-handler2.php">
                                      
                                        <div class="input input-animate">
                                            <label for="name">Name</label>
                                            <input type="text" name="username"  id="name" required>
                                            <span class="spin"></span>
                                        </div>
                                        
                                        <div class="input input-animate">
                                            <label for="email">Email</label>
                                            <input type="email" name="email"   id="email" required>
                                            <span class="spin"></span>
                                        </div> 
                                        
                                        <div class="input input-animate">
                                            <label for="Phone">Phone</label>
                                            <input type="text" name="phone"  id="Phone" required>
                                            <span class="spin"></span>
                                        </div>   
                                        
                                        <div class="input input-animate">
                                            <label for="message">Textarea</label>
                                            <textarea name="message"  id="message" required></textarea>
                                            <span class="spin"></span>
                                        </div>
                                        
                                        <div class="text-left p-t10">
                                            <button type="submit" class="site-button btn-effect ">
                                              Submit Now
                                            </button>
                                        </div>    
                                    </form>
                                </div>
                            </div> 
                            
                        
                            <div class="get-in-touch-form-section">
                                <div class="get-in-touch-form-section-img"><img src="assets/images/s-pic-1.png" alt=""></div>
                                <div class="get-in-touch-info arrow-animation">
                                    <div class="mt-icon-box-wraper  p-a20 left bg-white hover-shadow">
                                        <div class="icon-md m-b20 scale-in-center">
                                            <span class="icon-cell text-secondry"><img src="assets/images/icon/icon-img-01.png" alt=""></span>
                                        </div>
                                        <div class="icon-content">
                                            <h4 class="mt-tilte m-b0">Great Experience for Building Constrction & Renovation</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                               
                            
                        </div>
                    </div>
                </div>
                  
            </div>   
            <!-- OUR MISSION  END -->
            
            <!-- OUR SERVICES START -->
            <div class="section-full p-t80 p-b50 bg-white mobile-page-padding" style="background-image:url(assets/images/background/ptn-1.png)">
				<div class="section-content">
                  
                    <div class="container">
                        <!-- TITLE START -->
                        <div class="section-head m-b50"> 
                            <div class="mt-separator-outer separator-left">
                                <div class="mt-separator">
                                    <h2 class="text-uppercase sep-line-one "><span class="font-weight-300 site-text-primary">Our</span> Services</h2>
                                </div>
                            </div>
                            <h3>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration</h3>
                        </div>                  
                        <!-- TITLE END -->
                        
                        <div class="row services-v2 no-col-gap">
                            <div class="col-lg-3 col-md-6 col-sm-6">
                                
                                <div class="mt-icon-box-wraper bdr-l-1 bdr-solid bdr-gray">
                                    <div class="relative  p-a30">
                                        
                                        <div class="icon-md inline-icon m-b15 site-text-primary scale-in-center">
                                            <span class="icon-cell"><img src="assets/images/icon/crane-1.png" alt=""></span>
                                        </div>
                                        <div class="icon-content">
                                            <h4 class="mt-tilte m-b25">Building <br>Construction</h4>
                                            <p>lorem Ipsum available, but the majority have suffered alterati on in some form, by ious by accident.</p>
                                            <a href="services.html" class="site-button-link" data-hover="Read More">Read More <i class="fa fa-angle-right arrow-animation"></i></a>
                                        </div>
                                    </div>
                                </div>                            	
                                
                            </div>
                            
                            <div class="col-lg-3 col-md-6 col-sm-6">
                                
                                <div class="mt-icon-box-wraper bdr-l-1 bdr-solid bdr-gray">
                                    <div class="relative   p-a30 ">
                                        
                                        <div class="icon-md inline-icon m-b15 site-text-primary scale-in-center">
                                            <span class="icon-cell"><img src="assets/images/icon/renovation.png" alt=""></span>
                                        </div>
                                        <div class="icon-content">
                                            <h4 class="mt-tilte m-b25">Building <br>Renovation</h4>
                                            <p>lorem Ipsum available, but the majority have suffered alterati on in some form, by ious by accident.</p>
                                            <a href="services.html" class="site-button-link" data-hover="Read More">Read More <i class="fa fa-angle-right arrow-animation"></i></a>
                                        </div>
                                    </div>
                                </div>                            	
                                
                            </div>

                            <div class="col-lg-3 col-md-6 col-sm-6">
                                
                                <div class="mt-icon-box-wraper bdr-l-1 bdr-solid bdr-gray">
                                    <div class="relative p-a30 ">
                                        
                                        <div class="icon-md inline-icon m-b15 site-text-primary scale-in-center">
                                            <span class="icon-cell"><img src="assets/images/icon/toolbox.png" alt=""></span>
                                        </div>
                                        <div class="icon-content">
                                            <h4 class="mt-tilte m-b25">Building <br>Maintenance</h4>
                                            <p>lorem Ipsum available, but the majority have suffered alterati on in some form, by ious by accident.</p>
                                            <a href="services.html" class="site-button-link" data-hover="Read More">Read More <i class="fa fa-angle-right arrow-animation"></i></a>
                                        </div>
                                    </div>
                                </div>                            	
                                
                            </div>

                            <div class="col-lg-3 col-md-6 col-sm-6">
                                
                                <div class="mt-icon-box-wraper bdr-l-1 bdr-solid bdr-gray">
                                    <div class="relative   p-a30 ">
                                        
                                        <div class="icon-md inline-icon m-b15 site-text-primary scale-in-center">
                                            <span class="icon-cell"><img src="assets/images/icon/compass.png" alt=""></span>
                                        </div>
                                        <div class="icon-content">
                                            <h4 class="mt-tilte m-b25">Architecture<br>Design</h4>
                                            <p>lorem Ipsum available, but the majority have suffered alterati on in some form, by ious by accident.</p>
                                            <a href="services.html" class="site-button-link" data-hover="Read More">Read More <i class="fa fa-angle-right arrow-animation"></i></a>
                                        </div>
                                    </div>
                                </div>                            	
                                
                            </div>
                            
                            <div class="col-lg-3 col-md-6 col-sm-6">
                                
                                <div class="mt-icon-box-wraper bdr-l-1 bdr-solid bdr-gray">
                                    <div class="relative   p-a30 ">
                                        
                                        <div class="icon-md inline-icon m-b15 site-text-primary scale-in-center">
                                            <span class="icon-cell"><img src="assets/images/icon/idea.png" alt=""></span>
                                        </div>
                                        <div class="icon-content">
                                            <h4 class="mt-tilte m-b25">Construction <br> Consultant</h4>
                                            <p>lorem Ipsum available, but the majority have suffered alterati on in some form, by ious by accident.</p>
                                            <a href="services.html" class="site-button-link" data-hover="Read More">Read More <i class="fa fa-angle-right arrow-animation"></i></a>
                                        </div>
                                    </div>
                                </div>                            	
                                
                            </div>
                            
                            <div class="col-lg-3 col-md-6 col-sm-6">
                                
                                <div class="mt-icon-box-wraper bdr-l-1 bdr-solid bdr-gray">
                                    <div class="relative  p-a30 ">
                                        
                                        <div class="icon-md inline-icon m-b15 site-text-primary scale-in-center">
                                            <span class="icon-cell"><img src="assets/images/icon/dump-truck.png" alt=""></span>
                                        </div>
                                        <div class="icon-content">
                                            <h4 class="mt-tilte m-b25">Material <br> Supply</h4>
                                            <p>lorem Ipsum available, but the majority have suffered alterati on in some form, by ious by accident.</p>
                                            <a href="services.html" class="site-button-link" data-hover="Read More">Read More <i class="fa fa-angle-right arrow-animation"></i></a>
                                        </div>
                                    </div>
                                </div>                            	
                                
                            </div>

                            <div class="col-lg-3 col-md-6 col-sm-6">
                                
                                <div class="mt-icon-box-wraper bdr-l-1 bdr-solid bdr-gray">
                                    <div class="relative  p-a30">
                                        
                                        <div class="icon-md inline-icon m-b15 site-text-primary scale-in-center">
                                            <span class="icon-cell"><img src="assets/images/icon/architecture.png" alt=""></span>
                                        </div>
                                        <div class="icon-content">
                                            <h4 class="mt-tilte m-b25">House <br> Renovation</h4>
                                            <p>lorem Ipsum available, but the majority have suffered alterati on in some form, by ious by accident.</p>
                                            <a href="services.html" class="site-button-link" data-hover="Read More">Read More <i class="fa fa-angle-right arrow-animation"></i></a>
                                        </div>
                                    </div>
                                </div>                            	
                                
                            </div>

                            <div class="col-lg-3 col-md-6 col-sm-6">
                                
                                <div class="mt-icon-box-wraper bdr-l-1 bdr-solid bdr-gray">
                                    <div class="relative p-a30 ">
                                        
                                        <div class="icon-md inline-icon m-b15 site-text-primary scale-in-center">
                                            <span class="icon-cell"><img src="assets/images/icon/planning.png" alt=""></span>
                                        </div>
                                        <div class="icon-content">
                                            <h4 class="mt-tilte m-b25">Interior <br>Design</h4>
                                            <p>lorem Ipsum available, but the majority have suffered alterati on in some form, by ious by accident.</p>
                                            <a href="services.html" class="site-button-link" data-hover="Read More">Read More <i class="fa fa-angle-right arrow-animation"></i></a>
                                        </div>
                                    </div>
                                </div>                            	
                                
                            </div>                                										
                                                                                        
                        </div>
                                        
                    </div>

                </div>
                   
            </div>   
            <!-- OUR SERVICES  END -->
            			
            <!-- CALL US SECTION START -->
            <div class="section-full p-tb80 overlay-wraper bg-center bg-parallax bg-cover"  data-stellar-background-ratio="0.5" style="background-image:url(assets/images/background/bg-10.jpg)">
            	<div class="overlay-main bg-black opacity-07"></div>
                <div class="container">
 
                    <div class="section-content">
                        <div class="call-us-section text-center text-white">
                            <h4 class="m-b15">Let's work together</h4>
                            <h2 class="call-us-number m-b15 m-b0">(+291)-456-789-1234</h2>
                            <h4 class="call-us-address m-t0 m-b20">Street 4 ,45 New york City</h4>
                            <a href="contact-1.html" class="site-button btn-effect">Contact Us</a>
                        </div>
                    </div>
                    
                </div>
            </div>   
            <!-- CALL US SECTION END -->
            
            <!-- OUR PROJECT START -->
            <div class="section-full p-t80 p-b50 square_shape2 mobile-page-padding our-project2-wrap" >
                <div class="container">
                    <!-- TITLE START -->
					<div class="section-head">
						<div class="mt-separator-outer separator-center">
							<div class="mt-separator">
								<h2 class="text-uppercase sep-line-one "><span class="font-weight-300 site-text-primary">Our</span> Project</h2>
							</div>
						</div>
					</div>                   
                    <!-- TITLE END --> 
						<div class="section-content">

							<div class="filter-wrap text-center">
                                <ul class="filter-navigation inline-navigation masonry-filter link-style  text-uppercase">
                                    <li class="active"><a data-filter="*" href="javascript:void(0);" data-hover="All">All</a></li>
                                    <li><a data-filter=".cat-1" href="javascript:void(0);" data-hover="Construction">Construction</a></li>
                                    <li><a data-filter=".cat-2" href="javascript:void(0);" data-hover="Renovation">Renovation</a></li>
                                    <li><a data-filter=".cat-3" href="javascript:void(0);" data-hover="Outdoor">Outdoor</a></li>
                                    <li><a data-filter=".cat-4" href="javascript:void(0);" data-hover="Interiors">Interiors </a></li>
                                    <li><a data-filter=".cat-5" href="javascript:void(0);" data-hover="Consulting">Consulting</a></li>
                                </ul>
                            </div>        
              
						</div>
						<div class="section-content">

                             <div class="portfolio-wrap row mfp-gallery product-stamp clearfix">
                                <!-- COLUMNS 1 -->
                                <div class="masonry-item  cat-1 col-lg-4 col-md-6 m-b30">
                                    <div class="image-effect-one hover-shadow">
                                        <img src="assets/images/projects/square/pic4.jpg" alt="" />
                                        <div class="figcaption">
                                            <h4>2-storey House</h4>
                                            <p>Construction, interior</p>
                                            <a href="project-detail.html"><i class="link-plus site-bg-primary"></i></a>
                                        </div>
                                	</div>
                                </div>  
                                                              
                                <!-- COLUMNS 2 -->
                                <div class="masonry-item  cat-2 col-lg-4 col-md-6 m-b30">
                                    <div class="image-effect-one hover-shadow">
                                        <img src="assets/images/projects/square/pic2.jpg" alt="" />
                                        <div class="figcaption">
                                            <h4>City Buildings</h4>
                                            <p>Buildings, Engineering</p>
                                            <a href="project-detail.html"><i class="link-plus site-bg-primary"></i></a>
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- COLUMNS 3 -->
                                <div class="masonry-item  cat-3 col-lg-4 col-md-6 m-b30">
                                    <div class="image-effect-one hover-shadow">
                                        <img src="assets/images/projects/square/pic3.jpg" alt="" />
                                        <div class="figcaption">
                                            <h4>Living room</h4>
                                            <p>Aqaba, Jordan</p>
                                            <a href="project-detail.html"><i class="link-plus site-bg-primary"></i></a>
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- COLUMNS 4 -->
                                <div class="masonry-item  cat-4 col-lg-4 col-md-6 m-b30">
                                    <div class="image-effect-one hover-shadow">
                                        <img src="assets/images/projects/square/pic5.jpg" alt="" />
                                        <div class="figcaption">
                                            <h4>Bridge Architecture</h4>
                                            <p>Design and Construction</p>
                                            <a href="project-detail.html"><i class="link-plus site-bg-primary"></i></a>
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- COLUMNS 5 -->
                                <div class="masonry-item  cat-5 col-lg-4 col-md-6 m-b30">
                                    <div class="image-effect-one hover-shadow">
                                        <img src="assets/images/projects/square/pic7.jpg" alt="" />
                                        <div class="figcaption">
                                            <h4>Feugiat nulla</h4>
                                            <p>Engineering, interior</p>
                                            <a href="project-detail.html"><i class="link-plus site-bg-primary"></i></a>
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- COLUMNS 6 -->
                                <div class="masonry-item  cat-4 col-lg-4 col-md-6 m-b30">
                                    <div class="image-effect-one hover-shadow">
                                        <img src="assets/images/projects/square/pic6.jpg" alt="" />
                                        <div class="figcaption">
                                            <h4>Skeptic cambridge</h4>
                                            <p>Construction</p>
                                            <a href="project-detail.html"><i class="link-plus site-bg-primary"></i></a>
                                        </div>
                                    </div>
                                </div>
                                                             
                             </div>

						</div>
                    
                </div>
                                
            </div>   
            <!-- OUR PROJECT END -->
            
             <!-- OUR Team START -->
             <div class="section-full p-t80 p-b50 square_shape1 our-team2-wrap mobile-page-padding bg-parallax bg-cover "  data-stellar-background-ratio="0.5" style="background-image:url(assets/images/background/bg5.jpg);">
                <div class="container">

                    <!-- TITLE START -->
                    <div class="section-head text-center text-white ">
                        <div class="mt-separator-outer separator-center">
                            <div class="mt-separator">
                                <h2 class="text-white text-uppercase sep-line-one "><span class="font-weight-300 site-text-primary" >Our </span> Team</h2>
                            </div>
                        </div>
                        <h2>Discover trust team and our experts</h2>
                    </div>                   
                    <!-- TITLE END --> 
        
                    
                    <div class="section-content">
                        <div class="row">
                        
                            <div class="col-lg-3 col-md-6 col-sm-6 m-b30">
                                <div class="our-team-2 ">
                                    <div class="profile-image scale-in-center"><img src="assets/images/our-team5/pic4.png" alt="" /></div>
                                    <div class="figcaption text-black">
                                        <h4>Avie Beaton </h4>
                                        <h5>Ceo & Architect</h5>
                                        
                                        <div class="icons">
                                            <a href="https://www.facebook.com/"><i class="fa fa-facebook"></i></a>
                                            <a href="https://twitter.com/"> <i class="fa fa-twitter"></i></a>
                                            <a href="https://www.instagram.com/"><i class="fa fa-instagram"></i></a>
                                            <a href="https://rss.com/"><i class="fa fa-rss"></i></a>
                                            <a href="https://www.youtube.com/"> <i class="fa fa-youtube"></i></a>
                                            <a href="https://in.linkedin.com/"> <i class="fa fa-linkedin"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>                            
                            
                            <div class="col-lg-3 col-md-6 col-sm-6 m-b30">
                                <div class="our-team-2 ">
                                    <div class="profile-image scale-in-center"><img src="assets/images/our-team5/pic3.png" alt="" /></div>
                                    <div class="figcaption text-black">
                                        <h4>Ben Jonson </h4>
                                        <h5>Architect </h5>
                                        
                                        <div class="icons">
                                            <a href="https://www.facebook.com/"><i class="fa fa-facebook"></i></a>
                                            <a href="https://twitter.com/"> <i class="fa fa-twitter"></i></a>
                                            <a href="https://www.instagram.com/"><i class="fa fa-instagram"></i></a>
                                            <a href="https://rss.com/"><i class="fa fa-rss"></i></a>
                                            <a href="https://www.youtube.com/"> <i class="fa fa-youtube"></i></a>
                                            <a href="https://in.linkedin.com/"> <i class="fa fa-linkedin"></i></a>    
                                        </div>
                                    </div>
                                </div>                            	
                            </div>
                            
                            <div class="col-lg-3 col-md-6 col-sm-6 m-b30">
                                <div class="our-team-2 ">
                                    <div class="profile-image scale-in-center"><img src="assets/images/our-team5/pic2.png" alt="" /></div>
                                    <div class="figcaption text-black">
                                        <h4>Ashley Fletcher </h4>
                                        <h5>Finances</h5>
                                        
                                        <div class="icons">
                                        <a href="https://www.facebook.com/"><i class="fa fa-facebook"></i></a>
                                        <a href="https://twitter.com/"> <i class="fa fa-twitter"></i></a>
                                        <a href="https://www.instagram.com/"><i class="fa fa-instagram"></i></a>
                                        <a href="https://rss.com/"><i class="fa fa-rss"></i></a>
                                        <a href="https://www.youtube.com/"> <i class="fa fa-youtube"></i></a>
                                        <a href="https://in.linkedin.com/"> <i class="fa fa-linkedin"></i></a>    
                                        </div>
                                    </div>
                                </div>                            	
                            </div>
                            <div class="col-lg-3 col-md-6 col-sm-6 m-b30">
                                <div class="our-team-2">
                                    <div class="profile-image scale-in-center"><img src="assets/images/our-team5/pic5.png" alt="" /></div>
                                    <div class="figcaption text-black">
                                        <h4>Ashley Fletcher </h4>
                                        <h5>Finances</h5>
                                        <div class="icons">
                                        <a href="https://www.facebook.com/"><i class="fa fa-facebook"></i></a>
                                        <a href="https://twitter.com/"> <i class="fa fa-twitter"></i></a>
                                        <a href="https://www.instagram.com/"><i class="fa fa-instagram"></i></a>
                                        <a href="https://rss.com/"><i class="fa fa-rss"></i></a>
                                        <a href="https://www.youtube.com/"> <i class="fa fa-youtube"></i></a>
                                        <a href="https://in.linkedin.com/"> <i class="fa fa-linkedin"></i></a>    
                                        </div>
                                    </div>
                                </div>                            	
                            </div>                                                                
                
                        </div>
                    </div>
                    
                </div>
            </div>   
            <!-- OUR Team END -->
            
             <!-- Our PRICING PLAN -->
            <div class="section-full text-center bg-gray bg-no-repeat p-t80 p-b50 bg-top-right mobile-page-padding our-pricing-wrap" style="background-image:url(assets/images/background/bg-4.png)">
                <div class="container">
                
                    <!-- TITLE START -->
                    <div class="section-head">
                        <div class="mt-separator-outer separator-center">
                            <div class="mt-separator">
                                <h2 class="text-uppercase sep-line-one "><span class="font-weight-300 site-text-primary" >Our </span> Pricing</h2>
                            </div>
                        </div>
                        
                    </div>                   
                    <!-- TITLE END --> 
                    
                    <div class="section-content">
                        <div class="pricingtable-row">
                            <div class="row d-flex justify-content-center">
                            
                                <div class="col-lg-4  col-md-6  m-b30">
                                    <div class="pricingtable-wrapper pricing-table-style-5 bg-white overflow-hide hover-shadow bdr-t-4 bdr-solid bdr-primary">
                                        <div class="pricingtable-inner">
                                            <div class="pricingtable-title">
                                                <h4>Basic Plan</h4>
                                            </div>
                                            
                                            <div class="pricingtable-price">
                                                <span class="pricingtable-bx">$29</span>
                                                <span class="pricingtable-type">Month</span>
                                            </div>
                                            
                                            <ul class="pricingtable-features text-black">
                                                <li>Phone &amp; Email Support  </li>
                                                <li>3 Social Account </li>
                                                <li>Branded Reports  </li>
                                            </ul>
                                            
                                            <div class="pricingtable-footer">
                                                <a href="contact-1.html" class="site-button btn-effect">Purchase</a>
                                            </div>
                                            
                                            <div class="overlay-main bg-white opacity-07"></div>
                                        </div>
                                        
                                    </div>
                                </div>
                                
                                <div class="col-lg-4  col-md-6 m-b30">
                                    <div class="pricingtable-wrapper  pricing-table-style-5 overflow-hide hover-shadow bdr-t-4 bdr-solid bdr-primary">
                                        <div class="pricingtable-inner">
                                            
                                            <div class="pricingtable-title">
                                                <h4>Pro Plan</h4>
                                            </div>
                                            
                                            <div class="pricingtable-price">
                                                <span class="pricingtable-bx">$49</span>
                                                <span class="pricingtable-type">Month</span>
                                            </div>
                                            
                                            <ul class="pricingtable-features text-black">
                                                <li>Phone &amp; Email Support  </li>
                                                <li>3 Social Account </li>
                                                <li>Branded Reports  </li>
                                            </ul>
                                            
                                            <div class="pricingtable-footer">
                                                <a href="contact-1.html" class="site-button btn-effect">Purchase</a>
                                            </div>
                                            
                                             <div class="overlay-main bg-white opacity-07"></div>
                                        </div>
                                       
                                    </div>
                                </div>
                                
                                <div class="col-lg-4  col-md-6 m-b30">
                                    <div class="pricingtable-wrapper  pricing-table-style-5 overflow-hide hover-shadow bdr-t-4 bdr-solid bdr-primary bg-gray">
                                        <div class="pricingtable-inner">
                                            
                                            <div class="pricingtable-title">
                                                <h4>Premium Plan</h4>
                                            </div>
                                            
                                            <div class="pricingtable-price">
                                                <span class="pricingtable-bx">$99</span>
                                                <span class="pricingtable-type">Month</span>
                                            </div>
                                            
                                            <ul class="pricingtable-features text-black">
                                                <li>Phone &amp; Email Support  </li>
                                                <li>3 Social Account </li>
                                                <li>Branded Reports  </li>
                                            </ul>
                                            
                                            <div class="pricingtable-footer">
                                                <a href="contact-1.html" class="site-button btn-effect">Purchase</a>
                                            </div>
                                            
                                            <div class="overlay-main bg-white opacity-07"></div>
                                        </div>
                                        
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                
                </div>
            </div>
            <!-- Our PRICING PLAN -->
                        
            <!-- CLIENT LOGO SECTION START -->
            <div class="section-full p-t10 bg-white ">
                <div class="container">
                    <div class="section-content">
                    
                        <!-- TESTIMONIAL 4 START ON BACKGROUND -->   
                        <div class="section-content">
                             <div class="section-content p-tb10 owl-btn-vertical-center">
                                <div class="owl-carousel home-client-carousel-2">
                                
                                    <div class="item">
                                        <div class="ow-client-logo">
                                            <div class="client-logo client-logo-media">
                                            <a href="about-1.html"><img src="assets/images/client-logo/w1.png" alt=""></a></div>
                                        </div>
                                    </div>
                                    
                                    <div class="item">
                                        <div class="ow-client-logo">
                                            <div class="client-logo client-logo-media">
                                            <a href="about-1.html"><img src="assets/images/client-logo/w2.png" alt=""></a></div>
                                        </div>
                                    </div>
                                    
                                    <div class="item">
                                        <div class="ow-client-logo">
                                            <div class="client-logo client-logo-media">
                                            <a href="about-1.html"><img src="assets/images/client-logo/w3.png" alt=""></a></div>
                                        </div>
                                    </div>
                                    
                                    <div class="item">
                                        <div class="ow-client-logo">
                                            <div class="client-logo client-logo-media">
                                            <a href="about-1.html"><img src="assets/images/client-logo/w4.png" alt=""></a></div>
                                        </div>
                                    </div>
                                    
                                    <div class="item">
                                        <div class="ow-client-logo">
                                            <div class="client-logo client-logo-media">
                                            <a href="about-1.html"><img src="assets/images/client-logo/w5.png" alt=""></a></div>
                                        </div>
                                    </div>
                                    
                                    <div class="item">
                                        <div class="ow-client-logo">
                                            <div class="client-logo client-logo-media">
                                            <a href="about-1.html"><img src="assets/images/client-logo/w6.png" alt=""></a></div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- CLIENT LOGO  SECTION End --> 
                       
            <!-- TESTIMONIALS SECTION START -->
            <div class="section-full p-t80 p-b50 site-bg-dark square_shape2  square_shape1 bg-moving mobile-page-padding" style="background-image:url(assets/images/background/bg-6.png)">
                <div class="container">
                    <div class="section-content">
                        
                        <!-- TITLE START -->
                        <div class="section-head">
                            <div class="mt-separator-outer separator-center">
                                <div class="mt-separator">
                                    <h2 class="text-white text-uppercase sep-line-one "><span class="font-weight-300 site-text-primary">Client</span> Testimonials</h2>
                                </div>
                            </div>
                        </div>                   
                        <!-- TITLE END --> 
                        
                            <!-- TESTIMONIAL START -->   
                         <div class="owl-carousel testimonial-home-2 m-b30">
                            <div class="item">
                           		 <div class="testimonial-home-2-inner">
                                	<div class="testimonial-1 testimonial-bg m-a30 hover-animation-1 text-center text-white">
                                        <div class="testimonial-detail clearfix">
                                            <div class="testimonial-pic radius shadow scale-in-center"><img src="assets/images/testimonials/pic1.jpg" width="100" height="100" alt=""></div>
                                        </div>                                    
                                        <div class="testimonial-text">
                                            <span class="fa fa-quote-right"></span>
                                            <p> Excellent Customer support!. The template itself is very ext ended. simply dummy text of the printing and industry. the printing and typesetting industry. Lorem Ipsum has been the industry's</p>
                                        </div>
                                        <div class="testimonial-detail clearfix">
                                            <h4 class="testimonial-name m-b5">Shelly Johnson -</h4>
                                            <span class="testimonial-position">Business Person</span>
                                        </div>                                         
                                    </div>
                                </div>
                             </div>
                            <div class="item">
                           		 <div class="testimonial-home-2-inner">
                                	<div class="testimonial-1 testimonial-bg m-a30 hover-animation-1 text-center text-white">
                                        <div class="testimonial-detail clearfix">
                                            <div class="testimonial-pic radius shadow scale-in-center"><img src="assets/images/testimonials/pic2.jpg" width="100" height="100" alt=""></div>
                                        </div>                                    
                                        <div class="testimonial-text">
                                            <span class="fa fa-quote-right"></span>
                                            <p> Excellent Customer support!. The template itself is very ext ended. simply dummy text of the printing and industry. the printing and typesetting industry. Lorem Ipsum has been the industry's</p>
                                        </div>
                                        <div class="testimonial-detail clearfix">
                                            <h4 class="testimonial-name m-b5">Shelly Johnson -</h4>
                                            <span class="testimonial-position">Business Person</span>
                                        </div>                                         
                                    </div>
                                </div>
                             </div>
                            <div class="item">
                           		 <div class="testimonial-home-2-inner">
                                	<div class="testimonial-1 testimonial-bg m-a30 hover-animation-1 text-center text-white">
                                        <div class="testimonial-detail clearfix">
                                            <div class="testimonial-pic radius shadow scale-in-center"><img src="assets/images/testimonials/pic3.jpg" width="100" height="100" alt=""></div>
                                        </div>                                    
                                        <div class="testimonial-text">
                                            <span class="fa fa-quote-right"></span>
                                            <p> Excellent Customer support!. The template itself is very ext ended. simply dummy text of the printing and industry. the printing and typesetting industry. Lorem Ipsum has been the industry's</p>
                                        </div>
                                        <div class="testimonial-detail clearfix">
                                            <h4 class="testimonial-name m-b5">Shelly Johnson -</h4>
                                            <span class="testimonial-position">Business Person</span>
                                        </div>                                         
                                    </div>
                                 </div>
                             </div>                                                          
                        </div>
                    </div>
            	</div>  
            </div> 
            <!-- TESTIMONIALS SECTION END -->  
            

 
        </div>
        <!-- CONTENT END -->

        <!-- FOOTER START -->
        <footer class="site-footer footer-large  footer-light	footer-wide">
            <div class="container">
                <div class="p-a30 call-to-action-wrap bg-no-repeat bg-center site-bg-primary" style="background-image:url(assets/images/background/bg-site.png);" >
                    <div class="row">
                        <div class="col-lg-8 col-md-6">
                            <div class="call-to-action-left text-black">
                                <h4 class="text-uppercase m-b10 m-t0">Subscribe to our newsletter!</h4>
                                <span>Never Miss Anything From Construx By Signing Up To Our Newsletter.</span>
                            </div>
                        </div>
                        
                        <div class="col-lg-4  col-md-6">
                            <div class="call-to-action-right">
                                <div class="widget_newsletter">
                                    <div class="newsletter-bx">
                                        <form role="search" method="post">
                                            <div class="input-group">
                                                <input name="news-letter" class="form-control" placeholder="ENTER YOUR EMAIL" type="text">
                                                <span class="input-group-btn">
                                                    <button type="submit" class="site-button"><i class="fa fa-paper-plane-o"></i></button>
                                                </span>
                                            </div>
                                        </form>
                                    </div>
                                </div>                                                           
                            </div>
                        </div>
                    </div>
                 </div>
            </div>            
            <!-- FOOTER BLOCKES START -->  
            <div class="footer-top overlay-wraper">
                <div class="overlay-main"></div>
                <div class="container">
                    <div class="row">
                        <!-- ABOUT COMPANY -->
                        <div class="col-lg-3 col-md-6 col-sm-6">  
                            <div class="widget widget_about">
                                <!--<h4 class="widget-title">About Company</h4>-->
                                <div class="logo-footer clearfix p-b15">
                                    <a href="index.html"><img src="assets/images/logo-light.png" alt=""></a>
                                </div>
								<p class="max-w400">Today we can tell you, thanks to your passion, hard work creativity, and expertise, you delivered us the most beautiful house great looks.</p>                                
                                
                                <ul class="social-icons  mt-social-links">
                                    <li><a href="https://www.google.com/" class="fa fa-google"></a></li>
                                    <li><a href="https://rss.com/" class="fa fa-rss"></a></li>
                                    <li><a href="https://www.facebook.com/" class="fa fa-facebook"></a></li>
                                    <li><a href="https://twitter.com/" class="fa fa-twitter"></a></li>
                                    <li><a href="https://in.linkedin.com/" class="fa fa-linkedin"></a></li>
                                </ul>                                     
                            </div>
                        </div> 
                        
                        <!-- RESENT POST -->
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="widget widget_address_outer">
                                <h4 class="widget-title">Contact Us</h4>
                                <ul class="widget_address">
                                    <li>34/7 Liverpool Street, Suite 636, London, United Kingdom</li>
                                    <li>7xthemedemo@gmail.com</li>
                                    <li>(+298) 012-3456-789</li>
                                    <li>(+298) 146-6543-480</li>
                                </ul>
                           
                            </div>                                              	
                        </div>                          
                        
                        <!-- USEFUL LINKS -->
                        <div class="col-lg-3 col-md-6 col-sm-6 footer-col-3">
                            <div class="widget widget_services inline-links">
                                <h4 class="widget-title">Useful links</h4>
                                <ul>
                                    <li><a href="about-1.html">About</a></li>
                                    <li><a href="project-grid.html">Projects</a></li>
                                    <li><a href="blog-grid.html">Blog</a></li>
                                    <li><a href="contact-1.html">Contact Us</a></li>
                                </ul>
                            </div>                           
                        </div>
                        
                        <!-- TAGS -->
                        <div class="col-lg-3 col-md-6 col-sm-6">
							<div class="widget recent-posts-entry-date">
                                <h4 class="widget-title">Resent Post</h4>
                                <div class="widget-post-bx">
                                    <div class="bdr-light-blue widget-post clearfix  bdr-b-1 m-b10 p-b10">
                                        <div class="mt-post-date text-center text-uppercase text-white p-tb5">
											<strong class="p-date">24</strong>
                                            <span class="p-month">April</span>
                                            <span class="p-year">2023</span>
                                        </div>
                                        <div class="mt-post-info">
                                            <div class="mt-post-header">
                                                <h6 class="post-title"><a href="blog-single.html">On these beams, we’re building dreams.</a></h6>
                                            </div>
                                            <div class="mt-post-meta">
                                                <ul>
                                                    <li class="post-author"><i class="fa fa-user"></i>By Admin</li>
                                                    <li class="post-comment"><i class="fa fa-comments"></i> 28</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="bdr-light-blue widget-post clearfix  bdr-b-1 m-b10 p-b10">
                                        <div class="mt-post-date text-center text-uppercase text-white p-tb5">
                                            <strong class="p-date">30</strong>
                                            <span class="p-month">May</span>
                                            <span class="p-year">2023</span>
                                        </div>
                                        <div class="mt-post-info">
                                            <div class="mt-post-header">
                                                <h6 class="post-title"><a href="blog-single.html">We’ll be a sensation for you next renovation</a></h6>
                                            </div>
                                            <div class="mt-post-meta">
                                                <ul>
                                                    <li class="post-author"><i class="fa fa-user"></i>By Admin</li>
                                                    <li class="post-comment"><i class="fa fa-comments"></i> 29</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>                          
                        </div>
                        <!-- NEWSLETTER -->

                    </div>
                </div>  
            </div>
            <!-- FOOTER COPYRIGHT -->
            <div class="footer-bottom overlay-wraper">
                <div class="overlay-main"></div>
                <div class="container">
                    <div class="row">
                        <div class="mt-footer-bot-center">
                            <span class="copyrights-text">© 2023 Your Company. Designed By 7xtheme.</span>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- FOOTER END -->              


        <!-- BUTTON TOP START -->
		<button class="scroltop"><span class="fa fa-angle-up  relative" id="btn-vibrate"></span></button>
        
     
    </div>
 
<!-- LOADING AREA START ===== -->
<div class="loading-area">
    <div class="loading-box"></div>
    <div class="loading-pic">
        <div class="cssload-loader">Loading</div>
    </div>
</div>
<!-- LOADING AREA  END ====== -->

<!-- STYLE SWITCHER  ======= --> 
<div class="styleswitcher">

    <div class="switcher-btn-bx">
        <a class="switch-btn">
            <span class="fa fa-cog fa-spin"></span>
        </a>
    </div>
    
    <div class="styleswitcher-inner">
    
        <h6 class="switcher-title">Color Skin</h6>
        <ul class="color-skins">
            <li><a class="theme-skin skin-1" href="index-2a39b.html?theme=css/skin/skin-1" title="default Theme"></a></li>
            <li><a class="theme-skin skin-2" href="index-261e7.html?theme=css/skin/skin-2" title="pink Theme"></a></li>
            <li><a class="theme-skin skin-3" href="index-2cce5.html?theme=css/skin/skin-3" title="sky Theme"></a></li>
            <li><a class="theme-skin skin-4" href="index-213f7.html?theme=css/skin/skin-4" title="green Theme"></a></li>
            <li><a class="theme-skin skin-5" href="index-219a6.html?theme=css/skin/skin-5" title="red Theme"></a></li>
            <li><a class="theme-skin skin-6" href="index-2fe5c.html?theme=css/skin/skin-6" title="orange Theme"></a></li>
            <li><a class="theme-skin skin-7" href="index-2ab47.html?theme=css/skin/skin-7" title="purple Theme"></a></li>
            <li><a class="theme-skin skin-8" href="index-25f8d.html?theme=css/skin/skin-8" title="blue Theme"></a></li>
        </ul>   
        
    </div>    
</div>
<!-- STYLE SWITCHER END ==== -->

<!-- JAVASCRIPT  FILES ========================================= --> 
<script src="assets/js/jquery-3.6.1.min.js"></script><!-- JQUERY.MIN JS -->
<script src="assets/js/bootstrap.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script src="assets/js/popper.min.js"></script><!-- POPPER.MIN JS -->
<script src="assets/js/magnific-popup.min.js"></script><!-- MAGNIFIC-POPUP JS -->
<script src="assets/js/waypoints.min.js"></script><!-- WAYPOINTS JS -->
<script src="assets/js/counterup.min.js"></script><!-- COUNTERUP JS -->
<script src="assets/js/waypoints-sticky.min.js"></script><!-- COUNTERUP JS -->
<script src="assets/js/isotope.pkgd.min.js"></script><!-- MASONRY  -->
<script src="assets/js/imagesloaded.pkgd.min.js"></script><!-- MASONRY  -->
<script src="assets/js/owl.carousel.min.js"></script><!-- OWL  SLIDER  -->
<script src="assets/js/jquery.owl-filter.js"></script>
<script src="assets/js/custom.js"></script><!-- CUSTOM FUCTIONS  -->
<script src="assets/js/shortcode.js"></script><!-- SHORTCODE FUCTIONS  -->
<script src="assets/js/jquery.bgscroll.js"></script><!-- BACKGROUND SCROLL -->
<script src="assets/js/switcher.js"></script>
<!-- REVOLUTION JS FILES -->

<script  src="assets/plugins/revolution/revolution/js/jquery.themepunch.tools.min.js"></script>
<script  src="assets/plugins/revolution/revolution/js/jquery.themepunch.revolution.min.js"></script>

<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->	
<script  src="assets/plugins/revolution/revolution/js/extensions/revolution-plugin.js"></script>

<!-- REVOLUTION SLIDER SCRIPT FILES -->
<script  src="assets/js/rev-script-2.js"></script>



</body>
</html>
