?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content ="width=device-width, initial-social=1">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- Description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with ready home page demos.">
<!-- Page Title -->
<title>Builder-Construction | MegaOne HTML5 Template</title>
<!-- Bundle -->
<link href="vendor/css/bundle.min.css" rel="stylesheet">
<!-- Plugin Css -->
<link href="vendor/css/LineIcons.min.css" rel="stylesheet">
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
<link rel="stylesheet" href="vendor/css/wow.css">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="vendor/css/LineIcons.min.css">
<!-- Style Sheet -->
<link href="builder-construction/css/style.css" rel="stylesheet">
<link href="builder-construction/css/custom.css" rel="stylesheet">
<link href="builder-construction/css/line-awesome.min.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target="#megaone" data-offset="90">
<!-- Preloader -->
<div class="preloader">
<div class="center">
<div class="loader">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<!-- Preloader End -->
<!-- Start Header -->
<header id="home">
<!--Navigation-->
<nav class="navbar navbar-top-default navbar-expand-lg nav-box-round navbar-simple nav-line">
<div class="container">
<a href="#home" title="Logo" class="logo">
<!--Logo Default-->
<img src="builder-construction/images/logo.png" alt="logo" class="logo-dark">
</a>
<!--Nav Links-->
<div class="collapse navbar-collapse" id="megaone">
<div class="navbar-nav ml-auto">
<a class="nav-link active scroll " href="#home">Home<span></span></a>
<a class="nav-link scroll " href="#about">About Us<span></span></a>
<a class="nav-link scroll " href="#company-portfolio-section">Our Projects<span></span></a>
<a class="nav-link scroll " href="#release">Press Release<span></span></a>
<a class="nav-link scroll " href="#contact">Contact Us<span></span></a>
</div>
</div>
<!--Side Menu Button-->
<a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
</nav>
<!--Side Nav-->
<div class="side-menu hidden">
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#company-portfolio-section">Our Project</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#release">Press Release</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">Contact Us</a>
</li>
</ul>
</nav>
<div class="side-footer w-100">
<ul class="social-icons-simple">
<li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i></a></li>
<li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i></a></li>
<li><a class="linkedin-text-hvr" href="javascript:void(0)"><i class="fab fa-linkedin-in"></i></a></li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i></a></li>
</ul>
<p class="">© 2021 MegaOne. Made With Love by <span class="d-inline d-lg-block"> ThemesIndustry</span></p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!-- End side menu -->
</header>
<!-- End Header -->
<!-- Start Banner -->
<div class="banner-sec bg-yellow" id="banner">
<div class="container">
<div class="row">
<!-- Content -->
<div class="col-12 col-lg-6 d-flex align-items-center text-center text-lg-left">
<div class="heading-area wow slideInLeft" data-wow-delay=".7s">
<span class="sub-heading text-blue">Property / Builder / Architect</span>
<h4 class="heading">Construction<span class="d-block">Builder.</span></h4>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit lacus vel facilisis. </p>
<a href="#about" class="scroll button"><i class="las la-angle-right"></i>Learn More</a>
</div>
</div>
<div class="col-lg-6">
<div class="image-banner wow slideInRight" data-wow-delay=".7s">
<img src="builder-construction/images/banner-img.png" alt="">
</div>
</div>
</div>
</div>
<div class="slider-icons">
<ul class="slider-social banner-social">
<li><a class="" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
<li><a class="" href="javascript:void(0);"><i class="fab fa-twitter"></i> </a></li>
<li><a class="" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a></li>
<li><a class="" href="javascript:void(0);"><i class="fab fa-instagram"></i> </a></li>
</ul>
</div>
</div>
<!-- End Banner -->
<!-- Start About -->
<section class="about-sec" id="about">
<div class="container">
<div class="row">
<div class="col-12">
<div class="about-area">
<h4 class="heading-sub wow fadeInDown" data-wow-delay="1s">
About Our Company
</h4>
<h1 class="heading-about wow fadeInUp" data-wow-delay=".9s">
Lorem ipsum dolor sit amet consectetur.
</h1>
</div>
<div class="image-div">
<img src="builder-construction/images/about-img.png" alt="image">
</div>
</div>
</div>
<div class="row about padding-top">
<div class="col-12 col-lg-4 text-center wow slideInLeft" data-wow-delay=".5s">
<div class="about-card">
<span>01.</span>
<h4 class="about-heading">Initial Design</h4>
<p class="text">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur adipiscing.</p>
</div>
</div>
<div class="col-12 col-lg-4 text-center wow slideInUp" data-wow-delay=".3s">
<div class="about-card">
<span>02.</span>
<h4 class="about-heading">Build House</h4>
<p class="text">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur adipiscing.</p>
</div>
</div>
<div class="col-12 col-lg-4 text-center wow slideInRight" data-wow-delay=".5s">
<div class="about-card">
<span>03.</span>
<h4 class="about-heading">Completion</h4>
<p class="text">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur adipiscing.</p>
</div>
</div>
</div>
</div>
</section>
<!-- End About -->
<!-- Start Reviews Section -->
<section class="reviews-sec bg-image" id="reviews">
<div class="review-overlay"></div>
<div class="container">
<div class="row align-items-center">
<div class="col-12">
<div class="review-sub">
People Love Us
</div>
<div class="review-heading">
Our Happy Clients
</div>
</div>
<div class="col-md-12 col-lg-12 order-1 order-md-2">
<div class="testimonial-carousel">
<div class="testimonial-box owl-carousel owl-theme">
<!-- content 1 -->
<div class="review-content">
<div class="review-des">
<p>
We have a number of different teams within our agency that specialise in different
areas of business so you can be sure that you receive a generic service and although
we boast years and years of service we can ensure you that is a good thing in this
industry.
</p>
</div>
<div class="reiview-user">
<p>
John Smith - New York City
</p>
<span class="d-inline-block test-star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</span>
</div>
</div>
<!-- content 2 -->
<div class="review-content">
<div class="review-des">
<p>
We have a number of different teams within our agency that specialise in different
areas of business so you can be sure that you receive a generic service and although
we boast years and years of service we can ensure you that is a good thing in this
industry.
</p>
</div>
<div class="reiview-user">
<p>
John Smith - New York City
</p>
<span class="d-inline-block test-star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</span>
</div>
</div>
<!-- content 3 -->
<div class="review-content">
<div class="review-des">
<p>
We have a number of different teams within our agency that specialise in different
areas of business so you can be sure that you receive a generic service and although
we boast years and years of service we can ensure you that is a good thing in this
industry.
</p>
</div>
<div class="reiview-user">
<p>
John Smith - New York City
</p>
<span class="d-inline-block test-star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="project-links-left d-none d-md-block">
<a class="customPrevBtn"><i class="las la-angle-left"></i></a>
</div>
<div class="project-links-right d-none d-md-block">
<a class="customNextBtn"><i class="las la-angle-right"></i></a>
</div>
</div>
</section>
<!-- End Reviews Section -->
<!-- Start Portfolio -->
<section class="portfolio-sec company-portfolio-section" id="company-portfolio-section">
<div class="container">
<div class="section-heading">
<div class="row">
<div class="col-lg-6 wow fadeInUp text-center text-lg-left" data-wow-delay="300ms">
<h1 class="heading">Our<span class="d-block">
Amazing Projects </span></h1>
</div>
<!-- Filters -->
<div class="col-md-12 pt-4 pt-md-5">
<div id="js-filters-mosaic" class="cbp-l-filters-button wow fadeInUp text-center text-lg-left" data-wow-delay="350ms">
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item">All Projects</div>
<div data-filter=".web" class="cbp-filter-item">Houses</div>
<div data-filter=".logo" class="cbp-filter-item">Building</div>
<div data-filter=".mobile" class="cbp-filter-item">Others</div>
</div>
<div id="js-grid-mosaic" class="cbp cbp-l-grid-mosaic">
<!-- Image-1 -->
<div class="cbp-item web logo">
<a href="builder-construction/images/protfolio-1.png" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="builder-construction/images/protfolio-1.png" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Amazing House</h4>
<p class="p-hover-des">Awesome Spanish House</p>
</div>
</div>
</a>
</div>
<!-- Image-2 -->
<div class="cbp-item print mobile web">
<a href="builder-construction/images/portfolio-2.png" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="builder-construction/images/portfolio-2.png" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">White House</h4>
<p class="p-hover-des">Awesome Spanish House</p>
</div>
</div>
</a>
</div>
<!-- Image-3 -->
<div class="cbp-item print logo development web mobile">
<a href="builder-construction/images/portfolio-3.png" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="builder-construction/images/portfolio-3.png" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Regency Villa</h4>
<p class="p-hover-des">Awesome Spanish House</p>
</div>
</div>
</a>
</div>
<!-- Image-4 -->
<div class="cbp-item logo development">
<a href="builder-construction/images/portfolio-4.png" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="builder-construction/images/portfolio-4.png" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Creative Design</h4>
<p class="p-hover-des">Awesome Spanish House</p>
</div>
</div>
</a>
</div>
</div>
<!-- Button -->
<div id="js-loadMore-lightbox-gallery" class="cbp-l-loadMore-button text-data wow fadeInUp" data-wow-delay="650ms">
<div class="row portfolio-foot-detail text-data-inner">
<div class="col-7 col-lg-4 offset-lg-6 text-left pl-4">
<span class="p-text">We've Completed More Then</span>
<h4 class="p-num">530</h4>
<span class="p-text">Projects for Our amazing Clients</span>
</div>
<div class="col-5 col-lg-2 d-flex justify-content-end align-items-center"><a href="builder-construction/project-detail.html" class="btn pink-and-yellow-btn rounded-pill">VIEW ALL</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Portfolio -->
<!-- Start Press Release -->
<section class="release-sec bg-yellow" id="release">
<div class="container">
<div class="row">
<!-- content -->
<div class="col-lg-4">
<div class="release-area wow slideInLeft" data-wow-delay=".5s">
<h4 class="release-text">
Lorem ipsum is simply dummy
</h4>
<h1 class="release-heading">
Press Release
</h1>
<h4 class="release-des">
Lorem ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry standard.
</h4>
<a href="builder-construction/standalone.html" class="btn pink-and-orange-btn rounded-pill release_btn">VIEW ALL NEWS</a>
</div>
</div>
<!-- release box -->
<div class="col-lg-4">
<div class="release-box wow slideInRight" data-wow-delay=".4s">
<h1 class="box-heading">
New Building Announced
</h1>
<h4 class="box-text">
Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum standard dummy.s
</h4>
<a href="builder-construction/standalone.html" class="release-button">Learn More<i class="fas fa-angle-right"></i></a>
<hr>
<div class="release-img">
<img src="builder-construction/images/release-img-1.png" alt="release">
<h2 class="release-img-heading">
Pamela Smith
</h2>
<h1 class="img-date">
November 27, 2020
</h1>
</div>
</div>
</div>
<!-- release box -->
<div class="col-lg-4">
<div class="release-box wow slideInRight" data-wow-delay=".5s">
<h1 class="box-heading">
New Building Announced
</h1>
<h4 class="box-text">
Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum standard dummy.s
</h4>
<a href="builder-construction/standalone.html" class="release-button">Learn More<i class="fas fa-angle-right"></i></a>
<hr>
<div class="release-img">
<img src="builder-construction/images/release-img-2.png" alt="release">
<h2 class="release-img-heading">
John Smith
</h2>
<h1 class="img-date-2">
November 27, 2020
</h1>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Press Release -->
<!-- Start Map -->
<section class="contact-sec" id="contact">
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-6 wow slideInLeft" data-wow-delay=".4s">
<div class="mapouter">
<div class="gmap_canvas ">
<iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3333.9674103770367!2d-111.89998968532109!3d33.31966746342612!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzPCsDE5JzEwLjgiTiAxMTHCsDUzJzUyLjEiVw!5e0!3m2!1sen!2s!4v1573716071790!5m2!1sen!2s" width="600" height="410" style="border:0;" allowfullscreen=""></iframe>
</div>
</div>
</div>
<div class=" col-lg-6 contact-details text-center text-lg-left wow slideInRight" data-wow-delay=".4s">
<span class="contact-sub-heading">Lorem ipsum dolor sit amet consectetur</span>
<h4 class="contact-heading">MegaOne Builder</h4>
<p class="contact-address">123 Street New York City , United States Of America.</p>
<ul class="contact-list">
<li><span>Office Telephone:</span> 001 01085379709</li>
<li><span>Mobile:</span> 001 63165370895</li>
<li><span>Email: </span> admin@website.com</li>
<li><span>Inquiries: </span> email@website.com</li>
<li><span>Mon-Fri:</span> 9am to 6pm</li>
</ul>
</div>
</div>
</div>
</section>
<!-- End Map -->
<!-- START CONTACT -->
<section class="bg-black contact-us-sec" id="contactus">
<div class="container">
<div class="row">
<div class="col-12 col-md-3 text-center">
<div class="user-img"><a href="#home"><img src="builder-construction/images/contact-img.png" alt="img"></a></div>
</div>
<div class="col-12 col-md-9">
<div class="row">
<div class="col-12" id="result"></div>
<div class="col-12 col-md-6">
<form class="row contact-form row-padding" id="contact-form-data">
<div class="col-12">
<input type="text" name="userName" placeholder="Name" class="form-control">
<input type="text" name="userPhone" placeholder="Contact No" class="form-control">
<input type="email" name="userEmail" placeholder="Email" class="form-control">
</div>
</form>
</div>
<div class="col-12 col-md-6 contact-form">
<textarea class="form-control" name="userMessage" rows="6" placeholder="Type Your Message Here"></textarea>
<a href="javascript:void(0);" class="btn btn-medium btn-rounded pink-and-yellow-1-btn rounded-pill w-100 contact_btn main-font">Lets Get In Touch</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END CONTACT -->
<!--Footer Start-->
<footer class="footer-sec text-center">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="footer-social">
<ul class="list-unstyled">
<li><a class="wow fadeInUp" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i class="fab fa-google-plus-g" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i class="fab fa-youtube" aria-hidden="true"></i></a></li>
</ul>
</div>
<p class="company-about fadeIn">© 2021 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a></p>
</div>
</div>
</div>
</footer>
<!--Footer End-->
<!--START SCROLL TOP-->
<div class="go-top"><i class="fas fa-angle-up"></i><i class="fas fa-angle-up"></i></div>
<!--END SCROLL TOP-->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<!-- custom script -->
<script src="vendor/js/contact_us.js"></script>
<script src="builder-construction/js/script.js"></script>
</body>
</html>