| Server IP : 172.67.201.108 / Your IP : 216.73.216.11 Web Server : Apache/2.4.68 (Amazon Linux) OpenSSL/3.5.5 System : Linux ip-172-31-69-123.ec2.internal 6.1.176-223.369.amzn2023.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Jul 24 13:34:27 UTC 2026 x86_64 User : ec2-user ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/home2/domains/nycyouth/Package-HTML/Canvas 7 Files/ |
Upload File : |
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="author" content="SemiColonWeb">
<meta name="description" content="Get Canvas to build powerful websites easily with the Highly Customizable & Best Selling Bootstrap Template, today.">
<!-- Font Imports -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Source+Sans+Pro:wght@300;400;600;700&display=swap" rel="stylesheet">
<!-- Core Style -->
<link rel="stylesheet" href="style.css">
<!-- Font Icons -->
<link rel="stylesheet" href="css/font-icons.css">
<!-- Plugins/Components CSS -->
<link rel="stylesheet" href="css/swiper.css">
<!-- Niche Demos -->
<link rel="stylesheet" href="demos/construction/construction.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Construction | Canvas</title>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Top Bar
============================================= -->
<div id="top-bar">
<div class="container">
<div class="row justify-content-between">
<div class="col-12 col-md-auto">
<!-- Top Social
============================================= -->
<ul id="top-social">
<li><a href="#" class="h-bg-facebook"><span class="ts-icon"><i class="fa-brands fa-facebook-f"></i></span><span class="ts-text">Facebook</span></a></li>
<li><a href="#" class="h-bg-twitter"><span class="ts-icon"><i class="fa-brands fa-twitter"></i></span><span class="ts-text">Twitter</span></a></li>
<li><a href="#" class="h-bg-dribbble"><span class="ts-icon"><i class="fa-brands fa-dribbble"></i></span><span class="ts-text">Dribbble</span></a></li>
<li><a href="#" class="h-bg-github"><span class="ts-icon"><i class="fa-brands fa-github"></i></span><span class="ts-text">Github</span></a></li>
<li><a href="#" class="h-bg-pinterest"><span class="ts-icon"><i class="fa-brands fa-pinterest-p"></i></span><span class="ts-text">Pinterest</span></a></li>
<li><a href="#" class="h-bg-instagram"><span class="ts-icon"><i class="fa-brands fa-instagram"></i></span><span class="ts-text">Instagram</span></a></li>
</ul><!-- #top-social end -->
</div>
<div class="col-12 col-md-auto">
<!-- Top Links
============================================= -->
<div class="top-links">
<ul class="top-links-container">
<li class="top-links-item"><a href="#">Locations</a>
<ul class="top-links-sub-menu">
<li class="top-links-item"><a href="#">San Francisco</a></li>
<li class="top-links-item"><a href="#">London</a></li>
<li class="top-links-item"><a href="#">Amsterdam</a></li>
</ul>
</li>
<li class="top-links-item"><a href="faqs.html">FAQs</a></li>
<li class="top-links-item"><a href="contact.html">Contact</a></li>
</ul>
</div><!-- .top-links end -->
</div>
</div>
</div>
</div><!-- #top-bar end -->
<!-- Header
============================================= -->
<header id="header" class="header-size-sm" data-sticky-shrink="false">
<div class="container">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo" class="ms-auto ms-lg-0 me-lg-auto">
<a href="demo-construction.html">
<img class="logo-default" srcset="demos/construction/images/logo.png, demos/construction/images/[email protected] 2x" src="demos/construction/images/[email protected]" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
<div class="header-misc d-none d-lg-flex">
<ul class="header-extras">
<li>
<i class="i-plain bi-telephone m-0"></i>
<div class="he-text">
Call Us
<span>(1) 22 54215821</span>
</div>
</li>
<li>
<i class="i-plain bi-envelope m-0"></i>
<div class="he-text">
Email Us
<span>[email protected]</span>
</div>
</li>
<li>
<i class="i-plain bi-clock m-0"></i>
<div class="he-text">
We'are Open
<span>Mon - Sat, 10AM to 6PM</span>
</div>
</li>
</ul>
</div>
</div>
</div>
<div id="header-wrap">
<div class="container">
<div class="header-row justify-content-between flex-row-reverse flex-lg-row justify-content-lg-center">
<div class="header-misc">
<!-- Top Search
============================================= -->
<div id="top-search" class="header-misc-icon">
<a href="#" id="top-search-trigger"><i class="uil uil-search"></i><i class="bi-x-lg"></i></a>
</div><!-- #top-search end -->
</div>
<div class="primary-menu-trigger">
<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
</button>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu with-arrows">
<ul class="menu-container">
<li class="menu-item current"><a class="menu-link" href="demo-construction.html"><div>Home</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-construction-services.html"><div>What we do</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>Housing Management</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Construction Planning</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Green Homes</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Architecture Design</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Interior Planning</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="demo-construction-about-us.html"><div>About Us</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-construction-projects.html"><div>Projects</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="demo-construction-projects-2.html"><div>2 Columns</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-construction-projects-3.html"><div>3 Columns</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-construction-projects.html"><div>4 Columns</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-construction-projects-5.html"><div>5 Columns</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="demo-construction-investors.html"><div>Investors</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-construction-blog.html"><div>News</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-construction-careers.html"><div>Careers</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-construction-contact.html"><div>Contact</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
<form class="top-search-form" action="search.html" method="get">
<input type="text" name="q" class="form-control" value="" placeholder="Type & Hit Enter.." autocomplete="off">
</form>
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<section id="slider" class="slider-element slider-parallax swiper_wrapper min-vh-75" data-loop="true">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="container">
<div class="slider-caption">
<div>
<h2>Welcome to Canvas</h2>
<p class="d-none d-sm-block">Create just what you need for your Perfect Website. Choose from a wide range of Elements & simply put them on your own Canvas.</p>
</div>
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('demos/construction/images/slider/2.jpg'); background-position: center top;"></div>
</div>
<div class="swiper-slide">
<div class="container">
<div class="slider-caption slider-caption-right">
<div>
<h2>Beautifully Flexible</h2>
<p class="d-none d-sm-block">Looks beautiful & ultra-sharp on Retina Screen Displays. Powerful Layout with Responsive functionality that can be adapted to any screen size.</p>
</div>
</div>
</div>
<div class="video-wrap no-placeholder">
<video id="slide-video" poster="demos/construction/images/videos/1.jpg" preload="auto" loop autoplay muted playsinline>
<source src='demos/construction/images/videos/1.webm' type='video/webm'>
<source src='demos/construction/images/videos/1.mp4' type='video/mp4'>
</video>
<div class="video-overlay" style="background-color: rgba(0,0,0,0.1);"></div>
</div>
</div>
<div class="swiper-slide">
<div class="container">
<div class="slider-caption">
<div>
<h2>Premium Constructions</h2>
<p class="d-none d-sm-block">You'll be surprised to see the Final Results of your Creation & would crave for more.</p>
</div>
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('demos/construction/images/slider/1.jpg'); background-position: center bottom;"></div>
</div>
</div>
<div class="slider-arrow-left"><i class="uil uil-angle-left-b"></i></div>
<div class="slider-arrow-right"><i class="uil uil-angle-right-b"></i></div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="promo promo-light promo-full promo-uppercase p-5 mb-6 header-stick">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-lg">
<h3 style="letter-spacing: 2px;">Start Planning your New Dream Home with us</h3>
<span>We strive to provide Our Customers with Top Notch Support to make their Theme</span>
</div>
<div class="col-12 col-lg-auto mt-4 mt-lg-0">
<a href="#" class="button button-large button-circle button-black m-0">Start Now</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center col-mb-50">
<div class="col-sm-6 col-lg-4">
<div class="feature-box media-box">
<div class="fbox-media">
<img class="rounded" src="demos/construction/images/services/1.jpg" alt="Why choose Us?">
</div>
<div class="fbox-content px-0">
<h3>Skilled Professionals.<span class="subtitle">Your Property in Good Hands.</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum est voluptatem accusamus molestiae eaque perspiciatis mollitia.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="feature-box media-box">
<div class="fbox-media">
<img class="rounded" src="images/services/1.jpg" alt="Effective Planning">
</div>
<div class="fbox-content px-0">
<h3>Effective Planning.<span class="subtitle">Construction Process Organized.</span></h3>
<p>Porro repellat vero sapiente amet vitae quibusdam necessitatibus consectetur, labore totam. Accusamus perspiciatis asperiores labore esse.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="feature-box media-box">
<div class="fbox-media">
<img class="rounded" src="demos/construction/images/services/2.jpg" alt="Why choose Us?">
</div>
<div class="fbox-content px-0">
<h3>Risk Management.<span class="subtitle">We have got you Covered.</span></h3>
<p>Quos, non, esse eligendi ab accusantium voluptatem. Maxime eligendi beatae, atque tempora ullam. Vitae delectus quia, consequuntur rerum quo.</p>
</div>
</div>
</div>
</div>
</div>
<div class="section parallax dark" style="padding: 120px 0;">
<img src="demos/construction/images/slider/1.jpg" class="parallax-bg">
<div class="fslider" data-arrows="false" style="z-index: 2;">
<div class="owl-carousel carousel-widget text-center mw-xs mx-auto dark" data-items="1" data-autoplay="5000" data-nav="false">
<div class="row">
<div class="col-12">
<img class="rounded-circle mx-auto w-auto mb-4" src="images/testimonials/1.jpg" width="64" height="64" alt="Customer Testimonails">
<h3 class="mb-4 lh-base fw-normal font-secondary">Seamlessly Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quia rerum porro est delectus ad in vitae neque nostrum nesciunt.</h3>
</div>
<div class="d-flex align-items-center justify-content-center">
<div>
<h4 class="h6 mb-0 fw-medium">Alex Coman</h4>
<small class="text-white-50">Apple Inc.</small>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img class="rounded-circle mx-auto w-auto mb-4" src="images/testimonials/2.jpg" width="64" height="64" alt="Customer Testimonails">
<h3 class="mb-4 lh-base fw-normal font-secondary">Seamlessly conceptualize multimedia based web services for optimal human capital. Collaboratively evisculate e-business value.</h3>
</div>
<div class="d-flex align-items-center justify-content-center">
<div>
<h4 class="h6 mb-0 fw-medium">John Coman</h4>
<small class="text-white-50">Apple Inc.</small>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img class="rounded-circle mx-auto w-auto mb-4" src="images/testimonials/3.jpg" width="64" height="64" alt="Customer Testimonails">
<h3 class="mb-4 lh-base fw-normal font-secondary">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestias facilis ea voluptatem cum.</h3>
</div>
<div class="d-flex align-items-center justify-content-center">
<div>
<h4 class="h6 mb-0 fw-medium">Ricky Coman</h4>
<small class="text-white-50">Apple Inc.</small>
</div>
</div>
</div>
</div>
</div>
<div class="video-wrap" style="z-index: 1;">
<div class="video-overlay" style="background: rgba(241,128,82,0.9);"></div>
</div>
</div>
<div class="container">
<div class="row align-items-stretch col-mb-50">
<div class="col-lg-4 col-md-6">
<div class="feature-box fbox-plain">
<div class="fbox-icon">
<a href="#"><img src="demos/construction/images/icons/building.png" alt="Concrete Developments"></a>
</div>
<div class="fbox-content">
<h3>Concrete Developments</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem minima, facere distinctio placeat.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="feature-box fbox-plain">
<div class="fbox-icon">
<a href="#"><img src="demos/construction/images/icons/bank.png" alt="Finance Assistance"></a>
</div>
<div class="fbox-content">
<h3>Finance Assistance</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem minima, facere distinctio placeat.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="feature-box fbox-plain">
<div class="fbox-icon">
<a href="#"><img src="demos/construction/images/icons/drawer.png" alt="Interiorly Designed"></a>
</div>
<div class="fbox-content">
<h3>Interiorly Designed</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem minima, facere distinctio placeat.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="feature-box fbox-plain">
<div class="fbox-icon">
<a href="#"><img src="demos/construction/images/icons/paper-money.png" alt="Cost Effective Solutions"></a>
</div>
<div class="fbox-content">
<h3>Cost Effective Solutions</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem minima, facere distinctio placeat.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="feature-box fbox-plain">
<div class="fbox-icon">
<a href="#"><img src="demos/construction/images/icons/traffic-cone.png" alt="Smart Builders"></a>
</div>
<div class="fbox-content">
<h3>Smart Builders</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem minima, facere distinctio placeat.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="feature-box fbox-plain">
<div class="fbox-icon">
<a href="#"><img src="demos/construction/images/icons/paint-brush.png" alt="Quality Infrastructure"></a>
</div>
<div class="fbox-content">
<h3>Quality Infrastructure</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem minima, facere distinctio placeat.</p>
</div>
</div>
</div>
</div>
</div>
<div class="section mb-0">
<h2 class="text-center mb-0 ls-1">Some of Our Esteemed Projects:</h2>
</div>
<div id="portfolio" class="portfolio row grid-container g-0">
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-media pf-icons">
<div class="grid-inner">
<div class="portfolio-image">
<img src="demos/construction/images/projects/1.jpg" alt="The Atmosphere">
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
<a href="#" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-animate-out="zoomOut" data-hover-speed="350"><i class="uil uil-ellipsis-h"></i></a>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="#">The Atmosphere</a></h3>
<span>Chicago, USA</span>
</div>
</div>
</article>
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-illustrations">
<div class="grid-inner">
<div class="portfolio-image">
<img src="demos/construction/images/projects/2.jpg" alt="Wavelength Structure">
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
<a href="#" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-animate-out="zoomOut" data-hover-speed="350"><i class="uil uil-ellipsis-h"></i></a>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
<div class="portfolio-desc">
<h3>Wavelength Structure</h3>
<span>Madrid, Spain</span>
</div>
</div>
</article>
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-graphics pf-uielements">
<div class="grid-inner">
<div class="portfolio-image">
<img src="demos/construction/images/projects/3.jpg" alt="Greenhouse Garden">
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
<a href="#" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-animate-out="zoomOut" data-hover-speed="350"><i class="uil uil-ellipsis-h"></i></a>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
<div class="portfolio-desc">
<h3>Greenhouse Garden</h3>
<span>Bali, Indonesia</span>
</div>
</div>
</article>
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-icons pf-illustrations">
<div class="grid-inner">
<div class="portfolio-image">
<img src="demos/construction/images/projects/4.jpg" alt="Industrial Hub">
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
<a href="#" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-animate-out="zoomOut" data-hover-speed="350"><i class="uil uil-ellipsis-h"></i></a>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
<div class="portfolio-desc">
<h3>Industrial Hub</h3>
<span>Beijing, China</span>
</div>
</div>
</article>
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-uielements pf-media">
<div class="grid-inner">
<div class="portfolio-image">
<img src="demos/construction/images/projects/5.jpg" alt="Corporate Headquarters">
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
<a href="#" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-animate-out="zoomOut" data-hover-speed="350"><i class="uil uil-ellipsis-h"></i></a>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
<div class="portfolio-desc">
<h3>Corporate Headquarters</h3>
<span>California, USA</span>
</div>
</div>
</article>
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-graphics pf-illustrations">
<div class="grid-inner">
<div class="portfolio-image">
<img src="demos/construction/images/projects/6.jpg" alt="Space Station">
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
<a href="#" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-animate-out="zoomOut" data-hover-speed="350"><i class="uil uil-ellipsis-h"></i></a>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
<div class="portfolio-desc">
<h3>Space Station</h3>
<span>Moscow, Russia</span>
</div>
</div>
</article>
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-uielements pf-icons">
<div class="grid-inner">
<div class="portfolio-image">
<img src="demos/construction/images/projects/7.jpg" alt="Bent Architecture">
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
<a href="#" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-animate-out="zoomOut" data-hover-speed="350"><i class="uil uil-ellipsis-h"></i></a>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
<div class="portfolio-desc">
<h3>Bent Architecture</h3>
<span>Melbourne, Australia</span>
</div>
</div>
</article>
<article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-graphics">
<div class="grid-inner">
<div class="portfolio-image">
<img src="demos/construction/images/projects/8.jpg" alt="Lakeview Center">
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
<a href="#" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-animate-out="zoomOut" data-hover-speed="350"><i class="uil uil-ellipsis-h"></i></a>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
<div class="portfolio-desc">
<h3>Lakeview Center</h3>
<span>Auckland, New Zealand</span>
</div>
</div>
</article>
</div>
<a href="portfolio.html" class="button button-3d border-bottom-0 button-full text-center text-end mb-6 fw-light font-primary" style="font-size: 26px;">
<div class="container">
Would you like to Build your Dream Home with Us? <strong>Enquire Here</strong> <i class="uil uil-angle-right-b" style="top:3px;"></i>
</div>
</a>
<div class="container mt-6 cleafix">
<div class="row col-mb-50">
<div class="col-md-8">
<ul class="nav canvas-tabs tabs nav-tabs nav-fill mb-3" id="construction-tabs" role="tablist" style="--bs-nav-link-font-weight: 500;">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="construction-tab-1" data-bs-toggle="pill" data-bs-target="#tab-1" type="button"
role="tab" aria-controls="construction-tab-1" aria-selected="true">Why Us?</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="construction-tab-2" data-bs-toggle="pill" data-bs-target="#tab-2" type="button"
role="tab" aria-controls="construction-tab-2" aria-selected="false">Work Ethic</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="construction-tab-3" data-bs-toggle="pill" data-bs-target="#tab-3"
type="button" role="tab" aria-controls="construction-tab-3" aria-selected="false">Team</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="construction-tab-4" data-bs-toggle="pill" data-bs-target="#tab-4"
type="button" role="tab" aria-controls="construction-tab-4" aria-selected="false">Locations</button>
</li>
</ul>
<div id="canvas-TabContent" class="tab-content">
<div class="tab-pane show active" id="tab-1" role="tabpanel" aria-labelledby="canvas-tab-1" tabindex="0">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
<div class="row col-mb-30">
<div class="col-sm-6 col-lg-3 text-center">
<div class="counter ls-1 fw-semibold" style="color: #D2D2D2;"><span data-from="100" data-to="964" data-refresh-interval="50" data-speed="2000"></span></div>
<h5>Floors Built</h5>
</div>
<div class="col-sm-6 col-lg-3 text-center">
<div class="counter ls-1 fw-semibold" style="color: #D2D2D2;"><span data-from="100" data-to="8514" data-refresh-interval="50" data-speed="2500"></span></div>
<h5>Employees</h5>
</div>
<div class="col-sm-6 col-lg-3 text-center">
<div class="counter ls-1 fw-semibold" style="color: #D2D2D2;"><span data-from="100" data-to="458" data-refresh-interval="50" data-speed="3500"></span></div>
<h5>Happy Clients</h5>
</div>
<div class="col-sm-6 col-lg-3 text-center">
<div class="counter ls-1 fw-semibold" style="color: #D2D2D2;"><span data-from="14" data-to="159" data-refresh-interval="15" data-speed="2700"></span></div>
<h5>Cities Served</h5>
</div>
</div>
</div>
<div class="tab-pane" id="tab-2" role="tabpanel" aria-labelledby="canvas-tab-2" tabindex="0">
<img src="demos/construction/images/projects/3.jpg" width="260" alt="Image" class="img-thumbnail alignleft">
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
</div>
<div class="tab-pane" id="tab-3" role="tabpanel" aria-labelledby="canvas-tab-3" tabindex="0">
<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
<div class="row col-mb-30">
<div class="col-sm-6 col-md-4">
<ul class="iconlist mb-0">
<li><i class="fa-solid fa-check"></i> 100% Assurance</li>
<li><i class="fa-solid fa-check"></i> Hard Working</li>
<li><i class="fa-solid fa-check"></i> Trustworthy</li>
</ul>
</div>
<div class="col-sm-6 col-md-4">
<ul class="iconlist mb-0">
<li><i class="fa-solid fa-check"></i> Intelligent</li>
<li><i class="fa-solid fa-check"></i> Always Curious</li>
<li><i class="fa-solid fa-check"></i> Perfectionists</li>
</ul>
</div>
<div class="col-sm-6 col-md-4">
<ul class="iconlist mb-0">
<li><i class="fa-solid fa-check"></i> Friendly & Helpful</li>
<li><i class="fa-solid fa-check"></i> Accomodating Nature</li>
<li><i class="fa-solid fa-check"></i> Available 24x7</li>
</ul>
</div>
</div>
</div>
<div class="tab-pane" id="tab-4" role="tabpanel" aria-labelledby="canvas-tab-4" tabindex="0">
<div class="row col-mb-30">
<div class="col-md-7">
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor.</p>
<div class="row col-mb-30">
<div class="col-md-6">
<address>
<strong>Headquarters:</strong><br>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
</address>
</div>
<div class="col-md-6">
<abbr title="Phone Number"><strong>Phone:</strong></abbr> (1) 8547 632521<br>
<abbr title="Fax"><strong>Fax:</strong></abbr> (1) 11 4752 1433<br>
<abbr title="Email Address"><strong>Email:</strong></abbr> [email protected]
</div>
</div>
</div>
<div class="col-md-5">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.925819998654!2d144.9613620758663!3d-37.81520647197522!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642b4758afc1d%3A0x3119cc820fdfc62e!2sEnvato!5e0!3m2!1sen!2sin!4v1683119849609!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="widget quick-contact-widget form-widget">
<h4>Quick Quotation Form</h4>
<div class="form-result"></div>
<form id="quick-contact-form" name="quick-contact-form" action="include/form.php" method="post" class="quick-contact-form mb-0">
<div class="form-process">
<div class="css3-spinner">
<div class="css3-spinner-scaler"></div>
</div>
</div>
<input type="text" class="required form-control mb-2" id="quick-contact-form-name" name="quick-contact-form-name" value="" placeholder="Full Name">
<input type="text" class="required form-control email mb-2" id="quick-contact-form-email" name="quick-contact-form-email" value="" placeholder="Email Address">
<textarea class="required form-control mb-2 short-textarea" id="quick-contact-form-message" name="quick-contact-form-message" rows="4" cols="30" placeholder="Message"></textarea>
<input type="text" class="d-none" id="quick-contact-form-botcheck" name="quick-contact-form-botcheck" value="">
<input type="hidden" name="prefix" value="quick-contact-form-">
<button type="submit" id="quick-contact-form-submit" name="quick-contact-form-submit" class="button button-small button-3d m-0" value="submit">Send Email</button>
</form>
</div>
</div>
</div>
<div class="line"></div>
<div class="row col-mb-50">
<div class="col-md-5">
<h4>Clients Overview</h4>
<p>We prize our Clients more than everything else. We strive to provide Quality Services to all our Clients on a Priority Basis. You are invited to join our Clients List and enjoy our Services. <a href="#">See more...</a></p>
<ul class="clients-grid row row-cols-2 row-cols-sm-3 mb-0">
<li class="grid-item" style="padding: 20px;"><a href="#"><img src="images/clients/1.png" alt="Clients"></a></li>
<li class="grid-item" style="padding: 20px;"><a href="#"><img src="images/clients/2.png" alt="Clients"></a></li>
<li class="grid-item" style="padding: 20px;"><a href="#"><img src="images/clients/3.png" alt="Clients"></a></li>
<li class="grid-item" style="padding: 20px;"><a href="#"><img src="images/clients/4.png" alt="Clients"></a></li>
<li class="grid-item" style="padding: 20px;"><a href="#"><img src="images/clients/5.png" alt="Clients"></a></li>
<li class="grid-item" style="padding: 20px;"><a href="#"><img src="images/clients/6.png" alt="Clients"></a></li>
</ul>
</div>
<div class="col-md-7">
<h4>Recent News</h4>
<div id="oc-posts" class="owl-carousel posts-carousel carousel-widget posts-md" data-margin="20" data-nav="true" data-pagi="true" data-items-xs="1" data-items-xl="2">
<div class="oc-item">
<div class="entry">
<div class="entry-image">
<a href="demos/construction/images/blog/5.jpg" data-lightbox="image"><img src="demos/construction/images/blog/5.jpg" alt="Standard Post with Image"></a>
</div>
<div class="entry-title title-sm text-transform-none">
<h3><a href="#">Upcoming Projects in Australia</a></h3>
</div>
<div class="entry-meta">
<ul>
<li>10th Feb 2021</li>
<li><a href="#comments">13 Comments</a></li>
</ul>
</div>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, asperiores quod est tenetur in.</p>
</div>
</div>
</div>
<div class="oc-item">
<div class="entry">
<div class="entry-image">
<div class="fslider" data-arrows="false" data-lightbox="gallery">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide"><a href="demos/construction/images/blog/2.jpg" data-lightbox="gallery-item"><img src="demos/construction/images/blog/2.jpg" alt="Standard Post with Gallery"></a></div>
<div class="slide"><a href="demos/construction/images/blog/1.jpg" data-lightbox="gallery-item"><img src="demos/construction/images/blog/1.jpg" alt="Standard Post with Gallery"></a></div>
<div class="slide"><a href="demos/construction/images/blog/3.jpg" data-lightbox="gallery-item"><img src="demos/construction/images/blog/3.jpg" alt="Standard Post with Gallery"></a></div>
</div>
</div>
</div>
</div>
<div class="entry-title title-sm text-transform-none">
<h3><a href="#">Real Estate just got a little more Expensive</a></h3>
</div>
<div class="entry-meta">
<ul>
<li>24th Feb 2021</li>
<li><a href="#comments">21 Comments</a></li>
</ul>
</div>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, voluptatem, dolorem animi nisi autem!</p>
</div>
</div>
</div>
<div class="oc-item">
<div class="entry">
<div class="entry-image">
<a href="demos/construction/images/blog/4.jpg" data-lightbox="image"><img src="demos/construction/images/blog/4.jpg" alt="Standard Post with Image"></a>
</div>
<div class="entry-title title-sm text-transform-none">
<h3><a href="#">Global Excellence Construction Award</a></h3>
</div>
<div class="entry-meta">
<ul>
<li>5th May 2021</li>
<li><a href="#comments">6 Comments</a></li>
</ul>
</div>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, asperiores quod est tenetur in.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="line mt-4"></div>
<div class="section bg-transparent mt-0 p-0 footer-stick">
<div class="container">
<div class="row">
<div class="col-lg-7">
<img src="demos/construction/images/services/bottom-trust.jpg" alt="Bottom Trust">
</div>
<div class="col-lg-5 mt-4">
<div class="heading-block border-bottom-0">
<h2>You're in Good Hands.</h2>
<span class="ls-1">Five Points that define Our Reliability.</span>
</div>
<ul class="iconlist iconlist-large iconlist-color">
<li><i class="fa-solid fa-check"></i> Market Leader since 1915</li>
<li><i class="fa-solid fa-check"></i> Positive Results within Deadlines</li>
<li><i class="fa-solid fa-check"></i> 100% Reliability & Guarantee</li>
<li><i class="fa-solid fa-check"></i> Dedicated Professional Team of 500+</li>
<li><i class="fa-solid fa-check"></i> Unmatched After Project Completion Support</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="dark">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row">
<div class="col-lg-9">
<div class="widget">
<img src="images/footer-widget-logo.png" alt="Image" class="alignleft" style="margin-top: 8px; padding-right: 18px; border-right: 1px solid #4A4A4A;">
<p>We believe in <strong>Simple</strong>, <strong>Creative</strong> & <strong>Flexible</strong> Design Standards with a Retina & Responsive Approach. Browse the amazing Features this template offers.</p>
<div class="line" style="margin: 30px 0;"></div>
<div class="row col-mb-30">
<div class="col-lg-3 col-6 widget_links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="col-lg-3 col-6 widget_links">
<ul>
<li><a href="#">Shop</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Forums</a></li>
</ul>
</div>
<div class="col-lg-3 col-6 widget_links">
<ul>
<li><a href="#">Corporate</a></li>
<li><a href="#">Agency</a></li>
<li><a href="#">eCommerce</a></li>
<li><a href="#">Personal</a></li>
<li><a href="#">One Page</a></li>
</ul>
</div>
<div class="col-lg-3 col-6 widget_links">
<ul>
<li><a href="#">Restaurant</a></li>
<li><a href="#">Wedding</a></li>
<li><a href="#">App Showcase</a></li>
<li><a href="#">Magazine</a></li>
<li><a href="#">Landing Page</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-3 mt-5 mt-lg-0">
<div class="widget">
<div class="row col-mb-30">
<div class="col-12">
<div class="footer-big-contacts">
<span>Call Us:</span>
(1) 22 55412474
</div>
</div>
<div class="col-12">
<div class="footer-big-contacts">
<span>Send an Email:</span>
[email protected]
</div>
</div>
</div>
</div>
<div class="widget subscribe-widget">
<div class="row col-mb-30">
<div class="col-12 col-sm-6">
<a href="#" class="social-icon bg-dark h-bg-facebook mb-0 me-3">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#"><small class="d-block"><strong>Like us</strong><br>on Facebook</small></a>
</div>
<div class="col-12 col-sm-6">
<a href="#" class="social-icon bg-dark h-bg-rss mb-0 me-3">
<i class="fa-solid fa-rss"></i>
<i class="fa-solid fa-rss"></i>
</a>
<a href="#"><small class="d-block"><strong>Subscribe</strong><br>to RSS Feeds</small></a>
</div>
</div>
</div>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container">
<div class="row justify-content-between col-mb-30">
<div class="col-12 col-md-auto text-center text-md-start">
Copyrights © 2023 All Rights Reserved by Canvas Inc.<br>
<div class="copyright-links"><a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></div>
</div>
<div class="col-12 col-md-auto text-center text-md-end">
<div class="copyrights-menu copyright-links">
<a href="#">Home</a>/<a href="#">About Us</a>/<a href="#">Team</a>/<a href="#">Clients</a>/<a href="#">FAQs</a>/<a href="#">Contact</a>
</div>
</div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div>
<!-- JavaScripts
============================================= -->
<script src="js/functions.js"></script>
</body>
</html>