| 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=Inter:wght@300;400;500;600;700&family=PT+Serif:ital@0;1&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 href="css/patterns.css" rel="stylesheet"> <!-- Custom CSS --> <link rel="stylesheet" href="css/custom.css"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Document Title ============================================= --> <title>Gallery | Canvas</title> </head> <body class="stretched"> <!-- Document Wrapper ============================================= --> <div id="wrapper"> <!-- Content ============================================= --> <section id="content"> <div class="content-wrap flex-column d-flex min-vh-100 align-items-center pb-0"> <div class="container"> <div class="row justify-content-center mb-6"> <div class="col-xl-6 col-lg-8 text-center"> <h3 class="display-4 fw-bold mb-4">Our Projects</h3> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut quibusdam temporibus doloremque sunt consequatur nemo commodi rerum delectus ab magni sequi unde non odit mollitia aliquid reprehenderit assumenda cumque, quia.</p> </div> </div> </div> <div class="row justify-content-center gutter-10" data-lightbox="gallery"> <div class="col-md-6"> <div class="position-relative"> <img class="d-block w-100" src="images/blocks/preview/gallery-7/1.jpg" alt="Gallery Thumb 1"> <div class="bg-overlay"> <div class="bg-overlay-content dark justify-content-end align-items-end" data-hover-animate="fadeIn"> <a href="images/blocks/preview/gallery-7/1.jpg" class="overlay-trigger-icon size-lg bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-lightbox="gallery-item" title="Image 1"><i class="uil uil-plus"></i></a> </div> </div> </div> </div> <div class="col-md-6"> <div class="position-relative"> <img class="d-block w-100" src="images/blocks/preview/gallery-7/2.jpg" alt="Gallery Thumb 2"> <div class="bg-overlay"> <div class="bg-overlay-content dark justify-content-end align-items-end" data-hover-animate="fadeIn"> <a href="images/blocks/preview/gallery-7/2.jpg" class="overlay-trigger-icon size-lg bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-lightbox="gallery-item" title="Image 2"><i class="uil uil-plus"></i></a> </div> </div> </div> </div> <div class="col-md-4"> <div class="position-relative"> <img class="d-block w-100" src="images/blocks/preview/gallery-7/3.jpg" alt="Gallery Thumb 3"> <div class="bg-overlay"> <div class="bg-overlay-content dark justify-content-end align-items-end" data-hover-animate="fadeIn"> <a href="images/blocks/preview/gallery-7/3.jpg" class="overlay-trigger-icon size-lg bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-lightbox="gallery-item" title="Image 3"><i class="uil uil-plus"></i></a> </div> </div> </div> </div> <div class="col-md-4"> <div class="position-relative"> <img class="d-block w-100" src="images/blocks/preview/gallery-7/4.jpg" alt="Gallery Thumb 4"> <div class="bg-overlay"> <div class="bg-overlay-content dark justify-content-end align-items-end" data-hover-animate="fadeIn"> <a href="images/blocks/preview/gallery-7/4.jpg" class="overlay-trigger-icon size-lg bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-lightbox="gallery-item" title="Image 4"><i class="uil uil-plus"></i></a> </div> </div> </div> </div> <div class="col-md-4"> <div class="position-relative"> <img class="d-block w-100" src="images/blocks/preview/gallery-7/5.jpg" alt="Gallery Thumb 5"> <div class="bg-overlay"> <div class="bg-overlay-content dark justify-content-end align-items-end" data-hover-animate="fadeIn"> <a href="images/blocks/preview/gallery-7/5.jpg" class="overlay-trigger-icon size-lg bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-lightbox="gallery-item" title="Image 5"><i class="uil uil-plus"></i></a> </div> </div> </div> </div> <div class="col-12"> <div class="position-relative"> <img class="d-block w-100" src="images/blocks/preview/gallery-7/6.jpg" alt="Gallery Thumb 5"> <div class="bg-overlay"> <div class="bg-overlay-content dark justify-content-end align-items-end" data-hover-animate="fadeIn"> <a href="images/blocks/preview/gallery-7/6.jpg" class="overlay-trigger-icon size-lg bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-lightbox="gallery-item" title="Image 6"><i class="uil uil-plus"></i></a> </div> </div> </div> </div> <div class="col-md-6"> <div class="position-relative"> <img class="d-block w-100" src="images/blocks/preview/gallery-7/7.jpg" alt="Gallery Thumb 1"> <div class="bg-overlay"> <div class="bg-overlay-content dark justify-content-end align-items-end" data-hover-animate="fadeIn"> <a href="images/blocks/preview/gallery-7/7.jpg" class="overlay-trigger-icon size-lg bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-lightbox="gallery-item" title="Image 7"><i class="uil uil-plus"></i></a> </div> </div> </div> </div> <div class="col-md-6"> <div class="position-relative"> <img class="d-block w-100" src="images/blocks/preview/gallery-7/8.jpg" alt="Gallery Thumb 2"> <div class="bg-overlay"> <div class="bg-overlay-content dark justify-content-end align-items-end" data-hover-animate="fadeIn"> <a href="images/blocks/preview/gallery-7/8.jpg" class="overlay-trigger-icon size-lg bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-lightbox="gallery-item" title="Image 8"><i class="uil uil-plus"></i></a> </div> </div> </div> </div> </div> </div> </section><!-- #content 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>