| 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=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>Portfolio | Canvas</title>
<style>
#block-portfolio-1 .portfolio-image,
#block-portfolio-1 .portfolio-image > a {
transition: all .5s cubic-bezier(0.0, 0.0, 0.5, 1.0);
transform-origin: center;
}
#block-portfolio-1 .portfolio-item:hover .portfolio-image { transform: scale(0.97); }
#block-portfolio-1 .portfolio-item:hover .portfolio-image > a {
transform: scale(1.17);
}
</style>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap" style="background-color: #ECE3DA;">
<div class="container">
<div class="row mb-5">
<div class="col-lg-7">
<h1 class="font-secondary display-3 fw-bold parallax" data-start="transform: translateY(0px)" data-200-start="transform: translateY(-30px)">Fashion City</h1>
<p>Inceptos voluptates lobortis, adipisicing venenatis tortor ut est doloremque? Sint eligendi. Faucibus. Cillum error dictumst placeat, corporis labore, consequatur ultrices, proident egestas pharetra fusce habitant architecto molestias odio ligula gravida do, varius perferendis luctus? Porro fugiat quos potenti volutpat mus massa porro occaecati curae. Blandit malesuada mollitia rhoncus.</p>
</div>
</div>
<div class="row my-5">
<div class="col-lg-10">
<div id="block-portfolio-1" class="portfolio row grid-container gutter-40" data-layout="fitRows">
<!-- Portfolio Item: Start -->
<article class="portfolio-item col-md-4 col-6 parallax" data-bottom-top="transform: translateY(7%)" data-top-bottom="transform: translateY(-7%)">
<!-- Grid Inner: Start -->
<div class="grid-inner">
<!-- Image: Start -->
<div class="portfolio-image rounded">
<a href="portfolio-single.html">
<img src="images/blocks/preview/portfolio-1/1.jpg" alt="Precedent">
</a>
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
<a href="images/blocks/preview/portfolio-1/1.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-animate-out="zoomOut" data-hover-speed="350" data-lightbox="image" title="Precedent"><i class="uil uil-plus"></i></a>
</div>
</div>
</div>
<div class="portfolio-desc text-center py-3">
<h3><a href="portfolio-single.html">Precedent</a></h3>
</div>
<!-- Image: End -->
</div>
<!-- Grid Inner: End -->
</article>
<!-- Portfolio Item: End -->
<!-- Portfolio Item: Start -->
<article class="portfolio-item col-md-4 col-6 parallax" data-bottom-top="transform: translateY(15%)" data-top-bottom="transform: translateY(-15%)">
<!-- Grid Inner: Start -->
<div class="grid-inner">
<!-- Image: Start -->
<div class="portfolio-image rounded">
<a href="portfolio-single.html">
<img src="images/blocks/preview/portfolio-1/2.jpg" alt="Seasonal">
</a>
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
<a href="images/blocks/preview/portfolio-1/2.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-animate-out="zoomOut" data-hover-speed="350" data-lightbox="image" title="Seasonal"><i class="uil uil-plus"></i></a>
</div>
</div>
</div>
<div class="portfolio-desc text-center py-3">
<h3><a href="portfolio-single.html">Seasonal</a></h3>
</div>
<!-- Image: End -->
</div>
<!-- Grid Inner: End -->
</article>
<!-- Portfolio Item: End -->
<!-- Portfolio Item: Start -->
<article class="portfolio-item col-md-4 col-6 parallax" data-bottom-top="transform: translateY(5%)" data-top-bottom="transform: translateY(-5%)">
<!-- Grid Inner: Start -->
<div class="grid-inner">
<!-- Image: Start -->
<div class="portfolio-image rounded">
<a href="portfolio-single.html">
<img src="images/blocks/preview/portfolio-1/3.jpg" alt="Ignorance">
</a>
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
<a href="images/blocks/preview/portfolio-1/3.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-animate-out="zoomOut" data-hover-speed="350" data-lightbox="image" title="Ignorance"><i class="uil uil-plus"></i></a>
</div>
</div>
</div>
<div class="portfolio-desc text-center py-3">
<h3><a href="portfolio-single.html">Ignorance</a></h3>
</div>
<!-- Image: End -->
</div>
<!-- Grid Inner: End -->
</article>
<!-- Portfolio Item: End -->
<!-- Portfolio Item: Start -->
<article class="portfolio-item col-md-4 col-6 parallax" data-bottom-top="transform: translateY(17%)" data-top-bottom="transform: translateY(-17%)">
<!-- Grid Inner: Start -->
<div class="grid-inner">
<!-- Image: Start -->
<div class="portfolio-image rounded">
<a href="portfolio-single.html">
<img src="images/blocks/preview/portfolio-1/4.jpg" alt="Concentration">
</a>
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
<a href="images/blocks/preview/portfolio-1/4.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-animate-out="zoomOut" data-hover-speed="350" data-lightbox="image" title="Concentration"><i class="uil uil-plus"></i></a>
</div>
</div>
</div>
<div class="portfolio-desc text-center py-3">
<h3><a href="portfolio-single.html">Concentration</a></h3>
</div>
<!-- Image: End -->
</div>
<!-- Grid Inner: End -->
</article>
<!-- Portfolio Item: End -->
<!-- Portfolio Item: Start -->
<article class="portfolio-item col-md-4 col-6 parallax" data-bottom-top="transform: translateY(3%)" data-top-bottom="transform: translateY(-3%)">
<!-- Grid Inner: Start -->
<div class="grid-inner">
<!-- Image: Start -->
<div class="portfolio-image rounded">
<a href="portfolio-single.html">
<img src="images/blocks/preview/portfolio-1/5.jpg" alt="Attitude">
</a>
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
<a href="images/blocks/preview/portfolio-1/5.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-animate-out="zoomOut" data-hover-speed="350" data-lightbox="image" title="Attitude"><i class="uil uil-plus"></i></a>
</div>
</div>
</div>
<div class="portfolio-desc text-center py-3">
<h3><a href="portfolio-single.html">Attitude</a></h3>
</div>
<!-- Image: End -->
</div>
<!-- Grid Inner: End -->
</article>
<!-- Portfolio Item: End -->
<!-- Portfolio Item: Start -->
<article class="portfolio-item col-md-4 col-6 parallax" data-bottom-top="transform: translateY(16%)" data-top-bottom="transform: translateY(-16%)">
<!-- Grid Inner: Start -->
<div class="grid-inner">
<!-- Image: Start -->
<div class="portfolio-image rounded">
<a href="portfolio-single.html">
<img src="images/blocks/preview/portfolio-1/6.jpg" alt="Satisfaction">
</a>
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
<a href="images/blocks/preview/portfolio-1/6.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-animate-out="zoomOut" data-hover-speed="350" data-lightbox="image" title="Satisfaction"><i class="uil uil-plus"></i></a>
</div>
</div>
</div>
<div class="portfolio-desc text-center py-3">
<h3><a href="portfolio-single.html">Satisfaction</a></h3>
</div>
<!-- Image: End -->
</div>
<!-- Grid Inner: End -->
</article>
<!-- Portfolio Item: End -->
</div>
</div>
</div>
<div class="min-vh-50"></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>
<!-- Parallax Script
============================================= -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js"></script>
<script>!SEMICOLON.Mobile.any() && skrollr.init({forceHeight: false});</script>
</body>
</html>