<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Options -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Title -->
<title>Core Values</title>
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="assets/images/heading-icon.png">
<!-- Owl Carousal -->
<link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/owl.theme.default.min.css">
<!-- Animate on scroll -->
<link rel="stylesheet" type="text/css" href="assets/css/aos.css">
<!-- Fancy Box -->
<link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">
<!-- Nice Select -->
<link rel="stylesheet" type="text/css" href="assets/css/nice-select.css">
<!-- Stylesheet -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="stylesheet" type="text/css" href="assets/css/style-dark.css">
<!-- Colors -->
<link rel="stylesheet" type="text/css" href="assets/css/color.css">
<!-- Responsive -->
<link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
<!-- Font Awesome 5 -->
<script src="https://kit.fontawesome.com/27a041baf1.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Loader Start -->
<div class="preloader">
<figure>
<img src="assets/images/Builty-Logo-Black-Home.svg" alt="Image">
</figure>
</div>
<!-- Loader End -->
<!-- Header Style One Start -->
<header class="header-style-one">
<div class="container">
<div class="row">
<div class="desktop-nav" id="stickyHeader">
<div class="header-logo">
<a href="index.html">
<figure>
<img src="https://via.placeholder.com/155x55" alt="logoo">
</figure>
</a>
</div>
<div class="nav-bar">
<ul>
<li class="menu-item-has-children">
<a href="javascript:void(0)">Home</a>
<ul class="sub-menu">
<li><a href="index.html">Home One</a></li>
<li><a href="index-2.html">Home Two</a></li>
<li><a href="index-3.html">Home Three</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:void(0)">About</a>
<ul class="sub-menu">
<li><a href="about.html">About Company</a></li>
<li><a href="core-values.html">Core Values</a></li>
<li><a href="leadership.html">Leadership</a></li>
<li><a href="history.html">History</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="JavaScript:void(0)">Shop</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="javascript:void(0)">Our Products</a>
<ul class="sub-menu">
<li><a href="product-list.html">Product List</a></li>
<li><a href="product-grid.html">Product Grid</a></li>
</ul>
</li>
<li><a href="product-detail.html">Product Details</a></li>
<li><a href="cart.html">Shop Cart</a></li>
<li><a href="checkout.html">Cart Checkout</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="JavaScript:void(0)">Pages</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="javascript:void(0)">Services</a>
<ul class="sub-menu">
<li><a href="services.html">what we do</a></li>
<li><a href="service-detail.html">Service Detail</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:void(0)">Projects</a>
<ul class="sub-menu">
<li><a href="our-projects-1.html">Our Projects One</a></li>
<li><a href="our-projects-2.html">Our Projects Two</a></li>
<li><a href="project-detail.html">Project Detail</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:void(0)">Team</a>
<ul class="sub-menu">
<li><a href="our-team.html">Our Team</a></li>
<li><a href="team-detail.html">Team Detail</a></li>
</ul>
</li>
<li><a href="login.html">Login & Register</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:void(0)">News</a>
<ul class="sub-menu">
<li><a href="our-blog-1.html">Our Blog One</a></li>
<li><a href="our-blog-2.html">Our Blog Two</a></li>
<li><a href="blog-detail.html">Blog Detail</a></li>
</ul>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
<div class="extras">
<div class="theme-color">
<img src="assets/images/sun.png" alt="" id="theme-icon">
</div>
<a href="javascript:void(0)" id="mobile-menu" class="menu-start">
<svg id="ham-menu" viewBox="0 0 100 100"> <path class="line line1" d="M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" /> <path class="line line2" d="M 20,50 H 80" /> <path class="line line3" d="M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942" /> </svg>
</a>
<a href="javascript:void(0)" id="desktop-menu" class="menu-start">
<svg id="ham-menue" viewBox="0 0 100 100"> <path class="line line1" d="M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" /> <path class="line line2" d="M 20,50 H 80" /> <path class="line line3" d="M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942" /> </svg>
</a>
<a href="tel:+02101283492" class="theme-btn">+021 01283492
<i>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="62" viewBox="0 0 40 62">
<defs>
<clipPath id="saddasdasdasdasda">
<rect width="40" height="62"/>
</clipPath>
</defs>
<g id="Mobisdfle" clip-path="url(#saddasdasdasdasda)">
<path id="Path_125" data-name="Path 1" d="M10,6a4,4,0,0,0-4,4V50a4,4,0,0,0,4,4H28a4,4,0,0,0,4-4V10a4,4,0,0,0-4-4H10m0-6H28A10,10,0,0,1,38,10V50A10,10,0,0,1,28,60H10A10,10,0,0,1,0,50V10A10,10,0,0,1,10,0Z" transform="translate(1 1)"/>
<path id="Path_4342" data-name="Path 2" d="M2.5,0h7a2.5,2.5,0,0,1,0,5h-7a2.5,2.5,0,0,1,0-5Z" transform="translate(14 48)"/>
</g>
</svg>
</i>
</a>
</div>
</div>
</div>
<div class="mobile-nav" id="mobile-nav">
<div class="res-log">
<a href="index.html">
<img src="https://via.placeholder.com/155x55" alt="logoo">
</a>
</div>
<ul>
<li class="menu-item-has-children">
<a href="javascript:void(0)">Home</a>
<ul class="sub-menu">
<li><a href="index.html">Home One</a></li>
<li><a href="index-2.html">Home Two</a></li>
<li><a href="index-3.html">Home Three</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:void(0)">About</a>
<ul class="sub-menu">
<li><a href="about.html">About Company</a></li>
<li><a href="core-values.html">Core Values</a></li>
<li><a href="leadership.html">Leadership</a></li>
<li><a href="history.html">History</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="JavaScript:void(0)">Shop</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="javascript:void(0)">Our Products</a>
<ul class="sub-menu">
<li><a href="product-list.html">Product List</a></li>
<li><a href="product-grid.html">Product Grid</a></li>
</ul>
</li>
<li><a href="product-detail.html">Product Details</a></li>
<li><a href="cart.html">Shop Cart</a></li>
<li><a href="checkout.html">Cart Checkout</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="JavaScript:void(0)">Pages</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="javascript:void(0)">Services</a>
<ul class="sub-menu">
<li><a href="services.html">what we do</a></li>
<li><a href="service-detail.html">Service Detail</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:void(0)">Projects</a>
<ul class="sub-menu">
<li><a href="our-projects-1.html">Our Projects One</a></li>
<li><a href="our-projects-2.html">Our Projects Two</a></li>
<li><a href="project-detail.html">Project Detail</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:void(0)">Team</a>
<ul class="sub-menu">
<li><a href="our-team.html">Our Team</a></li>
<li><a href="team-detail.html">Team Detail</a></li>
</ul>
</li>
<li><a href="login.html">Login & Register</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:void(0)">News</a>
<ul class="sub-menu">
<li><a href="our-blog-1.html">Our Blog One</a></li>
<li><a href="our-blog-2.html">Our Blog Two</a></li>
<li><a href="blog-detail.html">Blog Detail</a></li>
</ul>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
<a href="JavaScript:void(0)" id="res-cross"></a>
</div>
<div class="mobile-nav desktop-menu">
<h2>We Build Building and Great Homes.</h2>
<p class="des">We successfully cope with tasks of varying complexity, provide long-term guarantees and regularly master new technologies.</p>
<figure>
<img src="assets/images/desktop-menu-img.jpg" alt="Desktop Menu Image">
</figure>
<h3>Get in touch</h3>
<p class="num">(+380) 50 318 47 07</p>
<p class="adrs">65 Allerton Street 901 N Pitt Str, Suite 170, VA 22314, USA</p>
<div class="social-medias">
<a href="javascript:void(0)">Facebook</a>
<a href="javascript:void(0)">Twitter</a>
<a href="javascript:void(0)">Linkedin</a>
</div>
</div>
</div>
</div>
</header>
<!-- Header Style One End -->
<!-- Banner Style One Start -->
<section class="banner-style-one">
<div class="parallax" style="background-image: url(assets/images/pattren-3.png);"></div>
<div class="container">
<div class="row">
<div class="banner-details">
<h2>Core Values</h2>
<p>our values and vaulted us to the top of our industry.</p>
</div>
</div>
</div>
<div class="breadcrums">
<div class="container">
<div class="row">
<ul>
<li>
<a href="index.html">
<i class="fa-solid fa-house"></i>
<p>Home</p>
</a>
</li>
<li class="current">
<p>Core Values</p>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Banner Style One End -->
<!-- About Style One Start -->
<section class="gap about-style-one">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="about-data-left">
<figure>
<img src="https://via.placeholder.com/370x500" alt="About One">
</figure>
<figure class="about-image">
<img src="https://via.placeholder.com/250x305" alt="About Two">
</figure>
</div>
</div>
<div class="col-lg-6">
<div class="about-data-right">
<span>Welcome to Our Company</span>
<h2>Constro Provides a full range of services</h2>
<div class="about-info">
<p>
We successfully cope with tasks of varying complexity, provide long-term guarantees and regularly master new technologies. Our portfolio includes dozens of successfully completed projects of houses of different storeys, with high–quality finishes and good repairs. Building houses is our vocation!
</p>
<figure>
<img src="assets/images/signature.png" alt="Signature">
</figure>
<h3>Walimes Jonnie</h3>
<h4>Director of Constro Company</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Style One End -->
<!-- Core Values Start -->
<section class="gap no-top core-values">
<div class="heading">
<figure>
<img src="assets/images/heading-icon.png" alt="Heading Icon">
</figure>
<span>MAKE A DIFFERENCE</span>
<h2>Our Core Values</h2>
</div>
<div class="container">
<div class="row">
<ul>
<li>
<div class="data">
<h3>Integrity</h3>
<p>We are caring—with a deep concern for and kindness to one another. We believe in the boundless potential of all people and feel a great responsibility to uplift one another and our families, and positively impact our communities.</p>
</div>
<div class="image">
<figure>
<img class="w-100" src="https://via.placeholder.com/540x300" alt="Core Values Image 1">
</figure>
</div>
</li>
<li>
<div class="image">
<figure>
<img class="w-100" src="https://via.placeholder.com/540x300" alt="Core Values Image 1">
</figure>
</div>
<div class="data">
<h3>Responsibility</h3>
<p>We are caring—with a deep concern for and kindness to one another. We believe in the boundless potential of all people and feel a great responsibility to uplift one another and our families, and positively impact our communities.</p>
</div>
</li>
<li>
<div class="data">
<h3>Accountability</h3>
<p>We are caring—with a deep concern for and kindness to one another. We believe in the boundless potential of all people and feel a great responsibility to uplift one another and our families, and positively impact our communities.</p>
</div>
<div class="image">
<figure>
<img class="w-100" src="https://via.placeholder.com/540x300" alt="Core Values Image 1">
</figure>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- Core Values End -->
<!-- Gallery Style One Start -->
<div class="gallery-style-one">
<div class="container-fluid g-0">
<div class="row g-0">
<div class="col-lg-3 col-md-6 col-sm-6">
<figure>
<a data-fancybox="gallery" href="https://via.placeholder.com/475x425">
<img class="img-fluid w-100" src="https://via.placeholder.com/475x425" alt="Gallery 1" >
</a>
</figure>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<figure>
<a data-fancybox="gallery" href="https://via.placeholder.com/475x425">
<img class="img-fluid w-100" src="https://via.placeholder.com/475x425" alt="Gallery 2" >
</a>
</figure>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<figure>
<a data-fancybox="gallery" href="https://via.placeholder.com/475x425">
<img class="img-fluid w-100" src="https://via.placeholder.com/475x425" alt="Gallery 3" >
</a>
</figure>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<figure>
<a data-fancybox="gallery" href="https://via.placeholder.com/475x425">
<img class="img-fluid w-100" src="https://via.placeholder.com/475x425" alt="Gallery 4" >
</a>
</figure>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<figure>
<a data-fancybox="gallery" href="https://via.placeholder.com/475x425">
<img class="img-fluid w-100" src="https://via.placeholder.com/475x425" alt="Gallery 5" >
</a>
</figure>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<figure>
<a data-fancybox="gallery" href="https://via.placeholder.com/475x425">
<img class="img-fluid w-100" src="https://via.placeholder.com/475x425" alt="Gallery 6" >
</a>
</figure>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<figure>
<a data-fancybox="gallery" href="https://via.placeholder.com/475x425">
<img class="img-fluid w-100" src="https://via.placeholder.com/475x425" alt="Gallery 7" >
</a>
</figure>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<figure>
<a data-fancybox="gallery" href="https://via.placeholder.com/475x425">
<img class="img-fluid w-100" src="https://via.placeholder.com/475x425" alt="Gallery 8" >
</a>
</figure>
</div>
</div>
</div>
</div>
<!-- Gallery Style One End -->
<!-- Innovation Start -->
<section class="gap innovation">
<div class="heading">
<span>MAKE A DIFFERENCE</span>
<h2>Innovation in Action</h2>
</div>
<div class="container">
<div class="row">
<ul>
<li>
<i class="fa-solid fa-check"></i>
<p>Dedication to client satisfaction</p>
</li>
<li>
<i class="fa-solid fa-check"></i>
<p>Dedication to client satisfaction</p>
</li>
<li>
<i class="fa-solid fa-check"></i>
<p>Dedication to client satisfaction</p>
</li>
<li>
<i class="fa-solid fa-check"></i>
<p>Dedication to client satisfaction</p>
</li>
<li>
<i class="fa-solid fa-check"></i>
<p>Dedication to client satisfaction</p>
</li>
<li>
<i class="fa-solid fa-check"></i>
<p>Dedication to client satisfaction</p>
</li>
</ul>
</div>
</div>
</section>
<!-- Innovation End -->
<!-- CTA Section Start -->
<section class="cta-section">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="cta-data">
<h2>Ready to work together?</h2>
<p>You’re looking for a reliable construction partner or you’re looking to take the next step in your career, we want to hear from you!</p>
<a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#exampleModal1" class="theme-btn">Build a Project <i class="fa-solid fa-angles-right"></i></a>
</div>
</div>
<div class="col-lg-5">
<div class="cta-data">
<figure>
<img src="https://via.placeholder.com/860x600" alt="Building-2 Pic">
</figure>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Section End -->
<!-- Footer Style One Start -->
<footer class="footer-style-one">
<div class="footer-p-1">
<div class="container">
<div class="row">
<div class="footer-first">
<div class="footer-logo">
<a href="index.html">
<img src="https://via.placeholder.com/155x55" alt="logoo">
</a>
</div>
<div class="contact-info d-flex-all">
<div class="images d-flex-all justify-content-start">
<figure>
<img src="https://via.placeholder.com/55x55" alt="Contact Images">
</figure>
<figure>
<img src="https://via.placeholder.com/55x55" alt="Contact Images">
</figure>
</div>
<p>Sales representative <span>+1 (251) 344 0 66</span> free call !</p>
</div>
<a href="contact.html" class="theme-btn">Get a Consultation <i class="fa-solid fa-angles-right"></i></a>
</div>
</div>
</div>
</div>
<div class="footer-p-2">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="footer-col">
<h3>Information</h3>
<p>We successfully cope with tasks of varying complexity, provide long-term guarantees and regularly master new technologies.</p>
</div>
</div>
<div class="col-lg-4">
<div class="footer-col">
<h3>Contact</h3>
<ul>
<li>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="79" height="94" viewBox="0 0 79 94"> <defs> <clipPath id="clip-location_B"> <rect width="79" height="94"/> </clipPath> </defs> <g id="location_B" data-name="location B" clip-path="url(#clip-location_B)"> <path id="Path_121" data-name="Path 1" d="M962.855,575.375a3,3,0,0,1-2.1-.861l-26.263-25.826c-11.03-11.993-13.791-27.653-7.492-42a38.334,38.334,0,0,1,34.959-23.117l1.346.009c15.262,0,27.868,8.452,33.722,22.609,6.152,14.878,3.046,31.554-7.912,42.485-.528.555-24.064,25.75-24.064,25.75a3,3,0,0,1-2.129.951Zm-.9-85.8A31.924,31.924,0,0,0,932.49,509.1c-5.313,12.1-2.954,25.342,6.31,35.419l23.963,23.559c15.027-16.085,20.179-21.585,22.274-23.488l-.164-.165c9.233-9.209,11.825-23.318,6.605-35.944a29.677,29.677,0,0,0-28.177-18.9Z" transform="translate(-922.725 -482.15)"/> <path id="Path_23" data-name="Path 2" d="M15,6a9,9,0,1,0,9,9,9.01,9.01,0,0,0-9-9m0-6A15,15,0,1,1,0,15,15,15,0,0,1,15,0Z" transform="translate(25 26)"/> </g> </svg>
<p>901 N Pitt Str., Suite 170, VA 22314, USA</p>
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="62" viewBox="0 0 40 62"> <defs> <clipPath id="dasdasdasd"> <rect width="40" height="62"/> </clipPath> </defs> <g id="Mobsdfsdfsdfsdfile" clip-path="url(#dasdasdasd)"> <path id="Path_331" data-name="Path 1" d="M10,6a4,4,0,0,0-4,4V50a4,4,0,0,0,4,4H28a4,4,0,0,0,4-4V10a4,4,0,0,0-4-4H10m0-6H28A10,10,0,0,1,38,10V50A10,10,0,0,1,28,60H10A10,10,0,0,1,0,50V10A10,10,0,0,1,10,0Z" transform="translate(1 1)"/> <path id="Path_2" data-name="Path 2" d="M2.5,0h7a2.5,2.5,0,0,1,0,5h-7a2.5,2.5,0,0,1,0-5Z" transform="translate(14 48)"/> </g> </svg>
<p>(+380) 50 318 47 07</p>
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="102" height="93" viewBox="0 0 102 93"> <defs> <clipPath id="clip-Email_B"> <rect width="102" height="93"/> </clipPath> </defs> <g id="Email_B" data-name="Email B" clip-path="url(#clip-Email_B)"> <path id="Path_1444" data-name="Path 1" d="M969.85,550.4,927.766,528.2l2.8-5.307,39.229,20.7,37.712-20.677,2.885,5.261Z" transform="translate(-918 -492)"/> <path id="Path_24" data-name="Path 2" d="M969.562,494.385l48.391,25.361,0,1.818c-.023,17.272-.043,42.814-.012,47.124l.012.024v.709c0,5.426-1.516,9.425-4.508,11.885a10.4,10.4,0,0,1-6.575,2.344l-75.5-.016c-3.557.071-5.965-.931-7.717-2.752-2.4-2.5-3.517-6.391-3.317-11.577l.065-1.194c.116-5.315.029-29.954-.067-46.535l-.011-1.842Zm42.386,28.988-42.411-22.227-43.2,22.238c.189,32.939.239,42.8-.143,46.148l.13.005c-.168,4.351.8,6.309,1.645,7.185a3.342,3.342,0,0,0,2.458.984l76.043-.071a4.65,4.65,0,0,0,3.16-.963c1.517-1.248,2.319-3.754,2.319-7.25h.09C1011.893,566.689,1011.9,557.566,1011.947,523.373Z" transform="translate(-918 -492)"/> </g> </svg>
<p>username@domain.com</p>
</li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="footer-col">
<h3>Newsletter</h3>
<p>Signup for our weekly newsletter to get the latest news.</p>
<form>
<input type="email" name="email" placeholder="Enter your email.">
<button>
<i class="fa-solid fa-arrow-up-long"></i>
</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="footer-p-3 rights">
<div class="container">
<div class="row">
<div class="footer-col">
<p>Builty Construction Company <i class="fa-solid fa-heart"></i> © 2022 <a href="https://winsfolio.net/"> winsfolio.net</a> All rights reserved</p>
<div class="social-medias">
<a href="javascript:void(0)">Facebook</a>
<a href="javascript:void(0)">Twitter</a>
<a href="javascript:void(0)">Linkedin</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer Style One End -->
<button id="scrollTop" class="scrollTopStick">
<i class="fa-solid fa-arrow-up"></i>
</button>
<div class="modal fade popups est-popup" id="exampleModal1" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="estimated-price popup">
<div class="est-form">
<h3>Estimatied Price</h3>
<p>To get the cost estimation of your house please select from the following:</p>
<form>
<div class="row">
<div class="form-group col-md-12">
<label for="inputState-1">House Area</label>
<select id="inputState-1" class="form-control">
<option selected>Choose Area</option>
<option>...</option>
</select>
</div>
</div>
<div class="row">
<div class="form-group col-md-6 space">
<label for="inputState-2">Room</label>
<select id="inputState-2" class="form-control">
<option selected>Select Room</option>
<option>...</option>
</select>
</div>
<div class="form-group col-md-6">
<label for="inputState-3">Bathroom</label>
<div class="gg">
<select id="inputState-3" class="form-control">
<option selected>Select Bathroom</option>
<option>...</option>
</select>
</div>
</div>
</div>
<div class="row checkk g-0">
<p>Building Materials</p>
<div class="form-group col-md-6">
<div class="custom-control custom-radio">
<input checked type="radio" id="customRadio1" name="customRadio" class="custom-control-input">
<label class="custom-control-label" for="customRadio1">A+ Grey Structure</label>
</div>
</div>
<div class="form-group col-md-6">
<div class="custom-control custom-radio">
<input type="radio" id="customRadio2" name="customRadio" class="custom-control-input">
<label class="custom-control-label" for="customRadio2">Premium Finishing</label>
</div>
</div>
</div>
<div class="est-main">
<p>A+ House Construction Tentative Amount</p>
<div class="est-price">
<p>Estimated Price:</p>
<span class="price">$ 80000</span>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Jquery -->
<script src="assets/js/jquery.min.js"></script>
<!-- Waypoint -->
<script src="assets/js/jquery.waypoints.min.js"></script>
<!-- Counter -->
<script src="assets/js/jquery.counterup.min.js"></script>
<!-- Bootstrap Js -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- Fancybox Js -->
<script src="assets/js/jquery.fancybox.min.js"></script>
<!-- Nice Select Js -->
<script src="assets/js/jquery.nice-select.js"></script>
<!-- Animate on scroll Js -->
<script src="assets/js/aos.js"></script>
<!-- Owl Carousal Js -->
<script src="assets/js/owl.carousel.min.js"></script>
<!-- Custom Js -->
<script src="assets/js/custom.js"></script>
</body>
</html>