View file Placehold/index-2.html

File size: 63.92Kb
<!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 2</title>



  <!-- Bootstrap -->

  <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">

  <!-- Favicon -->

  <link rel="icon" type="image/x-icon" href="assets/images/heading-icon.png">

  <!-- Owl Carousal -->

  <link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/owl.theme.default.min.css">

  <!-- Animate on scroll -->

  <link rel="stylesheet" type="text/css" href="assets/css/aos.css">


  <!-- Fancy Box -->

  <link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">

  <!-- Nice Select -->

  <link rel="stylesheet" type="text/css" href="assets/css/nice-select.css">

  <!-- Stylesheet -->

  <link rel="stylesheet" type="text/css" href="assets/css/style.css">

  <link rel="stylesheet" type="text/css" href="assets/css/style-dark.css">

  <!-- Colors -->

  <link rel="stylesheet" type="text/css" href="assets/css/color.css">


  <!-- Responsive -->

  <link rel="stylesheet" type="text/css" href="assets/css/responsive.css">

  <!-- Font Awesome 5 -->

  <script src="https://kit.fontawesome.com/27a041baf1.js" crossorigin="anonymous"></script>

</head>
 
<body>
    <!-- Loader Start -->
  <div class="preloader"> 
    <figure>
      <img src="assets/images/Builty-Logo-Black-Home.svg" alt="Image"> 
    </figure>
  </div>
  <!-- Loader End -->
  
  <!-- Header Style One Start -->
 <header class="header-style-one" >
    <div class="container">
      <div class="row">
        <div class="desktop-nav" id="stickyHeader">
          <div class="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 Two Start -->
  <section class="featured-slider-two">
    <div class="parallax" style="background-image: url(assets/images/pattren-4.png);"></div>
    <div class="f-2-s-nav">
              
            </div>
    <div class="container">
      <div class="row f-2-slider owl-carousel">
        <div class="s-item">
          <div class="s-first">
            <h1>NewBridge on the Dedham</h1>
            <p>We will go through all the stages of construction.</p>
            <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#exampleModal" class="theme-btn">Get a Consultation <i class="fa-solid fa-angles-right"></i></a>
          </div>
          <div class="s-second">
            <figure>
              <img src="https://via.placeholder.com/1150x675" alt="Featured Slider Two Image 1">
            </figure>
          </div>
        </div>
        <div class="s-item">
          <div class="s-first">
            <h1>Reconstruction of The Building</h1>
            <p>We will go through all the stages of construction.</p>
            <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#exampleModal" class="theme-btn">Get a Consultation <i class="fa-solid fa-angles-right"></i></a>
          </div>
          <div class="s-second">
            <figure>
              <img src="https://via.placeholder.com/1150x675" alt="Featured Slider Two Image 2">
            </figure>
          </div>
        </div>
        <div class="s-item">
          <div class="s-first">
            <h1>Old Colony Construction</h1>
            <p>We will go through all the stages of construction.</p>
            <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#exampleModal" class="theme-btn">Get a Consultation <i class="fa-solid fa-angles-right"></i></a>
          </div>
          <div class="s-second">
            <figure>
              <img src="https://via.placeholder.com/1150x675" alt="Featured Slider Two Image 3">
            </figure>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Featured Slider Two End -->

  <!-- Our Goal Start -->
  <section class="gap our-goal">
    <div class="heading">
      <figure>
        <img src="assets/images/heading-icon.png" alt="heading-icon-1">
      </figure>
      <span>Focused and Future Ready</span>
      <h2>Right People to Deliver Unique Construction Solutions</h2>
    </div>
    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-6" >
          <div class="data">
            <h4>Our Goal is to Be Better</h4>
            <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>
          </div>
          <div class="data p2">
            <h4>Business Bottom Line</h4>
            <ul>
              <li>Geographical diversity, project complexity</li>
              <li>Whether building on land or over water</li>
              <li>Construction companies respond to the unique needs</li>
            </ul>
          </div>
        </div>
        <div class="col-lg-6" >
          <div class="data">
            <figure class="goal-img">
              <img src="https://via.placeholder.com/635x460" alt="Our Goal">
            </figure>
            <figure class="goal-mov">
              <img src="assets/images/our-goal-mov-text.png" alt="Our Goal Mov Text">
            </figure>
            <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_Icon"> <rect width="70" height="57"/> </clipPath> </defs> <g id="Builty_Logo_Icon" data-name="Builty Logo Icon" clip-path="url(#clip-Builty_Logo_Icon)"> <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_4sffdfs" 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>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Our Goal End -->

  <!-- Pricing Plans Start -->
  <section class="gap no-top pricing-plans">
    <div class="heading">
      <figure>
        <img src="assets/images/heading-icon.png" alt="heading-icon-2">
      </figure>
      <span>Select a plan that suits</span>
      <h2>Flexible Pricing Plans</h2>
    </div>
    <div class="container">
      <div class="row">
        <div class="col-lg-4 col-md-6 col-sm-12" >
          <div class="main-price">
            <div class="price-box">
              <h3>Plan.it</h3>
              <div class="price">
                <h2>$20</h2>
                <div>
                  <p>Per user / Month</p>
                  <p>Billed Annually</p>
                </div>
              </div>
              <p>Manage your own project documents and collaborate.</p>
              <a href="javascript:void(0)" class="theme-btn">Select Now <i class="fa-solid fa-angles-right"></i></a>
            </div>
            <div class="features">
              <ul>
                <li><i class="fa-solid fa-circle-check"></i> All Plan.it features</li>
                <li><i class="fa-solid fa-circle-check"></i> Intelligent bid manager</li>
                <li><i class="fa-solid fa-circle-check"></i> Contractor network</li>
              </ul>
            </div>
            <div class="price-img">
              <figure>
                <img src="https://via.placeholder.com/415x255" alt="Price Img-1">
              </figure>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-12" >
          <div class="main-price">
            <div class="price-box">
              <h3>Build.it</h3>
              <div class="price">
                <h2>$60</h2>
                <div>
                  <p>Per user / Month</p>
                  <p>Billed Annually</p>
                </div>
              </div>
              <p>Manage your own project documents and collaborate.</p>
              <a href="javascript:void(0)" class="theme-btn">Select Now <i class="fa-solid fa-angles-right"></i></a>
            </div>
            <div class="features">
              <ul>
                <li><i class="fa-solid fa-circle-check"></i> All Plan.it features</li>
                <li><i class="fa-solid fa-circle-check"></i> Intelligent bid manager</li>
                <li><i class="fa-solid fa-circle-check"></i> Contractor network</li>
              </ul>
            </div>
            <div class="price-img">
              <figure>
                <img src="https://via.placeholder.com/415x255" alt="Price Img-1">
              </figure>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-12" >
          <div class="main-price">
            <div class="price-box">
              <h3>Build.it PRO</h3>
              <div class="price">
                <h2>$94</h2>
                <div>
                  <p>Per user / Month</p>
                  <p>Billed Annually</p>
                </div>
              </div>
              <p>Manage your own project documents and collaborate.</p>
              <a href="javascript:void(0)" class="theme-btn">Select Now <i class="fa-solid fa-angles-right"></i></a>
            </div>
            <div class="features">
              <ul>
                <li><i class="fa-solid fa-circle-check"></i> All Plan.it features</li>
                <li><i class="fa-solid fa-circle-check"></i> Intelligent bid manager</li>
                <li><i class="fa-solid fa-circle-check"></i> Contractor network</li>
              </ul>
            </div>
            <div class="price-img">
              <figure>
                <img src="https://via.placeholder.com/415x255" alt="Price Img-1">
              </figure>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Pricing Plans End -->

  <!-- What-we-build Start -->
  <section class="gap what-we-build">
    <div class="parallax" style="background-image: url(assets/images/pattren-5.png);"></div>
    <div class="heading-style-2">
      <div class="container">
        <div class="row">
          <div class="col-lg-6">
            <div class="data">
              <span>Company Projects</span>
              <h2>What We Build</h2>
            </div>
          </div> 
          <div class="col-lg-6">
          </div>         
        </div>
      </div>
    </div>
    <div class="container">
      <div class="row">
        <ul class="wwb-ul">
          <li class="active">
            <h3>
              <a href="project-detail.html">North West Redwater Sturgeon Refinery</a>
            </h3>
            <span class="location">
              <span>LOCATION:</span>
              <span>United State</span>
            </span>
            <figure>
              <img src="https://via.placeholder.com/415x300" alt="What we build image 1">
            </figure>
          </li>
          <li>
            <h3>
              <a href="project-detail.html">NewBridge on the Charles Dedham</a>
            </h3>
            <span class="location">
              <span>LOCATION:</span>
              <span>United Kingdom</span>
            </span>
            <figure>
              <img src="https://via.placeholder.com/415x300" alt="What we build image 2">
            </figure>
          </li>
          <li>
            <h3>
              <a href="project-detail.html">Old Colony Redevelopment</a>
            </h3>
            <span class="location">
              <span>LOCATION:</span>
              <span>New York</span>
            </span>
            <figure>
              <img src="https://via.placeholder.com/415x300" alt="What we build image 3">
            </figure>
          </li>
          <li>
            <h3>
              <a href="project-detail.html">Atmosphere Affordable Housing</a>
            </h3>
            <span class="location">
              <span>LOCATION:</span>
              <span>Dubai</span>
            </span>
            <figure>
              <img src="https://via.placeholder.com/415x300" alt="What we build image 4">
            </figure>
          </li>
          <li>
            <h3>
              <a href="project-detail.html">The Stella & Bluewater</a>
            </h3>
            <span class="location">
              <span>LOCATION:</span>
              <span>London</span>
            </span>
            <figure>
              <img src="https://via.placeholder.com/415x300" alt="What we build image 5">
            </figure>
          </li>
        </ul>
      </div>
    </div>
  </section>
  <!-- What-we-build End -->

  <!-- Service Style Two Start -->
  <section class="gap service-style-two">
    <div class="heading">
      <figure>
        <img src="assets/images/heading-icon.png" alt="heading-icon-2">
      </figure>
      <span>What We Provide</span>
      <h2>Exclusive Services</h2>
    </div>
    <div class="container">
      <div class="row g-0">
        <div class="col-lg-4 col-md-6 col-sm-12" >
          <div class="service-two-box">
            <h3><a href="service-detail.html">Construction</a></h3>
            <p>Designing and Building The Most Beautiful Custom Homes.</p>
            <div class="service-two-icon d-flex-all justify-content-start">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="116" height="116" viewBox="0 0 116 116"> <defs> <clipPath id="fsdggdfgdfgdfgd"> <rect width="116" height="116"/> </clipPath> </defs> <g id="_2sdfs" data-name="2" clip-path="url(#fsdggdfgdfgdfgd)"> <path id="Path_1sdfsdf" data-name="Path 1" d="M962.133,586.78h-6V508.9H933.257v16.942h-6V502.9h34.877Z" transform="translate(-898 -473)"/> <path id="Path_2werf3" data-name="Path 2" d="M962.133,558.519h-6V508.9H933.257v16.942h-6V502.9h34.877Z" transform="translate(-909 -445)"/> <path id="Path_sfsdf3" data-name="Path 3" d="M955.065,526.613h-6V509.966H933.257v5.549h-6V503.966h27.809Z" transform="translate(-880.123 -491)"/> <path id="Path_11dfsdf" data-name="Path 11" d="M6,6v5H27V6H6M0,0H33V17H0Z" transform="translate(7 86)"/> <path id="Path_12dsfdsfsdf" data-name="Path 12" d="M6,6v5H27V6H6M0,0H33V17H0Z" transform="translate(7 97)"/> <path id="Path_4edfse4" data-name="Path 4" d="M938.936,547.84h-11.1v-6h11.1Z" transform="translate(-898 -472)"/> <path id="Path_5sdgdsf" data-name="Path 5" d="M940.039,547.84h-12.2v-6h12.2Z" transform="translate(604.889 -926.548) rotate(90)"/> <path id="Path_6dfsdfs" data-name="Path 6" d="M1008.949,588.066H902.667a3,3,0,0,1,0-6h106.281a3,3,0,0,1,0,6Z" transform="translate(-898 -473)"/> <path id="Path_7sdfsadf" data-name="Path 7" d="M958.614,547.84H927.839v-6h30.774Z" transform="translate(627.889 -846.548) rotate(90)"/> <path id="Path_8ertet" data-name="Path 8" d="M958.614,547.84H927.839v-6h30.774Z" transform="translate(639.889 -846.548) rotate(90)"/> <path id="Path_13dfsdfsdfsdf" data-name="Path 13" d="M6,6V39H33V6H6M0,0H39V45H0Z" transform="translate(69 70)"/> <path id="Path_1asdasd4" data-name="Path 14" d="M30.844,14.28h0l-6-.086a8.5,8.5,0,0,0-16.977-.243l-6-.086a14.5,14.5,0,0,1,28.985.414Z" transform="translate(72.154 58)"/> <path id="Path_15rter" data-name="Path 15" d="M.7,23.855V0h28V14.261l-5.419-2.684V7H6.116V18.837L.7,23.853Z" transform="translate(68.303 41)"/> </g> </svg>
              <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="service-two-box">
            <h3><a href="service-detail.html">Project Development</a></h3>
            <p>Designing and Building The Most Beautiful Custom Homes.</p>
            <div class="service-two-icon d-flex-all justify-content-start">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="173" height="173" viewBox="0 0 173 173"> <defs> <clipPath id="clip-Building"> <rect width="173" height="173"/> </clipPath> </defs> <g id="Building" clip-path="url(#clip-Building)"> <path id="Path_28" data-name="Path 28" d="M6,6V64.7H66V6H6M0,0H72V70.7H0Z" transform="translate(9 100)"/> <path id="Path_29" data-name="Path 29" d="M6,6l-.01,81.467H44V6H6M0,0H50V93.467H-.011Z" transform="translate(116 77)"/> <path id="Patdddh_11" data-name="Path 11" d="M912.732,628.652h-13.98a3,3,0,0,1,0-6h13.98a3,3,0,0,1,0,6Z" transform="translate(-812.095 -563.456)"/> <path id="Pdfdath_12" data-name="Path 12" d="M997.636,627.945a3,3,0,0,1-3-3V502.137H949.32v33.292a3,3,0,0,1-6,0V496.137h57.316V624.945A3,3,0,0,1,997.636,627.945Z" transform="translate(-897 -458)"/> <path id="Path_1bb4" data-name="Path 14" d="M903.234,628.652a3.1,3.1,0,0,1-3.109-3,2.909,2.909,0,0,1,2.891-3h.219a3,3,0,0,1,0,6Z" transform="translate(-853.771 -537)"/> <path id="Path_1t5" data-name="Path 15" d="M912.732,628.652h-13.98a3,3,0,0,1,0-6h13.98a3,3,0,0,1,0,6Z" transform="translate(-812.095 -545.456)"/> <path id="Path_16" data-name="Path 16" d="M912.732,628.652h-13.98a3,3,0,0,1,0-6h13.98a3,3,0,0,1,0,6Z" transform="translate(-812.095 -527.456)"/> <path id="Path_17" data-name="Path 17" d="M912.732,628.652h-13.98a3,3,0,0,1,0-6h13.98a3,3,0,0,1,0,6Z" transform="translate(-812.095 -509.456)"/> <path id="Path_18" data-name="Path 18" d="M912.732,628.652h-13.98a3,3,0,0,1,0-6h13.98a3,3,0,0,1,0,6Z" transform="translate(-812.095 -491.456)"/> <path id="Path_19" data-name="Path 19" d="M912.732,628.652h-13.98a3,3,0,0,1,0-6h13.98a3,3,0,0,1,0,6Z" transform="translate(-812.095 -473.456)"/> <path id="Path_2dfg3" data-name="Path 23" d="M1039.879,539.4a3,3,0,0,1-3-3V494.406l-50.222-27.523v30.648a3,3,0,0,1-6,0V461.818a3,3,0,0,1,4.442-2.631L1041.321,490a3,3,0,0,1,1.558,2.631V536.4A3,3,0,0,1,1039.879,539.4Z" transform="translate(-897 -458)"/> <path id="Path_25" data-name="Path 25" d="M910.753,631.658H902.64a3,3,0,0,1,0-6h8.112a3,3,0,0,1,0,6Z" transform="translate(743.598 -862.059) rotate(90)"/> <path id="Path_27" data-name="Path 27" d="M910.753,631.658H902.64a3,3,0,0,1,0-6h8.112a3,3,0,0,1,0,6Z" transform="translate(743.598 -842.059) rotate(90)"/> <g id="Group_1" data-name="Group 1" transform="translate(-896 -458)"> <path id="Rectangle_8" data-name="Rectangle 8" d="M5,5v8h7V5H5M0,0H17V18H0Z" transform="translate(946 597)"/> <path id="Rectangle_9" data-name="Rectangle 9" d="M5,5v8h7V5H5M0,0H17V18H0Z" transform="translate(920 597)"/> <path id="Rectangle_10" data-name="Rectangle 10" d="M5,5v8h7V5H5M0,0H17V18H0Z" transform="translate(946 572)"/> <path id="Rectangle_11" data-name="Rectangle 11" d="M5,5v8h7V5H5M0,0H17V18H0Z" transform="translate(920 572)"/> </g> <path id="Path_20" data-name="Path 20" d="M925.1,628.652h-22.08a3,3,0,0,1,0-6H925.1a3,3,0,0,1,0,6Z" transform="translate(-762.534 -490)"/> <path id="Path_21" data-name="Path 21" d="M925.1,628.652h-22.08a3,3,0,0,1,0-6H925.1a3,3,0,0,1,0,6Z" transform="translate(-762.534 -508)"/> <path id="Path_22" data-name="Path 22" d="M925.1,628.652h-22.08a3,3,0,0,1,0-6H925.1a3,3,0,0,1,0,6Z" transform="translate(-762.534 -526)"/> <path id="Pathfffd_24" data-name="Path 24" d="M910.753,631.658H902.64a3,3,0,0,1,0-6h8.112a3,3,0,0,1,0,6Z" transform="translate(757.598 -862.059) rotate(90)"/> <path id="Path_26" data-name="Path 26" d="M910.753,631.658H902.64a3,3,0,0,1,0-6h8.112a3,3,0,0,1,0,6Z" transform="translate(757.598 -842.059) rotate(90)"/> <path id="Pathasf_1" data-name="Path 1" d="M1063.582,628.652H898.752a3,3,0,0,1,0-6h164.829a3,3,0,0,1,0,6Z" transform="translate(-894.577 -458)"/> <path id="Pddath_2" data-name="Path 2" d="M916.332,628.652H903.016a3,3,0,0,1,0-6h13.316a3,3,0,0,1,0,6Z" transform="translate(-753.771 -472)"/> <path id="Path_yy13" data-name="Path 13" d="M903.234,628.652a3.1,3.1,0,0,1-3.109-3,2.909,2.909,0,0,1,2.891-3h.219a3,3,0,0,1,0,6Z" transform="translate(-769.771 -472)"/> </g> </svg>
              <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="service-two-box">
            <h3><a href="service-detail.html">Interior Design</a></h3>
            <p>Designing and Building The Most Beautiful Custom Homes.</p>
            <div class="service-two-icon d-flex-all justify-content-start">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="161" height="151" viewBox="0 0 161 151"> <defs> <clipPath id="clip-Construction"> <rect width="161" height="151"/> </clipPath> </defs> <g id="Construction" clip-path="url(#clip-Construction)"> <path id="Path_1sdf" data-name="Path 1" d="M999.3,642.592h-30.3V517.57h30.3Zm-24.3-6h18.3V523.57h-18.3Z" transform="translate(-850.384 -516.331)"/> <path id="Path_2sdf" data-name="Path 2" d="M974.406,596.242a3,3,0,0,1-2.093-5.149l20.04-19.52-22.088-22.088a3,3,0,0,1,.026-4.268l22.1-21.576-22.165-22.957a3,3,0,0,1,.131-4.3l18.552-17.006H949.3a3,3,0,0,1,0-6h47.321a3,3,0,0,1,2.027,5.211l-21.968,20.137,22.1,22.888a3,3,0,0,1-.063,4.231L976.654,547.39l22.09,22.091a3,3,0,0,1-.028,4.27L976.5,595.391A2.991,2.991,0,0,1,974.406,596.242Z" transform="translate(-851 -472)"/> <path id="Pafdggth_3" data-name="Path 3" d="M971.809,490.636H888.132a3,3,0,0,1-3-3v-11.4a3,3,0,0,1,3-3h35.491a3,3,0,0,1,0,6H891.132v5.4h80.677a3,3,0,0,1,0,6Z" transform="translate(-851 -472)"/> <path id="Path_dfgdf4" data-name="Path 4" d="M888.518,490.636a3.171,3.171,0,0,1-3.193-3,2.841,2.841,0,0,1,2.807-3h.387a3,3,0,0,1,0,6Z" transform="translate(-802.335 -483.397)"/> <path id="Patsdfh_5" data-name="Path 5" d="M930.99,532.743H872.168a3,3,0,0,1-3-3V516.088a3,3,0,0,1,3-3h25.711V497.181a3,3,0,0,1,6,0v15.907H930.99a3,3,0,0,1,3,3v13.655A3,3,0,0,1,930.99,532.743Zm-55.821-6H927.99v-7.655H903.33a3.009,3.009,0,0,0-2.451,0H875.168Z" transform="translate(-851 -472)"/> <path id="Patgdfh_6" data-name="Path 6" d="M888.518,490.636a3.171,3.171,0,0,1-3.193-3,2.841,2.841,0,0,1,2.807-3h.387a3,3,0,0,1,0,6Z" transform="translate(-830.335 -378.397)"/> <path id="Path_dd7" data-name="Path 7" d="M1010.279,620.239h-51.8l-.03-2.97c-.141-13.924-.162-16.028.521-16.985a14.758,14.758,0,0,1,12.607-8.067h25.936a13.7,13.7,0,0,1,12.428,8.289c.576,1.041.545,3.5.375,16.771Zm-45.857-6h39.93c.053-5.12.073-10.062.026-11.492a7.581,7.581,0,0,0-6.835-4.53H971.6a8.783,8.783,0,0,0-7.2,4.649C964.35,604.769,964.391,610.625,964.422,614.239Z" transform="translate(-851 -472)"/> <path id="Padfgth_8" data-name="Path 8" d="M888.518,490.636H848.48a3,3,0,0,1,0-6h40.038a3,3,0,0,1,0,6Z" transform="translate(-843.335 -378.397)"/> <path id="Pdfgath_9" data-name="Path 9" d="M899.008,490.636H848.481a3,3,0,0,1,0-6h50.528a3,3,0,0,1,0,6Z" transform="translate(514.801 -754.26) rotate(90)"/> <path id="Pathsdf_10" data-name="Path 10" d="M899.008,490.636H848.481a3,3,0,0,1,0-6h50.528a3,3,0,0,1,0,6Z" transform="translate(560.801 -754.26) rotate(90)"/> <path id="Patsfsfsfdh_11" data-name="Path 11" d="M899.008,490.636H848.481a3,3,0,0,1,0-6h50.528a3,3,0,0,1,0,6Z" transform="translate(581.801 -754.26) rotate(90)"/> <path id="Patfgfh_12" data-name="Path 12" d="M899.008,490.636H848.481a3,3,0,0,1,0-6h50.528a3,3,0,0,1,0,6Z" transform="translate(492.801 -754.26) rotate(90)"/> <path id="Path_1sdf3" data-name="Path 13" d="M937.5,490.636H848.481a3,3,0,0,1,0-6H937.5a3,3,0,0,1,0,6Z" transform="translate(-843.335 -358.397)"/> <path id="Patbbh_14" data-name="Path 14" d="M937.5,490.636H848.481a3,3,0,0,1,0-6H937.5a3,3,0,0,1,0,6Z" transform="translate(-843.335 -342.397)"/> <path id="Path_15t" data-name="Path 15" d="M937.5,490.636H848.481a3,3,0,0,1-1.2-5.75l43.683-19.039a3,3,0,0,1,2.36-.016l45.336,19.039a3,3,0,0,1-1.162,5.766Zm-74.627-6h59.736L892.185,471.86Z" transform="translate(-843.335 -394.397)"/> </g> </svg>
              <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="service-two-box">
            <h3><a href="service-detail.html">Welding & Laser</a></h3>
            <p>Designing and Building The Most Beautiful Custom Homes.</p>
            <div class="service-two-icon d-flex-all justify-content-start">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="124" height="124" viewBox="0 0 124 124"> <defs> <clipPath id="clip-_3"> <rect width="124" height="124"/> </clipPath> </defs> <g id="_3" data-name="3" clip-path="url(#clip-_3)"> <path id="Path_1sdfa2" data-name="Path 12" d="M6,6v6h6V6H6M0,0H18V18H0Z" transform="translate(62 92)"/> <path id="Path_1rrre3" data-name="Path 13" d="M6,6v6h6V6H6M0,0H18V18H0Z" transform="translate(87 92)"/> <path id="Path_2a" data-name="Path 2" d="M923.524,596.275l-6-.044.823-112.883c.026-1.27.352-5.368,3.474-6.45,3.207-1.111,5.755,1.989,6.593,3.008,1.577,1.966,3.189,5.346,5.421,10.025l2.269,4.7,3.121.536a3,3,0,0,1,2.04,1.373l6.448,10.374a3,3,0,0,1,.452,1.584v9.777a7.291,7.291,0,0,1-2.383,5.048,7.96,7.96,0,0,1-6.136,1.781q-.11-.009-.218-.025c-1.337-.065-9.227-.032-15.385.013Zm9.322-77.242a67.572,67.572,0,0,1,7.265.225l.011-.14c1.691.135,1.985-.461,2.051-1.062l-.007-8.7-5.285-8.5-3.314-.57a3,3,0,0,1-2.182-1.628l-2.965-6.136c-1.657-3.474-3.023-6.338-4.081-8l-.252,34.568C927.7,519.054,930.566,519.033,932.846,519.033Z" transform="translate(-898 -476)"/> <path id="Path_11dsfsdfs" data-name="Path 11" d="M7,6A1,1,0,0,0,6,7v5a1,1,0,0,0,1,1H19V6H7M7,0H25V19H7a7,7,0,0,1-7-7V7A7,7,0,0,1,7,0Z" transform="translate(1 18)"/> <path id="Path_dfg3" data-name="Path 3" d="M975.336,513.474c-8.576,0-18.918-.011-31.413-.024l.006-6c18.308.019,64.943.056,70.308.011a3.191,3.191,0,0,0,1-.581c-.419.315-2.209-.994-3.825-1.764l-7.772-4.415h-83.12v-6h84.706l8.955,5.1c1.977.924,7.03,3.766,6.86,7.909-.1,2.44-1.832,4.308-5.146,5.551l-.165-.441C1012.663,513.357,1003.684,513.474,975.336,513.474Z" transform="translate(-898 -476)"/> <path id="Padfgdth_4" data-name="Path 4" d="M934.914,596.734h-6V523.564h6Z" transform="translate(-898 -476.104)"/> <path id="Path_ff5" data-name="Path 5" d="M953.2,594.209h-6V543.794h18.363V555.9h6.363V525.089h6V561.9H959.562V549.794H953.2Z" transform="translate(-898 -476)"/> <path id="Path_asdf6" data-name="Path 6" d="M977.926,594.209h-6V549.794h-6.363V561.9H947.2V531.385h6V555.9h6.363V543.794h18.363Z" transform="translate(-861 -476)"/> <path id="Path_ff7" data-name="Path 7" d="M959.726,545.967h-6V532.214h6Z" transform="translate(-898 -476.828)"/> <path id="Patdh_10" data-name="Path 10" d="M959.726,540.874h-6v-8.66h6Z" transform="translate(619.27 -885.918) rotate(90)"/> <path id="Patsdfgdfh_8" data-name="Path 8" d="M959.726,540.874h-6v-8.66h6Z" transform="translate(-849 -470.735)"/> <path id="Path_rtytr9" data-name="Path 9" d="M959.726,553.851h-6V532.214h6Z" transform="translate(-849 -497.731)"/> <path id="Pathgg_1" data-name="Path 1" d="M1019.052,598.678H902.542a3,3,0,0,1,0-6h116.51a3,3,0,0,1,0,6Z" transform="translate(-899.094 -476)"/> </g> </svg>
              <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="service-two-box">
            <h3><a href="service-detail.html">Architecture</a></h3>
            <p>Designing and Building The Most Beautiful Custom Homes.</p>
            <div class="service-two-icon d-flex-all justify-content-start">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="91" height="111" viewBox="0 0 91 111"> <defs> <clipPath id="clip-_1"> <rect width="91" height="111"/> </clipPath> </defs> <g id="_1" data-name="1" clip-path="url(#clip-_1)"> <path id="Pdath_1" data-name="Path 1" d="M1002.528,576.449h-6V495.111l-70.187.605-.052-6,76.239-.657Z" transform="translate(-913 -488)"/> <path id="Path_5sd" data-name="Path 5" d="M969.511,597.925a6.793,6.793,0,0,1-2.412-.474l-3.485-1.844c-1.236.653-2.905,1.53-3.361,1.747-3.22.98-5.016.169-6.035-.654-2.312-1.869-2.207-5.009-2.162-5.62l-.008-4.413a3,3,0,0,1,6,0V591.3c.335.3,4.153-1.732,4.156-1.734a3,3,0,0,1,2.824,0l3.931,2.1a3.787,3.787,0,0,1-.053-.68l.106-5.614a3,3,0,1,1,6,.125l-.112,5.357c.046.452.179,4.192-2.378,6.1A4.989,4.989,0,0,1,969.511,597.925Z" transform="translate(-913 -488)"/> <path id="Pasdafth_6" data-name="Path 6" d="M6,6V81H71V6H6M0,0H77V87H0Z" transform="translate(2 12)"/> <path id="Pasdfth_2" data-name="Path 2" d="M969.019,522.225h-33.5v-6h33.5Z" transform="translate(-912 -488)"/> <path id="Patfdgh_3" data-name="Path 3" d="M990.119,522.225h-54.6v-6h54.6Z" transform="translate(-922.099 -477)"/> <path id="Patsdfh_4" data-name="Path 4" d="M974.334,522.225H935.517v-6h38.817Z" transform="translate(-922.55 -466)"/> <path id="Path_sa7" data-name="Path 7" d="M16.5,6A10.5,10.5,0,1,0,27,16.5,10.512,10.512,0,0,0,16.5,6m0-6A16.5,16.5,0,1,1,0,16.5,16.5,16.5,0,0,1,16.5,0Z" transform="translate(35 66)"/> </g> </svg>
              <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="service-two-box last d-flex-all">
            <a href="services.html">
              View All Services
              <span class="d-flex-all d-inline-flex">
                <i class="fa-solid fa-angles-right"></i>
              </span>
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Service Style Two End -->

  <!-- Ceritificates Start -->
  <section class="gap no-top certificates">
    <div class="heading">
      <figure>
        <img src="assets/images/heading-icon.png" alt="heading-icon-22">
      </figure>
      <span>What We Provide</span>
      <h2>Exclusive Services</h2>
    </div>
    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-6" >
          <div class="data">
            <figure class="c-img">
              <img src="https://via.placeholder.com/575x670" alt="ceritificates img">
            </figure>
            <div class="extras">
              <h3>100%</h3>
              <p>Designed Codes</p>
            </div>
          </div>
        </div>
        <div class="col-lg-6" >
          <div class="data data2">
            <span>We Won Many Factory Awards</span>
            <h2>Got Many Ceritificates Since 2001-2016</h2>
          </div>
          <div class="c-slider owl-carousel">
            <div class="c-main">
              <div class="c-first">
                <figure>
                  <img src="https://via.placeholder.com/190x215" alt="c-img-1">
                </figure>
              </div>
              <div class="c-second">
                <span>2001 Award</span>
                <h3>Society of Experiential Global Design Awards</h3>
                <p>The SEGD Global Design Awards represents the best in experiential graphic design and covers a variety of topics.</p>
              </div>
            </div>
            <div class="c-main">
              <div class="c-first">
                <figure>
                  <img src="https://via.placeholder.com/190x215" alt="c-img-1">
                </figure>
              </div>
              <div class="c-second">
                <span>2001 Award</span>
                <h3>Society of Experiential Global Design Awards</h3>
                <p>The SEGD Global Design Awards represents the best in experiential graphic design and covers a variety of topics.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Ceritificates End -->

  <!-- Estimated Price Start -->
  <section class="gap estimated-price">
    <div class="heading-style-2">
      <div class="container">
        <div class="row">
          <div class="col-lg-6">
            <div class="data">
              <span>House Construction Cost Calculator</span>
              <h2>Estimatied Price</h2>
            </div>
          </div> 
          <div class="col-lg-6">
          </div>         
        </div>
      </div>
    </div>
    <div class="container">
      <div class="row bg-wh">
        <div class="col-lg-7" >
         <div class="est-form">
            <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 class="col-lg-5" >
          <figure class="est-img">
            <img src="https://via.placeholder.com/375x845" alt="est-img">
          </figure>
        </div>
      </div>
    </div>
  </section>
  <!-- Estimated Price End -->

  <!-- Blog Style Two Start -->
  <section class="gap blog-style-two">
    <div class="heading">
      <figure>
        <img src="assets/images/heading-icon.png" alt="heading-icon-22">
      </figure>
      <span>Blog & News</span>
      <h2>Recent Articles</h2>
    </div>
    <div class="container">
      <div class="blog-slider row owl-carousel">
       <div class="blog-item col-lg-12">
         <span class="blog-post-num">1.</span>
         <span class="blog-date">January 9, 2022</span>
         <h2><a href="blog-detail.html">The Scrim Project: San Francisco Artist Feature</a></h2>
         <p>Through The Scrim Project, Construction is turning over the wrap on our construction fence to local BIPOC artists,…</p>
         <a href="javascript:void(0)">
          <i class="fa-solid fa-arrow-up-long"></i>
         </a>
       </div>
       <div class="blog-item col-lg-12">
         <span class="blog-post-num">2.</span>
         <span class="blog-date">January 9, 2022</span>
         <h2><a href="blog-detail.html">The Scrim Project: San Francisco Artist Feature</a></h2>
         <p>Through The Scrim Project, Construction is turning over the wrap on our construction fence to local BIPOC artists,…</p>
         <a href="javascript:void(0)">
          <i class="fa-solid fa-arrow-up-long"></i>
         </a>
       </div>
       <div class="blog-item col-lg-12">
         <span class="blog-post-num">3.</span>
         <span class="blog-date">January 9, 2022</span>
         <h2><a href="blog-detail.html">The Scrim Project: San Francisco Artist Feature</a></h2>
         <p>Through The Scrim Project, Construction is turning over the wrap on our construction fence to local BIPOC artists,…</p>
         <a href="javascript:void(0)">
          <i class="fa-solid fa-arrow-up-long"></i>
         </a>
       </div>
       <div class="blog-item col-lg-12">
         <span class="blog-post-num">4.</span>
         <span class="blog-date">January 9, 2022</span>
         <h2><a href="blog-detail.html">The Scrim Project: San Francisco Artist Feature</a></h2>
         <p>Through The Scrim Project, Construction is turning over the wrap on our construction fence to local BIPOC artists,…</p>
         <a href="javascript:void(0)">
          <i class="fa-solid fa-arrow-up-long"></i>
         </a>
       </div>
      </div>
    </div>
  </section>
  <!-- Blog Style Two End -->

  <!-- Contact Us Start -->
  <section class="gap no-top contact-us">
    <div class="heading">
      <span>Contact Us</span>
      <h2>Get in Touch With Us. We are Happy Help. </h2>
    </div>
    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-7 col-md-12" >
          <div class="c-data">
            <figure>
              <img class="w-100" src="assets/images/map.png" alt="map">
            </figure>
            <ul>
              <li>
                <a href="javascript:void(0)" class="active">
                  <figure>
                    <img src="https://via.placeholder.com/77x77" alt="contact member 1">
                  </figure>
                  <i class="fa-solid fa-check"></i>
                </a>
              </li>
              <li>
                <a href="javascript:void(0)">
                  <figure>
                    <img src="https://via.placeholder.com/77x77" alt="contact member 2">
                  </figure>
                  <i class="fa-solid fa-check"></i>
                </a>
              </li>
              <li>
                <a href="javascript:void(0)">
                  <figure>
                    <img src="https://via.placeholder.com/77x77" alt="contact member 3">
                  </figure>
                  <i class="fa-solid fa-check"></i>
                </a>
              </li>
              <li>
                <a href="javascript:void(0)">
                  <figure>
                    <img src="https://via.placeholder.com/77x77" alt="contact member 4">
                  </figure>
                  <i class="fa-solid fa-check"></i>
                </a>
              </li>
              <li>
                <a href="javascript:void(0)">
                  <figure>
                    <img src="https://via.placeholder.com/77x77" alt="contact member 5">
                  </figure>
                  <i class="fa-solid fa-check"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-lg-5 col-md-12" >
          <div class="c-cards">
            <div class="card active">
              <div class="details">
                <h2>Guterrez Cruz 1</h2>
                <span>Sales Manager</span>
              </div>
              <div class="contacts-info">
                <ul>
                  <li>
                    <span>Email:</span> <span class="email">name@domain.com</span>
                  </li>
                  <li>
                    <span>Phone:</span> <span>+1 23 145 789</span>
                  </li>
                </ul>
              </div>
              <div class="address">
                901 N Pitt Str, Suite 170, VA 22314, USA
              </div>  
            </div>
            <div class="card">
              <div class="details">
                <h2>Guterrez Cruz 2</h2>
                <span>Sales Manager</span>
              </div>
              <div class="contacts-info">
                <ul>
                  <li>
                    <span>Email:</span> <span class="email">name@domain.com</span>
                  </li>
                  <li>
                    <span>Phone:</span> <span>+1 23 145 789</span>
                  </li>
                </ul>
              </div>
              <div class="address">
                901 N Pitt Str, Suite 170, VA 22314, USA
              </div>  
            </div>
            <div class="card">
              <div class="details">
                <h2>Guterrez Cruz 3</h2>
                <span>Sales Manager</span>
              </div>
              <div class="contacts-info">
                <ul>
                  <li>
                    <span>Email:</span> <span class="email">name@domain.com</span>
                  </li>
                  <li>
                    <span>Phone:</span> <span>+1 23 145 789</span>
                  </li>
                </ul>
              </div>
              <div class="address">
                901 N Pitt Str, Suite 170, VA 22314, USA
              </div>  
            </div>
            <div class="card">
              <div class="details">
                <h2>Guterrez Cruz 4</h2>
                <span>Sales Manager</span>
              </div>
              <div class="contacts-info">
                <ul>
                  <li>
                    <span>Email:</span> <span class="email">name@domain.com</span>
                  </li>
                  <li>
                    <span>Phone:</span> <span>+1 23 145 789</span>
                  </li>
                </ul>
              </div>
              <div class="address">
                901 N Pitt Str, Suite 170, VA 22314, USA
              </div>  
            </div>
            <div class="card">
              <div class="details">
                <h2>Guterrez Cruz 5</h2>
                <span>Sales Manager</span>
              </div>
              <div class="contacts-info">
                <ul>
                  <li>
                    <span>Email:</span> <span class="email">name@domain.com</span>
                  </li>
                  <li>
                    <span>Phone:</span> <span>+1 23 145 789</span>
                  </li>
                </ul>
              </div>
              <div class="address">
                901 N Pitt Str, Suite 170, VA 22314, USA
              </div>  
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Contact Us 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 conslt-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="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-12" 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/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>