<!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 1</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="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="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>
</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>
<!-- Header Style One End -->
<!-- Featured Slider One Start -->
<section class="featured-slider-one" style="background: grey;">
<div class="containe">
<div class="ro f-slider-one owl-carousel">
<div class="f-slider-layer">
<img src="https://via.placeholder.com/1900x530" alt="Slider 1">
<div class="f-slider-one-data">
<h1>Create the Building You Want Here</h1>
<p>Busico is a construction and architecture environmentally most responsible for any kinds of themes.</p>
<a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#exampleModal" class="theme-btn">Start Consulting <i class="fa-solid fa-angles-right"></i></a>
</div>
</div>
<div class="f-slider-layer">
<img src="https://via.placeholder.com/1900x530" alt="Project Img">
<div class="f-slider-one-data">
<h1>A Better Way To Build Your Dreams</h1>
<p>Busico is a construction and architecture environmentally most responsible for any kinds of themes.</p>
<a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#exampleModal1" class="theme-btn">Estimate Price <i class="fa-solid fa-angles-right"></i></a>
</div>
</div>
<div class="f-slider-layer">
<img src="https://via.placeholder.com/1900x530" alt="Project Img 2">
<div class="f-slider-one-data">
<h1>Build Innovative & Industrial Solutions</h1>
<p>Busico is a construction and architecture environmentally most responsible for any kinds of themes.</p>
<a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#exampleModal" class="theme-btn">Start Consulting <i class="fa-solid fa-angles-right"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- Featured Slider One End -->
<!-- Service Style One Start -->
<section class="gap service-style-one">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 text-center" >
<div class="service-data">
<div class="svg-icon d-flex-all">
<img class="light-icon" src="assets/images/icon-1.svg" alt="Icon">
<img class="dark-icon" src="assets/images/1-icon.png" alt="Icon">
</div>
<h3><a href="service-detail.html">Core Planning</a></h3>
<p>Lorem ipsum dolor sit amet, consectne auctor aliquet. Aenean sollicitudi, lorem bibendum auctor.</p>
<a class="icon" href="service-detail.html">
<i class="fa-solid fa-angles-right"></i>
</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 text-center" >
<div class="service-data">
<div class="svg-icon d-flex-all">
<img class="light-icon" src="assets/images/icon-2.svg" alt="Icon">
<img class="dark-icon" src="assets/images/2-icon.png" alt="Icon">
</div>
<h3><a href="service-detail.html">Traditional Designs</a></h3>
<p>Lorem ipsum dolor sit amet, consectne auctor aliquet. Aenean sollicitudi, lorem bibendum auctor.</p>
<a class="icon" href="service-detail.html">
<i class="fa-solid fa-angles-right"></i>
</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 text-center" >
<div class="service-data">
<div class="svg-icon d-flex-all">
<img class="light-icon" src="assets/images/icon-3.svg" alt="Icon">
<img class="dark-icon" src="assets/images/3-icon.png" alt="Icon">
</div>
<h3><a href="service-detail.html">Quality Materials</a></h3>
<p>Lorem ipsum dolor sit amet, consectne auctor aliquet. Aenean sollicitudi, lorem bibendum auctor.</p>
<a class="icon" href="service-detail.html">
<i class="fa-solid fa-angles-right"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Service Style Two End -->
<!-- About Style One Start -->
<section class="gap no-top 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/265x325" 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 -->
<!-- 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 -->
<!-- Project Style One Start -->
<section class="gap project-style-one light-bg-color">
<div class="heading">
<figure>
<img src="assets/images/heading-icon.png" alt="Heading Icon">
</figure>
<span>Company Porjects</span>
<h2>Projects Completed</h2>
</div>
<div class="container">
<div class="row project-slider owl-carousel">
<div class="col-lg-12">
<div class="project-post">
<figure>
<img src="https://via.placeholder.com/640x395" alt="project-img-1">
</figure>
<div class="project-data">
<h3><a href="project-detail.html">Life Science Center</a></h3>
<p>This project was successfully completed against an extremely tight programme.</p>
<a class="project-icon" href="#">
<i class="fa-solid fa-angles-right"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="project-post">
<figure>
<img src="https://via.placeholder.com/640x395" alt="project-img-2">
</figure>
<div class="project-data">
<h3><a href="javascript:void(0)">Home building renovation</a></h3>
<p>This project was successfully completed against an extremely tight programme.</p>
<a class="project-icon" href="#">
<i class="fa-solid fa-angles-right"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="project-post">
<figure>
<img src="https://via.placeholder.com/640x395" alt="project-img-1">
</figure>
<div class="project-data">
<h3><a href="project-detail.html">Life Science Center</a></h3>
<p>This project was successfully completed against an extremely tight programme.</p>
<a class="project-icon" href="#">
<i class="fa-solid fa-angles-right"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="project-post">
<figure>
<img src="https://via.placeholder.com/640x395" alt="project-img-2">
</figure>
<div class="project-data">
<h3><a href="javascript:void(0)">Home building renovation</a></h3>
<p>This project was successfully completed against an extremely tight programme.</p>
<a class="project-icon" href="#">
<i class="fa-solid fa-angles-right"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="project-post">
<figure>
<img src="https://via.placeholder.com/640x395" alt="project-img-1">
</figure>
<div class="project-data">
<h3><a href="project-detail.html">Life Science Center</a></h3>
<p>This project was successfully completed against an extremely tight programme.</p>
<a class="project-icon" href="#">
<i class="fa-solid fa-angles-right"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="project-post">
<figure>
<img src="https://via.placeholder.com/640x395" alt="project-img-2">
</figure>
<div class="project-data">
<h3><a href="javascript:void(0)">Home building renovation</a></h3>
<p>This project was successfully completed against an extremely tight programme.</p>
<a class="project-icon" href="#">
<i class="fa-solid fa-angles-right"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="project-post">
<figure>
<img src="https://via.placeholder.com/640x395" alt="project-img-1">
</figure>
<div class="project-data">
<h3><a href="project-detail.html">Life Science Center</a></h3>
<p>This project was successfully completed against an extremely tight programme.</p>
<a class="project-icon" href="#">
<i class="fa-solid fa-angles-right"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="project-post">
<figure>
<img src="https://via.placeholder.com/640x395" alt="project-img-2">
</figure>
<div class="project-data">
<h3><a href="javascript:void(0)">Home building renovation</a></h3>
<p>This project was successfully completed against an extremely tight programme.</p>
<a class="project-icon" href="#">
<i class="fa-solid fa-angles-right"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Project Style One End -->
<!-- Team Style One Start -->
<section class="gap 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/275x430" 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/275x430" 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/275x430" 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/275x430" 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/275x430" 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/275x430" 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/275x430" 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/275x430" 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 -->
<!-- Core Features Start -->
<section class="core-features">
<div class="container">
<div class="row">
<div class="col-lg-6" >
<div class="space">
<div class="heading-style-2">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="data">
<span>Core Features</span>
<h2>What Makes Us Differnt</h2>
</div>
</div>
</div>
</div>
</div>
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<span class="num">01.</span> Early Engagement
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Early engagement reduces project uncertainties through comprehensi scope definition and systems optimisation. The earlier you bring DES on board for your project.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<span class="num">02.</span> Integrity
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Early engagement reduces project uncertainties through comprehensi scope definition and systems optimisation. The earlier you bring DES on board for your project.</p> </div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<span class="num">03.</span> Solutions
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Early engagement reduces project uncertainties through comprehensi scope definition and systems optimisation. The earlier you bring DES on board for your project.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
<span class="num">04.</span> Innovation
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Early engagement reduces project uncertainties through comprehensi scope definition and systems optimisation. The earlier you bring DES on board for your project.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6" >
<div class="shape">
<div class="video">
<figure>
<img src="https://via.placeholder.com/965x825" alt="Core Feature Img">
</figure>
<a class="video-play-btn" data-fancybox="" href="https://www.youtube.com/watch?v=uemObN8_dcw">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="56" viewBox="0 0 35 56"> <defs> <clipPath id="clip-video_arrow"> <rect width="35" height="56"/> </clipPath> </defs> <g id="video_arrow" data-name="video arrow" clip-path="url(#clip-video_arrow)"> <path id="Shape_1" data-name="Shape 1" d="M1362,5000.8,1327,4972V5027Z" transform="translate(-1326.998 -4971.996)" fill="rgba(0,0,0,0)"/> <path id="Shape_1_-_Outline" data-name="Shape 1 - Outline" d="M1333,5015.017l19.29-14.437L1333,4984.7v30.313M1327,5027V4972l35,28.807Z" transform="translate(-1326.998 -4971.996)"/> </g> </svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Core Features End -->
<!-- Client Style One Start -->
<div class="gap 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 -->
<!-- Renovation Start -->
<section class="gap renovation">
<div class="parallax" style="background-image: url(https://via.placeholder.com/1920x800);"></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="#exampleModal1"><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" >
<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" >
<figure>
<img src="https://via.placeholder.com/620x630" alt="Client Images">
</figure>
</div>
</div>
</div>
</section>
<!-- Client Review Style One End -->
<!-- Blog Style One Start -->
<section class="gap no-top blog-style-one">
<div class="heading">
<figure>
<img src="assets/images/heading-icon.png" alt="heading-icon">
</figure>
<span>Let us Help Guide</span>
<h2>Recent Articles</h2>
</div>
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="blog-post">
<div class="blog-image">
<figure>
<img src="https://via.placeholder.com/415x270" alt="blog-img-1">
</figure>
<a href="blog-detail.html">
<i class="fa-solid fa-angles-right"></i>
</a>
</div>
<div class="blog-data">
<span class="blog-date">January 9, 2022</span>
<h2>
<a href="blog-detail.html">Differently to build bigger and better</a>
</h2>
<div class="blog-author d-flex-all justify-content-start">
<div class="author-img">
<figure>
<img src="https://via.placeholder.com/60x60" alt="Blog Author Img">
</figure>
</div>
<div class="details">
<h3> <span>by</span> Jakki James</h3>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12" >
<div class="blog-post">
<div class="blog-image">
<figure>
<img src="https://via.placeholder.com/415x270" alt="blog-img-2">
</figure>
<a href="blog-detail.html">
<i class="fa-solid fa-angles-right"></i>
</a>
</div>
<div class="blog-data">
<span class="blog-date">January 9, 2022</span>
<h2>
<a href="blog-detail.html">Seven Mistakes To Avoid During Construction</a>
</h2>
<div class="blog-author d-flex-all justify-content-start">
<div class="author-img">
<figure>
<img src="https://via.placeholder.com/60x60" alt="Blog Author Img">
</figure>
</div>
<div class="details">
<h3> <span>by</span> Jakki James</h3>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12" >
<div class="blog-post">
<div class="blog-image">
<figure>
<img src="https://via.placeholder.com/415x270" alt="blog-img-3">
</figure>
<a href="blog-detail.html">
<i class="fa-solid fa-angles-right"></i>
</a>
</div>
<div class="blog-data">
<span class="blog-date">January 9, 2022</span>
<h2>
<a href="blog-detail.html">Build Climate Change-Resilient Infrastructure</a>
</h2>
<div class="blog-author d-flex-all justify-content-start">
<div class="author-img">
<figure>
<img src="https://via.placeholder.com/60x60" alt="Blog Author Img 1">
</figure>
</div>
<div class="details">
<h3> <span>by</span> Jakki James</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="common-btn">
<a href="our-blog-1.html" class="theme-btn">View All Posts <i class="fa-solid fa-angles-right"></i></a>
</div>
</div>
</section>
<!-- Blog 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/60x60" alt="Contact Images">
</figure>
<figure>
<img src="https://via.placeholder.com/60x60" 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 col-md-6 col-sm-12">
<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 col-md-6 col-sm-12">
<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 col-md-6 col-sm-12">
<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>
<div class="modal fade popups conslt-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="contact-form-one popup">
<div class="c-form-2">
<h3>Start Consulting</h3>
<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-21" 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>
</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/odometer.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="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.6/gsap.min.js"></script>
<!-- Custom Js -->
<script src="assets/js/custom.js"></script>
</body>
</html>