| Server IP : 104.21.21.239 / 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>Projects - 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"><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 current"><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 --> <!-- Page Title ============================================= --> <section class="page-title page-title-center bg-transparent"> <div class="container"> <div class="page-title-row"> <div class="page-title-content"> <h1>Projects</h1> <span>Monuments & Buildings we have worked on</span> </div> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="#">Home</a></li> <li class="breadcrumb-item active" aria-current="page">Projects</li> </ol> </nav> </div> </div> </section><!-- .page-title end --> <!-- Content ============================================= --> <section id="content"> <div class="content-wrap"> <div class="container"> <h2 class="text-center ls-1 mb-5">Some of Our Esteemed Projects:</h2> <div id="portfolio" class="portfolio row grid-container gutter-10" data-layout="fitRows"> <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> </div> <a href="#" class="button button-3d border-bottom-0 button-full text-center fw-light font-primary mt-5 footer-stick" 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> </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>