<!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>About</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">
<link rel="stylesheet" type="text/css" href="assets/css/odometer.min.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>About Us</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>About Us</p>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Banner Style One End -->
<!-- About-First Start -->
<section class="gap about-first">
<div class="container">
<div class="row">
<h2>Construction industry representing the interests of small and medium-sized building companies</h2>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="who-we-are">
<div>
<h3>Who We Are?</h3>
<p>We are resolute in our mission to not only make a difference to the lives of people today but to also leave a legacy for future generations and the planet we live in. 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>
</div>
<figure>
<img class="w-100" src="https://via.placeholder.com/635x400" alt="About Image One">
</figure>
</div>
</div>
<div class="col-lg-5 offset-lg-1">
<div class="who-we-are space">
<div>
<h3>What's in it for me?</h3>
<ul>
<li><i class="fa-solid fa-circle-dot"></i> High performing, low carbon concrete solution</li>
<li><i class="fa-solid fa-circle-dot"></i> Value for workers' skills</li>
<li><i class="fa-solid fa-circle-dot"></i> Excellent standards in construction</li>
<li><i class="fa-solid fa-circle-dot"></i> An inclusive industry</li>
<li><i class="fa-solid fa-circle-dot"></i> Don't take our word for it</li>
</ul>
</div>
<figure>
<img class="w-100" src="https://via.placeholder.com/635x400" alt="About Image Two ">
</figure>
</div>
</div>
</div>
</div>
</section>
<!-- About-First End -->
<!-- Counter Style One Start -->
<section class="gap no-top counter-style-one">
<div class="container">
<div class="row">
<div class="col-lg-4" >
<div class="counter-data">
<div class="counttt">
<span class="odometer" data-count="20" data-status="yes">0</span><i>Years</i>
</div>
<h4>Professional experience</h4>
</div>
</div>
<div class="col-lg-4" >
<div class="counter-data upper-space">
<div class="counttt">
<span class="odometer" data-count="300" data-status="yes">0</span>
<i>People</i>
</div>
<h4>Employees in team</h4>
</div>
</div>
<div class="col-lg-4" >
<div class="counter-data">
<div class="counttt">
<span class="odometer" data-count="350" data-status="yes">0</span><i>Locations</i>
</div>
<h4>Sites in development</h4>
</div>
</div>
</div>
</div>
</section>
<!-- Counter Style One End -->
<!--About How It Works Start -->
<section class="gap about-how-it-works light-bg-color">
<div class="heading">
<figure>
<img src="assets/images/heading-icon.png" alt="Heading Icon">
</figure>
<span>Plan + Control</span>
<h2>How it Works</h2>
</div>
<div class="container">
<figure style="position: relative; z-index: 9;">
<img class="w-100" src="https://via.placeholder.com/1300x460" alt="About How It Works">
</figure>
</div>
<div class="container">
<div class="row g-0">
<div class="col-lg-3 col-md-6 col-sm-12" >
<div class="plans">
<div class="y-box d-flex-all">
1.
</div>
<h3>Phase Plan</h3>
<p>This step connects the design process and its miles tones with construction.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12" >
<div class="plans">
<div class="y-box d-flex-all">
2.
</div>
<h3>Design Pull Plan</h3>
<p>We work with the design team to establish a detailed plan for reaching our goals.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12" >
<div class="plans">
<div class="y-box d-flex-all">
3.
</div>
<h3>Coordinated Layout</h3>
<p>This process creates a single point of truth: coordinated drawings all project.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12" >
<div class="plans">
<div class="y-box d-flex-all">
4.
</div>
<h3>Quality Control</h3>
<p>Having geometry worked out in the Coordinated Layout step, prior to construction.</p>
</div>
</div>
</div>
</div>
</section>
<!--About How It Works End -->
<!--About Key Benefits Start -->
<section class="gap about-key-benefits">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6" >
<div class="data">
<figure>
<img class="w-100" src="https://via.placeholder.com/580x640" alt="About key Benefits">
</figure>
</div>
</div>
<div class="col-lg-6" >
<div class="data">
<h2>Key Benefits</h2>
<ul>
<li>
<i class="fa-solid fa-check"></i>
<p>Labor expenses are a common target for cost reduction measures in the construction industry</p>
</li>
<li>
<i class="fa-solid fa-check"></i>
<p> A good material management system includes proper communication, scheduling, and tracking tools.</p>
</li>
<li>
<i class="fa-solid fa-check"></i>
<p>Faster supplies can be used upon delivery to a construction site, the better.</p>
</li>
<li>
<i class="fa-solid fa-check"></i>
<p>Effective material management systems not only ensure that materials are in the right place</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--About Key Benefits End -->
<!-- Team Style One Start -->
<section class="gap no-top team-style-one">
<div class="heading-style-2">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-8">
<div class="data">
<span>Our Skilled Team</span>
<h2>Meet The Expert Team</h2>
</div>
</div>
<div class="col-lg-6 col-md-4">
<div class="team-slider-nav">
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="team-slider owl-carousel">
<div class="team-data">
<div class="team-image">
<figure>
<img src="https://via.placeholder.com/280x430" alt="team-3">
</figure>
</div>
<div class="team-info">
<h3>Harald Gindl, MBA</h3>
<p>Head Railway Construction</p>
<div class="team-social-media">
<a class="fb icon" href="#">
<i class="fa-brands fa-facebook-f"></i>
</a>
<a class="tw icon" href="#">
<i class="fa-brands fa-twitter"></i>
</a>
</div>
</div>
</div>
<div class="team-data">
<div class="team-image">
<figure>
<img src="https://via.placeholder.com/280x430" alt="team-1">
</figure>
</div>
<div class="team-info">
<h3>Edward Jeffrey</h3>
<p>Finance Department</p>
<div class="team-social-media">
<a class="fb icon" href="#">
<i class="fa-brands fa-facebook-f"></i>
</a>
<a class="tw icon" href="#">
<i class="fa-brands fa-twitter"></i>
</a>
</div>
</div>
</div>
<div class="team-data">
<div class="team-image">
<figure>
<img src="https://via.placeholder.com/280x430" alt="team-2">
</figure>
</div>
<div class="team-info">
<h3>Nicholas Larry</h3>
<p>Railway Manager</p>
<div class="team-social-media">
<a class="fb icon" href="#">
<i class="fa-brands fa-facebook-f"></i>
</a>
<a class="tw icon" href="#">
<i class="fa-brands fa-twitter"></i>
</a>
</div>
</div>
</div>
<div class="team-data">
<div class="team-image">
<figure>
<img src="https://via.placeholder.com/280x430" alt="team-3">
</figure>
</div>
<div class="team-info">
<h3>Stephen</h3>
<p>Creative Worker</p>
<div class="team-social-media">
<a class="fb icon" href="#">
<i class="fa-brands fa-facebook-f"></i>
</a>
<a class="tw icon" href="#">
<i class="fa-brands fa-twitter"></i>
</a>
</div>
</div>
</div>
<div class="team-data">
<div class="team-image">
<figure>
<img src="https://via.placeholder.com/280x430" alt="team-1">
</figure>
</div>
<div class="team-info">
<h3>Eric Scot</h3>
<p>Cheif Railway Construction</p>
<div class="team-social-media">
<a class="fb icon" href="#">
<i class="fa-brands fa-facebook-f"></i>
</a>
<a class="tw icon" href="#">
<i class="fa-brands fa-twitter"></i>
</a>
</div>
</div>
</div>
<div class="team-data">
<div class="team-image">
<figure>
<img src="https://via.placeholder.com/280x430" alt="team-2">
</figure>
</div>
<div class="team-info">
<h3>Alexander</h3>
<p>Head Railway Construction</p>
<div class="team-social-media">
<a class="fb icon" href="#">
<i class="fa-brands fa-facebook-f"></i>
</a>
<a class="tw icon" href="#">
<i class="fa-brands fa-twitter"></i>
</a>
</div>
</div>
</div>
<div class="team-data">
<div class="team-image">
<figure>
<img src="https://via.placeholder.com/280x430" alt="team-3">
</figure>
</div>
<div class="team-info">
<h3>Jose Tyler</h3>
<p>HR Department</p>
<div class="team-social-media">
<a class="fb icon" href="#">
<i class="fa-brands fa-facebook-f"></i>
</a>
<a class="tw icon" href="#">
<i class="fa-brands fa-twitter"></i>
</a>
</div>
</div>
</div>
<div class="team-data">
<div class="team-image">
<figure>
<img src="https://via.placeholder.com/280x430" alt="team-2">
</figure>
</div>
<div class="team-info">
<h3>Henry Vincent</h3>
<p>Construction Manager</p>
<div class="team-social-media">
<a class="fb icon" href="#">
<i class="fa-brands fa-facebook-f"></i>
</a>
<a class="tw icon" href="#">
<i class="fa-brands fa-twitter"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Team Style One End -->
<!-- Renovation Start -->
<section class="gap renovation">
<div class="parallax" style="background-image: url(https://via.placeholder.com/1930x800);"></div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="reno-data">
<h3>Your Renovation</h3>
<h2>Starts Here</h2>
<p>Each of our completed projects comes with a 2-5 year warranty, giving you peace of mind knowing that your home’s renovations are in good hands.</p>
<div class="bbtn">
<figure>
<img class="w-auto circle-layer" src="assets/images/circle-text.png" alt="Circle Text">
</figure>
<a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="fa-solid fa-arrow-up-long"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Renovation End -->
<!-- Client Review Style One Start -->
<section class="gap client-review-style-one">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="300" data-aos-duration="700">
<div class="head-review">
<span>Testimonials</span>
<h3>Client’s Reviews</h3>
</div>
<div class="client-review-slider owl-carousel">
<div class="slider-data">
<p>To my mind, the greatest reward for any renovation project is being able to experience the transformation from beginning to end. I enjoy getting to see how a renovation can go from an idea to a reality and lead to an elevated mood and heightened productivity.</p>
<div class="bio d-flex-all justify-content-start w-100">
<div class="icon d-flex-all">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26" height="26" viewBox="0 0 26 26"> <defs> <clipPath id="clip-Inverted"> <rect width="26" height="26"/> </clipPath> </defs> <g id="Inverted_" data-name="Inverted commas flaky" clip-path="url(#clip-Inverted)"> <path id="Path_3444" data-name="Path 3" d="M.032,24.036V14.478l-.032,0V8.991C.4.4,9.086,0,9.086,0V5.961c-3.535,0-3.555,3.03-3.555,3.03v4.045h5.5v11ZM0,8.991Z" transform="translate(14 0.964)"/> <path id="Path_weee4" data-name="Path 4" d="M.032,24.036V14.478l-.032,0V8.991C.4.4,9.086,0,9.086,0V5.961c-3.535,0-3.555,3.03-3.555,3.03v4.045h5.5v11ZM0,8.991Z" transform="translate(0.969 0.964)"/> </g> </svg>
</div>
<div class="details w-100">
<h3>Marko Marlee</h3>
<p>Chairman, Building Corp</p>
</div>
</div>
</div>
<div class="slider-data">
<p>To my mind, the greatest reward for any renovation project is being able to experience the transformation from beginning to end. I enjoy getting to see how a renovation can go from an idea to a reality and lead to an elevated mood and heightened productivity.</p>
<div class="bio d-flex-all justify-content-start w-100">
<div class="icon d-flex-all">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26" height="26" viewBox="0 0 26 26"> <defs> <clipPath id="clip-Inverted_comma"> <rect width="26" height="26"/> </clipPath> </defs> <g id="Inver" data-name="Inverted commas flaky" clip-path="url(#clip-Inverted_comma)"> <path id="Path_332" data-name="Path 3" d="M.032,24.036V14.478l-.032,0V8.991C.4.4,9.086,0,9.086,0V5.961c-3.535,0-3.555,3.03-3.555,3.03v4.045h5.5v11ZM0,8.991Z" transform="translate(14 0.964)"/> <path id="Path_3344" data-name="Path 4" d="M.032,24.036V14.478l-.032,0V8.991C.4.4,9.086,0,9.086,0V5.961c-3.535,0-3.555,3.03-3.555,3.03v4.045h5.5v11ZM0,8.991Z" transform="translate(0.969 0.964)"/> </g> </svg>
</div>
<div class="details w-100">
<h3>Christopher</h3>
<p>Social Worker</p>
</div>
</div>
</div>
<div class="slider-data">
<p>To my mind, the greatest reward for any renovation project is being able to experience the transformation from beginning to end. I enjoy getting to see how a renovation can go from an idea to a reality and lead to an elevated mood and heightened productivity.</p>
<div class="bio d-flex-all justify-content-start w-100">
<div class="icon d-flex-all">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26" height="26" viewBox="0 0 26 26"> <defs> <clipPath id="clip-Inve"> <rect width="26" height="26"/> </clipPath> </defs> <g id="Inverted_co" data-name="Inverted commas flaky" clip-path="url(#clip-Inve)"> <path id="Path_35555" data-name="Path 3" d="M.032,24.036V14.478l-.032,0V8.991C.4.4,9.086,0,9.086,0V5.961c-3.535,0-3.555,3.03-3.555,3.03v4.045h5.5v11ZM0,8.991Z" transform="translate(14 0.964)"/> <path id="Path_4545454" data-name="Path 4" d="M.032,24.036V14.478l-.032,0V8.991C.4.4,9.086,0,9.086,0V5.961c-3.535,0-3.555,3.03-3.555,3.03v4.045h5.5v11ZM0,8.991Z" transform="translate(0.969 0.964)"/> </g> </svg>
</div>
<div class="details w-100">
<h3>Donald Paul</h3>
<p>Constructor</p>
</div>
</div>
</div>
<div class="slider-data">
<p>To my mind, the greatest reward for any renovation project is being able to experience the transformation from beginning to end. I enjoy getting to see how a renovation can go from an idea to a reality and lead to an elevated mood and heightened productivity.</p>
<div class="bio d-flex-all justify-content-start w-100">
<div class="icon d-flex-all">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26" height="26" viewBox="0 0 26 26"> <defs> <clipPath id="clip-Inverted_coadsadad"> <rect width="26" height="26"/> </clipPath> </defs> <g id="Inverte" data-name="Inverted commas flaky" clip-path="url(#clip-Inverted_coadsadad)"> <path id="Path_3fewrrw" data-name="Path 3" d="M.032,24.036V14.478l-.032,0V8.991C.4.4,9.086,0,9.086,0V5.961c-3.535,0-3.555,3.03-3.555,3.03v4.045h5.5v11ZM0,8.991Z" transform="translate(14 0.964)"/> <path id="Path_werwer4" data-name="Path 4" d="M.032,24.036V14.478l-.032,0V8.991C.4.4,9.086,0,9.086,0V5.961c-3.535,0-3.555,3.03-3.555,3.03v4.045h5.5v11ZM0,8.991Z" transform="translate(0.969 0.964)"/> </g> </svg>
</div>
<div class="details w-100">
<h3>Kevin Samuel</h3>
<p>Creative Head</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="700" data-aos-duration="1000">
<figure>
<img src="https://via.placeholder.com/620x630" alt="Client Images">
</figure>
</div>
</div>
</div>
</section>
<!-- Client Review Style One End -->
<!-- Client Style One Start -->
<div class="gap no-top client-style-one">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="client-slider owl-carousel">
<img class="w-auto m-auto" src="https://via.placeholder.com/230x40" alt="client-1">
<img class="w-auto m-auto" src="https://via.placeholder.com/230x40" alt="client-2">
<img class="w-auto m-auto" src="https://via.placeholder.com/230x40" alt="client-3">
<img class="w-auto m-auto" src="https://via.placeholder.com/230x40" alt="client-4">
<img class="w-auto m-auto" src="https://via.placeholder.com/230x40" alt="client-5">
<img class="w-auto m-auto" src="https://via.placeholder.com/230x40" alt="client-1">
<img class="w-auto m-auto" src="https://via.placeholder.com/230x40" alt="client-2">
</div>
</div>
</div>
</div>
</div>
<!-- Client Style One 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="exampleModal" 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>
<script src="assets/js/odometer.min.js"></script>
<!-- Custom Js -->
<script src="assets/js/custom.js"></script>
</body>
</html>