?
| Current Path : /home/webyoo/www/events/crm/builder-construction/ |
| Current File : /home/webyoo/www/events/crm/builder-construction/project-detail.html |
<!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/swiper.min.css">
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../vendor/css/wow.css">
<link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
<link href="../vendor/css/jquery.fancybox.min.css" rel="stylesheet">
<link rel="stylesheet" href="../vendor/css/LineIcons.min.css">
<!-- Style Sheet -->
<link href="css/style.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<link href="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="../index-builder-construction.html#home" title="Logo" class="logo">
<!--Logo Default-->
<img src="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="../index-builder-construction.html#home">Home<span></span></a>
<a class="nav-link scroll " href="../index-builder-construction.html#about">About Us<span></span></a>
<a class="nav-link scroll " href="../index-builder-construction.html#company-portfolio-section">Our Projects<span></span></a>
<a class="nav-link scroll " href="../index-builder-construction.html#release">Press Release<span></span></a>
<a class="nav-link scroll " href="../index-builder-construction.html#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="../index-builder-construction.html#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="../index-builder-construction.html#about">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="../index-builder-construction.html#company-portfolio-section">Our Project</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="../index-builder-construction.html#release">Press Release</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="../index-builder-construction.html#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 -->
<!--Banner Start-->
<section class="page-title bg-overlay">
<div class="container">
<h2 class="hide-cursor">Projects Detail</h2>
<ul class="page-breadcrumb link">
<li><a href="../index-builder-construction.html#home"><span class="icon fas fa-home"></span>Home</a></li>
<li><i class="las la-angle-double-right"></i><span class="d-inline">Projects Detail </span></li>
</ul>
</div>
</section>
<!--Banner End-->
<!--About Start-->
<section class="about_content">
<div class="container">
<div class="row">
<div class="col-12">
<div class="product-body">
<nav aria-label="breadcrumb">
<ol class="breadcrumb text-center text-lg-left">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Estate</a></li>
<li class="breadcrumb-item"><a href="#">Bungalow</a></li>
<li class="breadcrumb-item"><a href="#">03012</a></li>
</ol>
</nav>
<div class="pro-detail-sec row">
<div class="col-12">
<h4 class="pro-heading text-center text-lg-left">Poinciana, Osceola County</h4>
<p class="pro-text text-center text-lg-left">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</p>
</div>
</div>
<div class="row product-list product-detail">
<div class="col-12 col-lg-6 product-detail-slider">
<div class="wrapper">
<div class="Gallery swiper-container img-magnifier-container" id="gallery">
<div class="swiper-wrapper myimgs">
<div class="swiper-slide"> <a href="images/detail-slider1.jpg" data-fancybox="1" title="Zoom In"><img class="myimage" src="images/detail-slider1.jpg" alt="gallery"/></a></div>
<div class="swiper-slide"> <a href="images/detail-slider2.jpg" data-fancybox="2" title="Zoom In"><img class="myimage" src="images/detail-slider2.jpg" alt="thumnails"/></a></div>
<div class="swiper-slide"> <a href="images/detail-slide3.jpg" data-fancybox="3" title="Zoom In"><img class="myimage" src="images/detail-slide3.jpg" alt="thumnails"/></a></div>
</div>
</div>
<div class="Thumbs swiper-container" id="thumbs">
<div class="swiper-wrapper">
<div class="swiper-slide"> <img src="images/detail-slider1.jpg" alt="thumnails"/></div>
<div class="swiper-slide"> <img src="images/detail-slider2.jpg" alt="thumnails"/></div>
<div class="swiper-slide"> <img src="images/detail-slide3.jpg" alt="thumnails"/></div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 text-center text-lg-left">
<div class="product-single-price">
<p class="pro-description">Situated within close proximity to the onsite clubhouse this is a prime location land plot with great rental potential. Facilities available to the community residents include an exclusive club house</p>
</div>
<div class="product-checklist">
<ul>
<li><i class="fas fa-check"></i> Powder Room With Wooden + Tiled flooring</li>
<li><i class="fas fa-check"></i> Proper Security System</li>
<li><i class="fas fa-check"></i> Satisfaction 100% Guaranteed</li>
</ul>
</div>
<div class="row product-quantity no-gutters">
<div class="col-12 col-lg-4 mb-2">
<button class="btn standard-btn rounded-pill w-100" data-animation-duration="500" data-fancybox data-src="#animatedModal">Project Inquiry</button>
</div>
</div>
<div class="dropdown-divider"></div>
<div class="product-tags-list">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><p class="d-inline">P-ID: <span><a href="#">03012</a></span></p></li>
<li class="breadcrumb-item"><p class="d-inline">Categories: <a href="#">Bungalow</a><span class="comma-separtor">,</span><a href="#">USA</a></p></li>
<li class="breadcrumb-item" aria-current="page"><p class="d-inline">Tags: <a href="#">Real Estate</a><span class="comma-separtor">,</span><a href="#">Housing</a></li>
</ol>
</nav>
</div>
<div class="share-product-details">
<ul class="share-product-icons">
<li><p>Share Link:</p></li>
<li><a href="#" class="facebook-bg-hvr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a href="#" class="twitter-bg-hvr"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>
<li><a href="#" class="linkedin-bg-hvr"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
<li><a href="#" class="instagram-bg-hvr"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<div class="col-12 mt-4 mb-4">
<div class="row no-gutters product-all-details">
<ul class="col-12 nav nav-tabs" id="myTab" role="tablist">
<li class="col-4 nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Project Details</a>
</li>
<li class="col-4 nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Additional Details</a>
</li>
<li class="col-4 nav-item">
<a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Customer Reviews (2)</a>
</li>
</ul>
<div class="col-12 tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="" role="tabpanel" aria-labelledby="home-tab">
<p class="product-tab-description text-center text-lg-left">This substantial land plot is great for investors or those wishing to relocate to Florida. The land plot has planning permission to build a spacious single family home on with private driveway and a double garage for residential use or long term rental.</p>
<p class="product-tab-description text-center text-lg-left">Situated within close proximity to the onsite clubhouse this is a prime location land plot with great rental potential. Facilities available to the community residents include an exclusive club house, fitness centre & a swimming pool, as well as tennis and basketball courts, cycle paths and a lake fronted park.</p>
<div class="google-map" id="map"></div>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<div class="row">
<div class="col-12 col-lg-4">
<ul class="project-addtional-info">
<li><i class="fas fa-check"></i> <p>05 Bedrooms</p></li>
<li><i class="fas fa-check"></i> <p>06-Shower Tub Baths</p></li>
<li><i class="fas fa-check"></i> <p>Powder Room</p></li>
<li><i class="fas fa-check"></i> <p>4-Car Parking </p></li>
<li><i class="fas fa-check"></i> <p>2 Big TV Lounge</p></li>
</ul>
</div>
<div class="col-12 col-lg-4">
<ul class="project-addtional-info">
<li><i class="fas fa-check"></i> <p>Green Lush Lawn</p></li>
<li><i class="fas fa-check"></i> <p>Wooden Floor</p></li>
<li><i class="fas fa-check"></i> <p>1-Store Rooms</p></li>
<li><i class="fas fa-check"></i> <p>Wooden Work</p></li>
<li><i class="fas fa-check"></i> <p>Wooden + Tiled flooring</p></li>
</ul>
</div>
<div class="col-12 col-lg-4">
<ul class="project-addtional-info">
<li><i class="fas fa-check"></i> <p>Washrooms with Imported Fitting</p></li>
<li><i class="fas fa-check"></i> <p>Sitting Area and Bar B Q Area</p></li>
<li><i class="fas fa-check"></i> <p>Roof Top</p></li>
<li><i class="fas fa-check"></i> <p>Swimming pool</p></li>
<li><i class="fas fa-check"></i> <p>Proper Security System</p></li>
</ul>
</div>
</div>
</div>
<div class="tab-pane fade reviews" id="contact" role="tabpanel" aria-labelledby="contact-tab">
<div class="media">
<div class="row no-gutter">
<div class="col-12 col-lg-2 p-0">
<div class="row no-gutters">
<div class="col-12 d-flex justify-content-center">
<img src="images/user-1.jpg" alt="Generic placeholder image">
</div>
<div class="col-12 d-flex mt-2 justify-content-center">
<ul class="user-rating">
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-lg-10 p-0">
<div class="media-body ">
<span class="text-center text-lg-left d-block">27 Aug 2017</span>
<h5 class="mb-2 text-center text-lg-left">Media heading</h5>
<p class="text-center text-lg-left">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam.</p>
</div>
</div>
</div>
</div>
<div class="media">
<div class="row no-gutter">
<div class="col-12 col-lg-2 p-0">
<div class="row no-gutters">
<div class="col-12 d-flex justify-content-center">
<img src="images/user-2.jpg" alt="Generic placeholder image">
</div>
<div class="col-12 d-flex mt-2 justify-content-center">
<ul class="user-rating">
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-lg-10 p-0">
<div class="media-body ">
<span class="text-center text-lg-left d-block">27 Aug 2017</span>
<h5 class="mb-2 text-center text-lg-left">Media heading</h5>
<p class="text-center text-lg-left">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam.</p>
</div>
</div>
</div>
</div>
<div class="row pl-2 pr-2">
<div class="col-12 d-flex mb-4 mt-3">
<h5 class="text-nowrap">Add Review</h5>
<hr class="w-100 ml-5"/>
</div>
<div class="col-12">
<form class="getin_form border-form" id="register">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="form-group bottom35">
<input type="text" class="form-control" placeholder="Name*" required="" id="registerName">
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="form-group bottom35">
<input type="email" class="form-control" placeholder="Email*" required="" id="registerEmail">
</div>
</div>
<div class="col-12 col-lg-2 text-center text-lg-left">
<h5 class="text-nowrap">Your Rating</h5>
</div>
<div class="col-12 col-lg-10 text-center text-lg-left">
<ul class="user-rating">
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star-filled"></i></a></li>
<li><a href="#"><i class="lni-star"></i></a></li>
</ul>
</div>
<div class="col-12">
<div class="form-group">
<!-- <label for="comment">Your Rating:</label>-->
<textarea class="form-control textareaclass" rows="5" id="comment" placeholder="Your Review"></textarea>
</div>
</div>
<div class="col-12 mt-3">
<div class="form-group d-flex justify-content-center d-lg-block">
<button class="text-center btn standard-btn rounded-pill">Add Review</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="lastest_arrivals remove-margins">
<div class="container">
<div class="row">
<div class="col-12 mb-4">
<h1>other Projects</h1>
</div>
<div class="col-12 gallary-sec ">
<div class="lastest_featured_products owl-carousel owl-theme">
<!--image-1-->
<div class="item">
<a href="#">
<div class="card">
<div class="image-holder-gallary hover-effects">
<div class="Porject-overlay overlayTop"></div>
<img class="card-img-top" src="images/gallery-3.png" alt="Card image cap">
</div>
</div>
</a>
</div>
<!--image-2-->
<div class="item">
<a href="#">
<div class="card">
<div class="image-holder-gallary hover-effects">
<div class="Porject-overlay overlayTop"></div>
<img class="card-img-top" src="images/gallery-1.png" alt="Card image cap">
</div>
</div>
</a>
</div>
<!--image-3-->
<div class="item">
<a href="#">
<div class="card">
<div class="image-holder-gallary hover-effects">
<div class="Porject-overlay overlayTop"></div>
<img class="card-img-top" src="images/gallery-2.png" alt="Card image cap">
</div>
</div>
</a>
</div>
<!--image-4-->
<div class="item">
<a href="#">
<div class="card">
<div class="image-holder-gallary hover-effects">
<div class="Porject-overlay overlayTop"></div>
<img class="card-img-top" src="images/gallery-3.png" alt="Card image cap">
</div>
</div>
</a>
</div>
<!--image-5-->
<div class="item">
<a href="#">
<div class="card">
<div class="image-holder-gallary hover-effects">
<div class="Porject-overlay overlayTop"></div>
<img class="card-img-top" src="images/gallery-2.png" alt="Card image cap">
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--END LATEST ARRIVALS-->
</section>
<!--About End-->
<!--Footer Start-->
<footer class="footer-sec text-center">
<h2 class="d-none">hidden</h2>
<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-->
<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/swiper.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="https://maps.googleapis.com/maps/api/js?key=AIzaSyB4fusEY9kSwNHgtK8KOgyoTsyP5Tb2NXo"></script>
<script src="js/map.js"></script>
<script src="js/script.js"></script>
</body>
</html>