| Server IP : 104.21.21.239 / Your IP : 216.73.217.143 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"> <link rel="stylesheet" href="one-page/css/et-line.css"> <!-- One Page Module Specific Stylesheet --> <link rel="stylesheet" href="one-page/onepage.css"> <!-- Custom CSS --> <link rel="stylesheet" href="css/custom.css"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Document Title ============================================= --> <title>One Page Portfolio with Side Header | Canvas</title> </head> <body class="stretched side-header"> <!-- Document Wrapper ============================================= --> <div id="wrapper"> <!-- Header ============================================= --> <header id="header"> <div id="header-wrap"> <div class="container"> <div class="header-row justify-content-between"> <!-- Logo ============================================= --> <div id="logo" class="w-auto me-auto mx-lg-auto"> <a href="index.html"> <img class="logo-default" srcset="one-page/images/canvasone.png, one-page/images/[email protected] 2x" src="one-page/images/[email protected]" alt="Canvas Logo"> <img class="logo-dark" srcset="one-page/images/canvasone-dark.png, one-page/images/[email protected] 2x" src="one-page/images/[email protected]" alt="Canvas Logo"> </a> </div><!-- #logo end --> <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> <div class="header-misc"> <div class="d-flex my-lg-5 justify-content-center w-100"> <a href="#" class="social-icon si-small bg-transparent h-bg-facebook"> <i class="fa-brands fa-facebook-f"></i> <i class="fa-brands fa-facebook-f"></i> </a> <a href="#" class="social-icon si-small bg-transparent h-bg-twitter"> <i class="fa-brands fa-twitter"></i> <i class="fa-brands fa-twitter"></i> </a> <a href="#" class="social-icon si-small bg-transparent h-bg-google"> <i class="fa-brands fa-google"></i> <i class="fa-brands fa-google"></i> </a> <a href="#" class="social-icon si-small bg-transparent h-bg-pinterest"> <i class="fa-brands fa-pinterest-p"></i> <i class="fa-brands fa-pinterest-p"></i> </a> <a href="#" class="social-icon si-small bg-transparent h-bg-github"> <i class="fa-brands fa-github"></i> <i class="fa-brands fa-github"></i> </a> </div> </div> <!-- Primary Navigation ============================================= --> <nav class="primary-menu text-start text-lg-center"> <ul class="menu-container"> <li class="menu-item"><a class="menu-link" href="#"><div>Home</div></a></li> <li class="menu-item"><a class="menu-link" href="#"><div>About</div></a></li> <li class="menu-item"><a class="menu-link" href="#"><div>Works</div></a></li> <li class="menu-item"><a class="menu-link" href="#"><div>Services</div></a></li> <li class="menu-item"><a class="menu-link" href="#"><div>Blog</div></a></li> <li class="menu-item"><a class="menu-link" href="#"><div>Contact</div></a></li> </ul> </nav><!-- #primary-menu end --> </div> </div> </div> <div class="header-wrap-clone"></div> </header><!-- #header end --> <!-- Content ============================================= --> <section id="content"> <div class="content-wrap py-0"> <!-- Portfolio Items ============================================= --> <div class="portfolio grid-container row g-0 text-center"> <article class="portfolio-item col-lg-6 col-md-4 col-sm-6 col-12 wide"> <div class="grid-inner"> <div class="portfolio-image"> <a href="#"> <img src="one-page/images/portfolio/mixed/1.jpg" alt="Open Imagination"> </a> <div class="bg-overlay"> <div class="bg-overlay-content flex-column" data-hover-animate="fadeIn"> <div class="portfolio-desc p-0" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350"> <h3><a href="#">Open Imagination</a></h3> <span><a href="#">Media</a>, <a href="#">Icons</a></span> </div> </div> <div class="bg-overlay-bg" data-hover-animate="fadeIn"></div> </div> </div> </div> </article> <article class="portfolio-item col-lg-3 col-md-4 col-sm-6 col-12"> <div class="grid-inner"> <div class="portfolio-image"> <a href="#"> <img src="one-page/images/portfolio/mixed/2.jpg" alt="Locked Steel Gate"> </a> <div class="bg-overlay"> <div class="bg-overlay-content flex-column" data-hover-animate="fadeIn"> <div class="portfolio-desc p-0" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350"> <h3><a href="#">Locked Steel Gate</a></h3> <span><a href="#">Illustrations</a></span> </div> </div> <div class="bg-overlay-bg" data-hover-animate="fadeIn"></div> </div> </div> </div> </article> <article class="portfolio-item col-lg-3 col-md-4 col-sm-6 col-12"> <div class="grid-inner"> <div class="portfolio-image"> <a href="#"> <img src="one-page/images/portfolio/mixed/3.jpg" alt="Mac Sunglasses"> </a> <div class="bg-overlay"> <div class="bg-overlay-content flex-column" data-hover-animate="fadeIn"> <div class="portfolio-desc p-0" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350"> <h3><a href="#">Mac Sunglasses</a></h3> <span><a href="#">Graphics</a>, <a href="#">UI Elements</a></span> </div> </div> <div class="bg-overlay-bg" data-hover-animate="fadeIn"></div> </div> </div> </div> </article> <article class="portfolio-item col-lg-6 col-md-4 col-sm-6 col-12 wide"> <div class="grid-inner"> <div class="portfolio-image"> <a href="#"> <img src="one-page/images/portfolio/mixed/4.jpg" alt="Open Imagination"> </a> <div class="bg-overlay"> <div class="bg-overlay-content flex-column" data-hover-animate="fadeIn"> <div class="portfolio-desc p-0" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350"> <h3><a href="#">Open Imagination</a></h3> <span><a href="#">Media</a>, <a href="#">Icons</a></span> </div> </div> <div class="bg-overlay-bg" data-hover-animate="fadeIn"></div> </div> </div> </div> </article> <article class="portfolio-item col-lg-6 col-md-4 col-sm-6 col-12 wide"> <div class="grid-inner"> <div class="portfolio-image"> <a href="#"> <img src="one-page/images/portfolio/mixed/5.jpg" alt="Console Activity"> </a> <div class="bg-overlay"> <div class="bg-overlay-content flex-column" data-hover-animate="fadeIn"> <div class="portfolio-desc p-0" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350"> <h3><a href="#">Console Activity</a></h3> <span><a href="#">UI Elements</a>, <a href="#">Media</a></span> </div> </div> <div class="bg-overlay-bg" data-hover-animate="fadeIn"></div> </div> </div> </div> </article> <article class="portfolio-item col-lg-3 col-md-4 col-sm-6 col-12"> <div class="grid-inner"> <div class="portfolio-image"> <a href="#"> <img src="one-page/images/portfolio/mixed/6.jpg" alt="Open Imagination"> </a> <div class="bg-overlay"> <div class="bg-overlay-content flex-column" data-hover-animate="fadeIn"> <div class="portfolio-desc p-0" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350"> <h3><a href="#">Open Imagination</a></h3> <span><a href="#">Media</a>, <a href="#">Icons</a></span> </div> </div> <div class="bg-overlay-bg" data-hover-animate="fadeIn"></div> </div> </div> </div> </article> <article class="portfolio-item col-lg-3 col-md-4 col-sm-6 col-12"> <div class="grid-inner"> <div class="portfolio-image"> <a href="#"> <img src="one-page/images/portfolio/mixed/7.jpg" alt="Backpack Contents"> </a> <div class="bg-overlay"> <div class="bg-overlay-content flex-column" data-hover-animate="fadeIn"> <div class="portfolio-desc p-0" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutDownSmall" data-hover-speed="350"> <h3><a href="#">Backpack Contents</a></h3> <span><a href="#">UI Elements</a>, <a href="#">Icons</a></span> </div> </div> <div class="bg-overlay-bg" data-hover-animate="fadeIn"></div> </div> </div> </div> </article> </div><!-- #portfolio end --> <div class="section dark mt-0"> <div class="container col-padding text-center"> <div class="emphasis-title"> <h2 class="font-body fw-bold" style="font-size: 54px;">We are a Creative Media & Design Agency.</h2> <p class="lead">We specialize in Creating Engaging & Creative Brand Entities for New Startups.</p> </div> <a href="#" class="button button-border button-circle button-light">Get Quick Quote</a> </div> </div> <div class="container mt-6 mb-6"> <div class="row align-items-stretch grid-border"> <div class="col-lg-4 col-md-6 col-padding"> <div class="feature-box fbox-center fbox-dark fbox-plain"> <div class="fbox-icon"> <a href="#"><i class="icon-et-mobile"></i></a> </div> <div class="fbox-content"> <h3>Responsive Framework</h3> </div> </div> </div> <div class="col-lg-4 col-md-6 col-padding"> <div class="feature-box fbox-center fbox-dark fbox-plain"> <div class="fbox-icon"> <a href="#"><i class="icon-et-presentation"></i></a> </div> <div class="fbox-content"> <h3>Beautifully Presented</h3> </div> </div> </div> <div class="col-lg-4 col-md-6 col-padding"> <div class="feature-box fbox-center fbox-dark fbox-plain"> <div class="fbox-icon"> <a href="#"><i class="icon-et-puzzle"></i></a> </div> <div class="fbox-content"> <h3>Extensively Extendable</h3> </div> </div> </div> <div class="col-lg-4 col-md-6 col-padding"> <div class="feature-box fbox-center fbox-dark fbox-plain"> <div class="fbox-icon"> <a href="#"><i class="icon-et-gears"></i></a> </div> <div class="fbox-content"> <h3>Powerfully Customizable</h3> </div> </div> </div> <div class="col-lg-4 col-md-6 col-padding"> <div class="feature-box fbox-center fbox-dark fbox-plain"> <div class="fbox-icon"> <a href="#"><i class="icon-et-genius"></i></a> </div> <div class="fbox-content"> <h3>Geniusly Transformable</h3> </div> </div> </div> <div class="col-lg-4 col-md-6 col-padding"> <div class="feature-box fbox-center fbox-dark fbox-plain"> <div class="fbox-icon"> <a href="#"><i class="icon-et-hotairballoon"></i></a> </div> <div class="fbox-content"> <h3>Industrial Support</h3> </div> </div> </div> </div> </div> </div> </section><!-- #content end --> <!-- Footer ============================================= --> <footer id="footer" class="dark border-0"> <div id="copyrights"> <div class="container mt-4 text-center ls-2 text-uppercase"> Copyrights Canvas 2020 | All Rights Reserved <div class="d-flex justify-content-center mt-4"> <a href="#" class="social-icon si-small bg-transparent h-bg-facebook" title="Facebook"> <i class="fa-brands fa-facebook-f"></i> <i class="fa-brands fa-facebook-f"></i> </a> <a href="#" class="social-icon si-small bg-transparent h-bg-twitter" title="Twitter"> <i class="fa-brands fa-twitter"></i> <i class="fa-brands fa-twitter"></i> </a> <a href="#" class="social-icon si-small bg-transparent h-bg-github" title="Github"> <i class="fa-brands fa-github"></i> <i class="fa-brands fa-github"></i> </a> <a href="#" class="social-icon si-small bg-transparent h-bg-pinterest" title="Pinterest"> <i class="fa-brands fa-pinterest-p"></i> <i class="fa-brands fa-pinterest-p"></i> </a> </div> </div> </div> </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>