<!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>Homepage 3</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 class="header-style-one" >
<div class="container">
<div class="row">
<div class="desktop-nav" id="stickyHeader">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="d-flex-all justify-content-between">
<div class="header-logo">
<a href="index.html">
<figure>
<img src="assets/images/Builty-Logo.svg" 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="JavaScript:void(0)" class="pr-cart">
<svg id="Shoping-bags" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><g><path d="m452 120h-60.946c-7.945-67.478-65.477-120-135.054-120s-127.109 52.522-135.054 120h-60.946c-11.046 0-20 8.954-20 20v352c0 11.046 8.954 20 20 20h392c11.046 0 20-8.954 20-20v-352c0-11.046-8.954-20-20-20zm-196-80c47.484 0 87.019 34.655 94.659 80h-189.318c7.64-45.345 47.175-80 94.659-80zm176 432h-352v-312h40v60c0 11.046 8.954 20 20 20s20-8.954 20-20v-60h192v60c0 11.046 8.954 20 20 20s20-8.954 20-20v-60h40z"/></g></svg>
</a>
<div class="cart-popup">
<ul>
<li class="d-flex align-items-center position-relative">
<div class="p-img light-bg">
<img src="assets/images/p-1.png" alt="Product Image">
</div>
<div class="p-data">
<h3 class="font-semi-bold">Pastoral Principles Cards</h3>
<p class="theme-clr font-semi-bold">1 x $25.00</p>
</div>
<a href="JavaScript:void(0)" id="crosss"></a>
</li>
<li class="d-flex align-items-center position-relative">
<div class="p-img light-bg">
<img src="assets/images/p-1.png" alt="Product Image">
</div>
<div class="p-data">
<h3 class="font-semi-bold">Pastoral Principles Cards</h3>
<p class="theme-clr font-semi-bold">1 x $25.00</p>
</div>
<a href="JavaScript:void(0)" id="cross"></a>
</li>
</ul>
<div class="cart-total d-flex align-items-center justify-content-between">
<span class="font-semi-bold">Total:</span>
<span class="font-semi-bold">$60.00</span>
</div>
<div class="cart-btns d-flex align-items-center justify-content-between">
<a class="font-bold" href="JavaScript:void">View Cart</a>
<a class="font-bold theme-bg-clr text-white checkout" href="JavaScript:void">Checkout</a>
</div>
</div>
<a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#exampleModal1" class="theme-btn simple">Get a Quote
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mobile-nav" id="mobile-nav">
<div class="res-log">
<a href="index.html">
<img src="assets/images/Builty-Logo.svg" alt="Responsive Logo">
</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>
<!-- Featured Section Three Start -->
<section class="featured-section-three">
<div class="parallax" style="background-image: url(assets/images/pattren-2.png);"></div>
<div class="container">
<div class="row space align-items-center">
<div class="col-lg-6">
<div class="data">
<h2>The Biggest Thing We Build is Trust.</h2>
</div>
</div>
<div class="col-lg-6">
<div class="data space">
<p>we don’t just work with concrete and steel. We work with people. We are Approachable, with even our highest leadership levels easily accessible. We are Problem Solvers who point out solutions</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="image">
<video autoplay muted loop>
<source src="assets/videos/video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<figure>
<img src="assets/images/f-3.jpg" alt="Featured Section Image">
<figcaption>
</figcaption>
</figure>
</div>
</div>
</div>
<div class="row">
<div class="info">
<p>We have over <span>1,200 employees</span> who we view as our most valuable asset.</p>
</div>
</div>
</div>
</section>
<!-- Featured Section Three End -->
<!-- About Style Two Start -->
<section class="gap history-style-one">
<div class="heading heading-style-3">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="70" height="57" viewBox="0 0 70 57"> <defs> <clipPath id="clip-Builty_Logo_Icondd"> <rect width="70" height="57"/> </clipPath> </defs> <g id="Builty_Logo_Iconxx" data-name="Builty Logo Icon" clip-path="url(#clip-Builty_Logo_Icondd)"> <path id="Path_9" data-name="Path 9" d="M26.5,53A26.528,26.528,0,0,1,2.083,36.815c-.064-.151-.121-.289-.175-.424l22.607-22.3,12.53,12.7,3.9-4.474L24.515,6.093l-13,13.471.109-4.856-3.887-2.03L4.725,16.043l2.842-.986-.016,2.7-.035,5.962L.4,31.1A26.5,26.5,0,1,1,51.9,34.071l-9.387-9.388-20.2,20.407h8.2L42.515,32.678l6.7,7.484A26.482,26.482,0,0,1,26.5,53ZM43,42v2h2V42Zm-3,0v2h2V42Zm3-3v2h2V39Zm-3,0v2h2V39ZM24.551,15.725,4.063,36.437l.172.235L24.368,18.551l9.808,7.917.279-.329-9.9-10.414ZM25,28v3h3V28Zm-4,0v3h3V28Zm4-5v3h3V23Zm-4,0v3h3V23Z" transform="translate(15 2)"/> <path id="Path_4sfddfdfs" data-name="Path 4" d="M900.563,546.922l-.586-4.5-14.4,18.8Z" transform="translate(-885 -514)"/> <path id="Path_7sdsdffsd" data-name="Path 7" d="M22.516,25.5l0,5.47-.705-5.3Z"/> <path id="Path_8t4gdfg" data-name="Path 8" d="M898.221,545.8l-.536-3.8-12.1,15.507Z" transform="matrix(1, 0.017, -0.017, 1, -866.028, -530.46)"/> </g> </svg>
<h2>Construction Company, has a proud tradition of service as a General Contractor <span>since 1974</span></h2>
<p>We successfully cope with tasks of varying complexity, provide long-term guarantees and regularly master new technologies. Our portfolio includes <span>dozens of successfully</span> completed projects.</p>
</div>
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12" >
<div class="history-data">
<figure>
<img class="w-100" src="https://via.placeholder.com/415x585" alt="Crain Image">
</figure>
<div class="details">
<h3>Transportation</h3>
<p>Many have raised the bar for industrial construction, not only in terms of cost, scheduling, safety and efficiency.</p>
<a href="service-detail.html">
<i class="fa-solid fa-arrow-up-long"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12" >
<div class="history-data">
<figure>
<img class="w-100" src="https://via.placeholder.com/415x585" alt="C-Man Image">
</figure>
<div class="details">
<h3>Industrial</h3>
<p>Many have raised the bar for industrial construction, not only in terms of cost, scheduling, safety and efficiency.</p>
<a href="service-detail.html">
<i class="fa-solid fa-arrow-up-long"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12" >
<div class="history-data">
<figure>
<img class="w-100" src="https://via.placeholder.com/415x585" alt="Building Image">
</figure>
<div class="details">
<h3>Building</h3>
<p>Many have raised the bar for industrial construction, not only in terms of cost, scheduling, safety and efficiency.</p>
<a href="service-detail.html">
<i class="fa-solid fa-arrow-up-long"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Style Two 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="our-projects-2.html" 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 -->
<!-- Shop Style One Start -->
<section class="gap shop-style-one">
<div class="heading">
<figure>
<img src="assets/images/heading-icon.png" alt="heading-icon-2">
</figure>
<span>Sell your Products</span>
<h2>Industry Products</h2>
</div>
<div class="container">
<div class="row p-slider owl-carousel">
<div class="col-lg-12">
<div class="product">
<figure>
<img class="w-100" src="https://via.placeholder.com/290x290" alt="Product Image 1">
</figure>
<div class="ratings">
<i class="fa-solid fa-star"></i>
<span>5.0</span>
</div>
<h3><a href="product-detail.html">Fosroc Galvafroid – 400ml</a></h3>
<div class="price-range">
<span>$18.60</span> - <span>$58.50</span>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="product">
<figure>
<img class="w-100" src="https://via.placeholder.com/290x290" alt="Product Image 2">
</figure>
<div class="ratings">
<i class="fa-solid fa-star"></i>
<span>5.0</span>
</div>
<h3><a href="product-detail.html">Fosroc Galvafroid – 400ml</a></h3>
<div class="price-range">
<span>$18.60</span> - <span>$58.50</span>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="product">
<figure>
<img class="w-100" src="https://via.placeholder.com/290x290" alt="Product Image 3">
</figure>
<div class="ratings">
<i class="fa-solid fa-star"></i>
<span>5.0</span>
</div>
<h3><a href="product-detail.html">Fosroc Galvafroid – 400ml</a></h3>
<div class="price-range">
<span>$18.60</span> - <span>$58.50</span>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="product">
<figure>
<img class="w-100" src="https://via.placeholder.com/290x290" alt="Product Image 4">
</figure>
<div class="ratings">
<i class="fa-solid fa-star"></i>
<span>5.0</span>
</div>
<h3><a href="product-detail.html">Fosroc Galvafroid – 400ml</a></h3>
<div class="price-range">
<span>$18.60</span> - <span>$58.50</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Shop Style One End -->
<!-- Project Completed Style One Start -->
<section class="gap project-completed">
<div class="heading-style-2">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<div class="data">
<span>solutions for each project</span>
<h2>Project Completed</h2>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="prj-slider-nav">
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid prj-slider owl-carousel g-0">
<div class="row g-0 align-items-center overflow-hidden">
<div class="col-lg-6">
<div class="proj-data">
<h3>SickKids Project Horizon - Patient Support Centre</h3>
<p>A modern, technology-enabled, wellness-focused workspace and sustainable office tower, SickKids Patient Support Centre.</p>
<div class="loc-date">
<div>
<span>LOCATION:</span>
<span>United State</span>
</div>
<div>
<span>DATE:</span>
<span>1990-2000</span>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="proj-image">
<figure>
<img src="https://via.placeholder.com/800x470" alt="Project Image 1">
</figure>
</div>
</div>
</div>
<div class="row g-0 align-items-center overflow-hidden">
<div class="col-lg-6">
<div class="proj-data">
<h3>NewBridge on the Charles Dedham</h3>
<p>A modern, technology-enabled, wellness-focused workspace and sustainable office tower, SickKids Patient Support Centre.</p>
<div class="loc-date">
<div>
<span>LOCATION:</span>
<span>United Kingdom</span>
</div>
<div>
<span>DATE:</span>
<span>1950-2000</span>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="proj-image">
<figure>
<img src="https://via.placeholder.com/800x470" alt="Project Image 2">
</figure>
</div>
</div>
</div>
</div>
</section>
<!-- Project Completed Style One End -->
<!-- Team Style Two Start -->
<section class="gap no-top team-style-two">
<div class="heading">
<figure>
<img src="assets/images/heading-icon.png" alt="heading-icon-2">
</figure>
<span>OUR OWNERS</span>
<h2>Invested in Your Success</h2>
</div>
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12" >
<div class="team-data">
<h3><a href="team-detail.html">Marc Chiasson</a></h3>
<p>Vice President, Civil Infrastructure</p>
<div class="contact">
<span>
<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="sdfsdfsas">
<rect width="40" height="62"/>
</clipPath>
</defs>
<g id="Mobsdsdffsdw3ile" clip-path="url(#sdfsdfsas)">
<path id="Path_1fghddddgsfdffs" 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_24fsdfsd32r" 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>
</span>
<p>(+380) 50 318 47 07</p>
</div>
<div class="team-social-medias">
<a href="team-detail.html">
<i class="fa-solid fa-arrow-up-long"></i>
</a>
<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>
<figure class="team-image">
<img src="https://via.placeholder.com/240x290" alt="Team Image 1">
</figure>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12" >
<div class="team-data">
<h3><a href="team-detail.html">Marc Chiasson</a></h3>
<p>Vice President, Civil Infrastructure</p>
<div class="contact">
<span>
<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="sdfsdfsdaa">
<rect width="40" height="62"/>
</clipPath>
</defs>
<g id="Mobsdfsdw3fdile" clip-path="url(#sdfsdfsdaa)">
<path id="Path_1fghdgsfdffsss" 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_24ghfsd32r" 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>
</span>
<p>(+380) 50 318 47 07</p>
</div>
<div class="team-social-medias">
<a href="team-detail.html">
<i class="fa-solid fa-arrow-up-long"></i>
</a>
<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>
<figure class="team-image">
<img src="https://via.placeholder.com/240x290" alt="Team Image 2">
</figure>
</div>
</div>
</div>
</div>
</section>
<!-- Team Style Two End -->
<!-- Where We Work Start -->
<section class="gap where-we-work">
<div class="parallax" style="background-image: url(assets/images/pattren-6.png);"></div>
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="heading-style-2">
<div class="">
<div class="row align-items-center">
<div class="col-lg-12">
<div class="data">
<span>Our Locations</span>
<h2>Where we work</h2>
</div>
</div>
</div>
</div>
</div>
<div class="first">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Canada</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">United States</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Caribbean</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="australia-tab" data-bs-toggle="tab" data-bs-target="#Australia" type="button" role="tab" aria-controls="Australia" aria-selected="false">Australia</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<div class="tab-data">
<figure>
<img src="assets/images/map-2.png" alt="Map 2">
</figure>
<ul>
<li class="map-pin active">
<div class="location">
<figure>
<img src="https://via.placeholder.com/220x130" alt="Location Image">
</figure>
<div class="data">
<p>9915 56th Ave. NW Edmonton, AB T6E 5L7</p>
</div>
</div>
</li>
<li class="map-pin">
<div class="location">
<figure>
<img src="https://via.placeholder.com/220x130" alt="Location Image">
</figure>
<div class="data">
<p>9915 56th Ave. NW Edmonton, AB T6E 5L7</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<div class="tab-data">
<figure>
<img src="assets/images/map-2.png" alt="Map 2">
</figure>
<ul>
<li class="map-pin active">
<div class="location">
<figure>
<img src="https://via.placeholder.com/220x130" alt="Location Image">
</figure>
<div class="data">
<p>9915 56th Ave. NW Edmonton, AB T6E 5L7</p>
</div>
</div>
</li>
<li class="map-pin">
<div class="location">
<figure>
<img src="https://via.placeholder.com/220x130" alt="Location Image">
</figure>
<div class="data">
<p>9915 56th Ave. NW Edmonton, AB T6E 5L7</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
<div class="tab-data">
<figure>
<img src="assets/images/map-2.png" alt="Map 2">
</figure>
<ul>
<li class="map-pin active">
<div class="location">
<figure>
<img src="https://via.placeholder.com/220x130" alt="Location Image">
</figure>
<div class="data">
<p>9915 56th Ave. NW Edmonton, AB T6E 5L7</p>
</div>
</div>
</li>
<li class="map-pin">
<div class="location">
<figure>
<img src="https://via.placeholder.com/220x130" alt="Location Image">
</figure>
<div class="data">
<p>9915 56th Ave. NW Edmonton, AB T6E 5L7</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="tab-pane fade" id="Australia" role="tabpanel" aria-labelledby="australia-tab">
<div class="tab-data">
<figure>
<img src="assets/images/map-2.png" alt="Map 2">
</figure>
<ul>
<li class="map-pin active">
<div class="location">
<figure>
<img src="https://via.placeholder.com/220x130" alt="Location Image">
</figure>
<div class="data">
<p>9915 56th Ave. NW Edmonton, AB T6E 5L7</p>
</div>
</div>
</li>
<li class="map-pin">
<div class="location">
<figure>
<img src="https://via.placeholder.com/220x130" alt="Location Image">
</figure>
<div class="data">
<p>9915 56th Ave. NW Edmonton, AB T6E 5L7</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="second">
<p class="des">No matter where or what you want to build, we mobilize the right resources and experts to drive value and realize your project goals. From coast to coast in communities across the country, if you're ready, we're ready.</p>
<div class="w-counter">
<ul>
<li>
<h2>100%</h2>
<p>Employee Owned</p>
</li>
<li>
<h2>700</h2>
<p>Active Projects</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Where We Work End -->
<!-- Contact Form One Start -->
<section class="contact-form-one">
<div class="heading">
<figure>
<img src="assets/images/heading-icon.png" alt="heading-icon-2">
</figure>
<span>GET IN TOUCH</span>
<h2>Quality & Passion With Contact Form</h2>
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6" >
<div class="acc2">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="heading-Two">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-Two" aria-expanded="false" aria-controls="collapse-Two">
Occupational Health Risk Management?
</button>
</h2>
<div id="collapse-Two" class="accordion-collapse collapse" aria-labelledby="heading-Two" data-bs-parent="#accordionExample">
<div class="accordion-body">
Commercial management in construction ensures the planning, execution, and coordination of a construction project from the start to finish. These are often for specific projects such as building or renovation projects that are sold or leased.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-One">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-One" aria-expanded="true" aria-controls="collapse-One">
What is commercial management in construction?
</button>
</h2>
<div id="collapse-One" class="accordion-collapse collapse show" aria-labelledby="heading-One" data-bs-parent="#accordionExample">
<div class="accordion-body">
Commercial management in construction ensures the planning, execution, and coordination of a construction project from the start to finish. These are often for specific projects such as building or renovation projects that are sold or leased.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-Three">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-Three" aria-expanded="false" aria-controls="collapse-Three">
Start a construction management?
</button>
</h2>
<div id="collapse-Three" class="accordion-collapse collapse" aria-labelledby="heading-Three" data-bs-parent="#accordionExample">
<div class="accordion-body">
Commercial management in construction ensures the planning, execution, and coordination of a construction project from the start to finish. These are often for specific projects such as building or renovation projects that are sold or leased.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-Four">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-Four" aria-expanded="false" aria-controls="collapse-Four">
Measure quality in construction projects?
</button>
</h2>
<div id="collapse-Four" class="accordion-collapse collapse" aria-labelledby="heading-Four" data-bs-parent="#accordionExample">
<div class="accordion-body">
Commercial management in construction ensures the planning, execution, and coordination of a construction project from the start to finish. These are often for specific projects such as building or renovation projects that are sold or leased.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-Five">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-Five" aria-expanded="false" aria-controls="collapse-Five">
Prepare a construction project schedule?
</button>
</h2>
<div id="collapse-Five" class="accordion-collapse collapse" aria-labelledby="heading-Five" data-bs-parent="#accordionExample">
<div class="accordion-body">
Commercial management in construction ensures the planning, execution, and coordination of a construction project from the start to finish. These are often for specific projects such as building or renovation projects that are sold or leased.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6" >
<div class="c-form-2">
<div class="parallax" style="background-image: url(assets/images/pattren.png);"></div>
<form>
<div class="row g-0">
<input type="text" class="form-control" id="exampleInputText1" placeholder="Complete Name">
</div>
<div class="row g-0">
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email Address">
</div>
<div class="row g-0">
<input type="number" class="form-control" id="exampleInputPassword1" placeholder="Phone No">
</div>
<div class="row g-0">
<select id="inputState-111" class="form-control">
<option selected>Subject</option>
<option>Subject 1</option>
<option>Subject 2</option>
<option>Subject 3</option>
</select>
</div>
<div class="row g-0">
<textarea placeholder="Question / Message?"></textarea>
</div>
<button type="submit" class="theme-btn">Submit Now <i class="fa-solid fa-angles-right"></i></button>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Form One End -->
<!-- Blog Style Three Start -->
<section class="gap blog-style-three">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="blog-heading">
<span>News & Articles</span>
<h2>Latest News</h2>
<p>Our people are dedicated to finding solutions to every challenge. That spirit makes for some great stories.</p>
<a href="our-blog-1.html" class="theme-btn">View All News <i class="fa-solid fa-angles-right"></i></a>
</div>
</div>
<div class="col-lg-8">
<div class="blog-posts row">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="boxx">
<figure>
<img src="https://via.placeholder.com/340x215" alt="Blog Image 1">
</figure>
<div class="space">
<span class="date">January 9, 2022</span>
<h3>
<a href="blog-detail.html">
The Scrim Project: San Francisco Artist Feature
</a>
</h3>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="boxx">
<figure>
<img src="https://via.placeholder.com/340x215" alt="Blog Image 2">
</figure>
<div class="space">
<span class="date">January 9, 2022</span>
<h3>
<a href="blog-detail.html">
Attention To Changes In Construction Industry
</a>
</h3>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="boxx">
<figure>
<img src="https://via.placeholder.com/340x215" alt="Blog Image 3">
</figure>
<div class="space">
<span class="date">January 9, 2022</span>
<h3>
<a href="blog-detail.html">
Seven Mistakes To Avoid During Construction
</a>
</h3>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="boxx">
<figure>
<img src="https://via.placeholder.com/340x215" alt="Blog Image 1">
</figure>
<div class="space">
<span class="date">January 9, 2022</span>
<h3>
<a href="blog-detail.html">
Build Climate Change-Resilient Infrastructure
</a>
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Blog Style Three Start -->
<!-- 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>
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.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>