<!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 | Post video</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">     
	
    
    <!-- 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-1 mobile-sider-drawer-menu">
            <div class="top-bar bg-gray">
                <div class="container">
                    <div class="row">
                        <div class="mt-topbar-left">
                            <ul class="list-unstyled e-p-bx pull-right">
                                <li><i class="fa fa-envelope"></i> 7xthemehelp@gmail.com</li>
                                <li><i class="fa fa-phone"></i>(075) 123-7654</li>
                                <li><i class="fa fa-clock-o"></i>Sun-Sat 9.45 am</li>
                            </ul>
                        </div>
                        <div class="mt-topbar-right">
                            <div class="appint-btn"><a href="contact-1.html" class="site-button">Make an Appointment</a></div>                            
                        </div>
                    </div>
                </div>
            </div>          
            <div class="sticky-header main-bar-wraper">
                <div class="main-bar bg-white">
                    <div class="container">
                        <div class="logo-header">
                            <div class="logo-header-inner logo-header-one">
                                <a href="index.html">
                                    <img src="assets/images/logo-light.png" alt="" />
                                </a>
                            </div>
                        </div>
                        <!-- 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 Vav -->
                            <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 ">
            <!-- INNER PAGE BANNER -->
            <div class="mt-bnr-inr overlay-wraper bg-parallax bg-top-center"  data-stellar-background-ratio="0.5"  style="background-image:url(assets/images/banner/1.jpg);">
            	<div class="overlay-main bg-black opacity-07"></div>
                <div class="container">
                    <div class="mt-bnr-inr-entry">
                    	<div class="banner-title-outer">
                        	<div class="banner-title-name">
                        		<h2 class="m-b0">Making your vision come true, that is what we do.</h2>
                            </div>
                        </div>
                        <!-- BREADCRUMB ROW -->                            
                        
                            <div>
                                <ul class="mt-breadcrumb breadcrumb-style-2">
                                    <li><a href="index.html">Home</a></li>
                                    <li>Post Gallery</li>
                                </ul>
                            </div>
                        
                        <!-- BREADCRUMB ROW END -->                        
                    </div>
                </div>
            </div>
            <!-- INNER PAGE BANNER END -->
            
            <!-- SECTION CONTENT START -->
            <div class="section-full p-tb80 square_shape1 square_shape3 inner-page-padding">
                <div class="container">
                    <div class="blog-single-wrap-width">
                        <!-- BLOG START -->
                        <div class="blog-post date-style-3 blog-detail text-black">
                            <div class="mt-post-media">
                                <!--Fade slider-->
                                <div class="owl-carousel owl-fade-slider-one owl-btn-vertical-center owl-dots-bottom-right m-b30">
                                
                                    <div class="item">
                                        <div class="aon-thum-bx">
                                            <img src="assets/images/blog/default/thum1.jpg" alt="">
                                        </div>
                                    </div>
                                    
                                    <div class="item">
                                        <div class="aon-thum-bx">
                                            <img src="assets/images/blog/default/thum2.jpg" alt="">
                                        </div>
                                    </div>
                                    
                                    <div class="item">
                                        <div class="aon-thum-bx">
                                            <img src="assets/images/blog/default/thum3.jpg" alt="">
                                        </div>
                                    </div>                                    
                                
                                </div>
                                <!--fade slider END-->
                            </div>
                            
                            <div class="mt-post-meta ">
                                <ul>
                                    <li class="post-date"><strong>20 </strong> <span>June 2023</span> </li>
                                    <li class="post-author">By <span>Admin</span></li>
                                    <li class="post-category"><span>Traditional</span></li>
                                </ul>
                            </div>  
                                                        
                            <div class="mt-post-title ">
                                <h3 class="post-title">From complete turn key to project manager.</h3>
                            </div>
                            
                            <div class="mt-post-text">
                                <p>Duis vestibulum quis quam vel accumsan. Nunc a vulputate lectus. Vestibulum eleifend nisl sed massage sagittis vestibulum. Vestibulum pretium blandit tellus, sodales volutpat sapien varius vel. Phasellus tristique cursus erat, a placerat tellus laoreet eget. Fusce vitae dui sit amet lacus rutrum convallis.
                                </p>
                                <h4>"When it comes to your house, don’t mess with the rest, trust the best."</h4>
    <p> Proin tincidunt tellus ac porta volutpat. Cras mattis congue lacus id bibendum. Mauris ut sodales libero. Maecenas feugiat sit amet enim in accumsan. Here, then, is what I wanted to tell you of my architecture. I created it with courage and idealism, but also with an awareness of the fact that what is important is life, friends, and attempting to make this unjust world a better place in which to live.</p>
                                <blockquote class="site-bg-dark text-white author-quote">
                                    <h4 class="m-b0">We let our quality work and commitment to customer satisfaction be our slogan. quality you deserve and dependability you can count on.<i class="fa fa-quote-right"></i> </h4>
                                    <div class="p-t15  text-white">
                                        <strong class="site-text-primary">Jessica Mcdade</strong>
                                        <span>Contractor</span>
                                    </div>
                                
                                </blockquote>
                                <p>Duis vestibulum quis quam vel accumsan. Nunc a vulputate lectus. Vestibulum eleifend nisl sed massa sagittis vestibulum. Vestibulum pretium blandit tellus, sodales volutpat sapien varius vel. Phasellus tristique cursus erat, a placerat tellus laoreet eget. Fusce vitae dui sit amet lacus rutrum convallis. Vivamus sit amet lectus venenatis est rhoncus interdum a vitae velit. </p>
                                
                                <div class="row">
                                    <div class="col-md-4 col-sm-4">
                                        <div class="mt-box m-b30">
                                            <div class="mt-media">
                                                <img src="assets/images/blog/large-blog.jpg" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-4">
                                        <div class="mt-box m-b30">
                                            <div class="mt-media">
                                                <img src="assets/images/blog/large-blog2.jpg" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-4">
                                        <div class="mt-box m-b30">
                                            <div class="mt-media">
                                                <img src="assets/images/blog/large-blog3.jpg" alt="">
                                            </div>
                                        </div>
                                    </div>                                                                
                                </div>
                                
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. remaining essentially unchanged. It was popularised in the with the . Proin tincidunt tellus ac porta volutpat.</p>
                                
                                        
                                                    
                            
                            </div>
                            
                            <div class="autor-post-tag-share bdr-t-1 bdr-solid bdr-gray p-t20">
                                <div class="row">
                                    <div class="col-md-6 col-sm-6 ">
                                        <div class="widget widget_tag_cloud">
                                            <h4 class="tagcloud">Tags</h4>
                                            <div class="tagcloud">
                                                <a href="post-image.html">First tag</a>
                                                <a href="post-image.html">Second tag</a>
                                                <a href="post-image.html">Three tag</a>
                                                <a href="post-image.html">Four tag</a>
                                                <a href="post-image.html">Five tag</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 ">
                                        <div class="mt-box">
                                        
                                        <div class="clearfix">
                                            <h4>Share this Post:</h4>
                                            <div class="widget_social_inks">
                                                <ul class="social-icons social-md social-square social-dark m-b0">
                                                    <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://rss.com/" class="fa fa-rss"></a></li>
                                                    <li><a href="https://www.youtube.com/" class="fa fa-youtube"></a></li>
                                                    <li><a href="https://in.linkedin.com/" class="fa fa-instagram"></a></li>
                                                </ul>
                                        </div>
                                        </div>
                                        
                                    </div>
                                    </div>
                                </div> 
                            </div>                                               
                        </div>
                        
                        <!-- OUR BLOG START -->
                        
                            <!-- TITLE START -->
                            <div class="section-head ">
                                <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" >Latest</span> Blog</h2>
                                    </div>
                                </div>
                            </div>                   
                            <!-- TITLE END --> 
                
                            <!-- IMAGE CAROUSEL START -->
                            <div class="section-content">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <div class="mt-box blog-post latest-blog-3 date-style-1 bg-white m-b30">
                                            <div class="mt-post-media mt-img-overlay7">
                                                <a href="javascript:;"><img src="assets/images/blog/latest-blog/pic1.jpg" alt=""></a>
                                            </div>
                                            <div class="mt-post-info p-a30 bg-gray">
                                                <div class="post-overlay-position">
                                                    <div class="mt-post-meta ">
                                                        <ul>
                                                            <li class="post-date"><strong class="site-text-primary">14</strong> <span>April 2023</span></li>
                                                            <li class="post-author">By <a href="javascript:;">Admin</a> </li>
                                                            <li class="post-comment"><a href="javascript:;">2 comment</a> </li>
                                                        </ul>
                                                    </div>                                        
                                                    <div class="mt-post-title ">
                                                        <h4 class="post-title m-b0">Commercial design for project</h4>
                                                    </div>
                                                    <div class="mt-post-text">
                                                        <p>Which is the same as saying through shrinking from toil and pain.</p> 
                                                    </div>
                                                    <div class="readmore-line">
                                                        <span><a href="post-image.html" class="site-button-link" data-hover="Read More">Read More <i class="fa fa-angle-right arrow-animation"></i></a></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <div class="mt-box blog-post latest-blog-3 date-style-1 bg-white m-b30">
                                            <div class="mt-post-media mt-img-overlay7">
                                                <a href="javascript:;"><img src="assets/images/blog/latest-blog/pic2.jpg" alt=""></a>
                                            </div>                                	
                                            <div class="mt-post-info p-a30 bg-gray">
                                                <div class="post-overlay-position">
                                                    <div class="mt-post-meta ">
                                                        <ul>
                                                            <li class="post-date"><strong class="site-text-primary">16</strong> <span>Feb 2023</span></li>
                                                            <li class="post-author">By <a href="javascript:;">Admin</a> </li>
                                                            <li class="post-comment"><a href="javascript:;">2 comment</a> </li>
                                                        </ul>
                                                    </div>                                        
                                                    <div class="mt-post-title ">
                                                        <h4 class="post-title m-b0">Our interior design prediction</h4>
                                                    </div>
                                                    <div class="mt-post-text">
                                                        <p>Today we can tell you, thanks to your passion, hard work creativity.</p> 
                                                    </div>
                                                    <div class="readmore-line">
                                                        
                                                        <span><a href="post-image.html" class="site-button-link" data-hover="Read More">Read More <i class="fa fa-angle-right arrow-animation"></i></a></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                </div>
                            </div>
                        
                        <!-- OUR BLOG END -->
                                        
                        <div class="clear" id="comment-list">
                            <div class="comments-area" id="comments">
                                <h2 class="comments-title">4 Comments</h2>
                                <div class="p-tb30">
                                    <!-- COMMENT LIST START -->
                                    <ol class="comment-list">
                                        <li class="comment">
                                            <!-- COMMENT BLOCK -->
                                            <div class="comment-body">
                                                <div class="comment-meta">
                                                    <a href="javascript:void(0);">20 June 2023 at 8:15 am</a>
                                                </div>                                        
                                                <div class="comment-author vcard">
                                                    <img  class="avatar photo" src="assets/images/testimonials/pic1.jpg" alt="">
                                                    <cite class="fn">Federico</cite>
                                                    <span class="says">says:</span>
                                                </div>

                                                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. </p>
                                                <div class="reply">
                                                    <a href="javscript:;" class="comment-reply-link letter-spacing-2 text-uppercase">Reply</a>
                                                </div>
                                        </div>
                                        </li>                                
                                        <li class="comment">
                                            <!-- COMMENT BLOCK -->
                                            <div class="comment-body">
                                                <div class="comment-meta">
                                                    <a href="javascript:void(0);">20 June 2023 at 8:15 am</a>
                                                </div>                                        
                                                <div class="comment-author vcard">
                                                    <img  class="avatar photo" src="assets/images/testimonials/pic4.jpg" alt="">
                                                    <cite class="fn"> Schiocchet </cite>
                                                    <span class="says">says:</span>
                                                </div>

                                                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. </p>
                                                <div class="reply">
                                                    <a href="javscript:;" class="comment-reply-link letter-spacing-2 text-uppercase">Reply</a>
                                                </div>
                                            </div>
                                            <!-- SUB COMMENT BLOCK -->
                                            <ol class="children">
                                                <li class="comment odd parent">
                                                
                                                    <div class="comment-body">
                                                        <div class="comment-meta">
                                                            <a href="javascript:void(0);">20 June 2023 at 8:15 am</a>
                                                        </div>                                                
                                                        <div class="comment-author vcard">
                                                            <img  class="avatar photo" src="assets/images/testimonials/pic3.jpg" alt="">
                                                            <cite class="fn">Brayden</cite>
                                                            <span class="says">says:</span>
                                                        </div>

                                                        <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. </p>
                                                        <div class="reply">
                                                            <a href="javscript:;" class="comment-reply-link letter-spacing-2 text-uppercase">Reply</a>
                                                        </div>
                                                    
                                                    </div>
                                                    
                                                    <ol class="children">
                                                        <li class="comment odd parent">
                                                            <div class="comment-body">
                                                                <div class="comment-meta">
                                                                    <a href="javascript:void(0);">20 June 2023 at 8:15 am</a>
                                                                </div>                                                
                                                                <div class="comment-author vcard">
                                                                    <img  class="avatar photo" src="assets/images/testimonials/pic2.jpg" alt="">
                                                                    <cite class="fn">Diego</cite>
                                                                    <span class="says">says:</span>
                                                                </div>

                                                                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. </p>
                                                                <div class="reply">
                                                                    <a href="javscript:;" class="comment-reply-link letter-spacing-2 text-uppercase">Reply</a>
                                                                </div>
                                                            
                                                            </div>
                                                        </li>
                                                    </ol>
                                                    
                                                </li>
                                            </ol>
                                        </li>

                                    </ol>
                                    <!-- COMMENT LIST END -->
                                    
                                    <!-- LEAVE A REPLY START -->
                                    <div class="comment-respond m-t30" id="respond">
        
                                        <h2 class="comment-reply-title" id="reply-title">Leave a Comments
                                            <small>
                                                <a style="display:none;" href="#" id="cancel-comment-reply-link" rel="nofollow">Cancel reply</a>
                                            </small>
                                        </h2>
        
                                        <form class="comment-form bdr-1 bdr-solid bdr-gray p-a20" id="commentform" method="post" >
                                    
                                            <p class="comment-form-author">
                                                <label for="author">Name <span class="required">*</span></label>
                                                <input class="form-control" type="text" value="" name="user-comment"  placeholder="Author" id="author">
                                            </p>
                                            
                                            <p class="comment-form-email">
                                                <label for="email">Email <span class="required">*</span></label>
                                                <input class="form-control" type="text" value="" name="email" placeholder="Email"  id="email">
                                            </p>
                                            
                                            <p class="comment-form-url">
                                                <label for="url">Website</label>
                                                <input class="form-control" type="text"  value=""  name="url"   placeholder="Website" id="url">
                                            </p>
                                            
                                            <p class="comment-form-comment">
                                                <label for="comment">Comment</label>
                                                <textarea class="form-control" rows="8" name="comment" placeholder="Comment" id="comment"></textarea>
                                            </p>
                                            
                                            <p class="form-submit">
                                                <button class="site-button button-sm radius-no text-uppercase font-weight-600" type="button">Submit</button>
                                            </p>
                                            
                                        </form>
        
                                    </div>
                                    <!-- LEAVE A REPLY END -->
                            </div>
                            </div>
                        </div>
                    </div>          
                </div>
            </div>
            <!-- SECTION CONTENT END -->

        </div>
        <!-- CONTENT END -->
        
        <!-- FOOTER START -->
        <footer class="site-footer footer-large  footer-dark	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-dark.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="post-gallerya39b.html?theme=css/skin/skin-1" title="default Theme"></a></li>
            <li><a class="theme-skin skin-2" href="post-gallery61e7.html?theme=css/skin/skin-2" title="pink Theme"></a></li>
            <li><a class="theme-skin skin-3" href="post-gallerycce5.html?theme=css/skin/skin-3" title="sky Theme"></a></li>
            <li><a class="theme-skin skin-4" href="post-gallery13f7.html?theme=css/skin/skin-4" title="green Theme"></a></li>
            <li><a class="theme-skin skin-5" href="post-gallery19a6.html?theme=css/skin/skin-5" title="red Theme"></a></li>
            <li><a class="theme-skin skin-6" href="post-galleryfe5c.html?theme=css/skin/skin-6" title="orange Theme"></a></li>
            <li><a class="theme-skin skin-7" href="post-galleryab47.html?theme=css/skin/skin-7" title="purple Theme"></a></li>
            <li><a class="theme-skin skin-8" href="post-gallery5f8d.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>



</body>
</html>
