| 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;800;900&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>Hero | Canvas</title>
<style>
.block-hero-22 h1,
.block-hero-22 h2,
.block-hero-22 h3,
.block-hero-22 h4,
.block-hero-22 h5,
.block-hero-22 h6,
.block-hero-22 p,
.block-hero-22 a {
font-family: 'Inter', sans-serif;
}
@media (min-width: 992px) {
.block-hero-22 .transform-margin { transform: translateY(50px) scale(0.93); }
}
</style>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap pb-0">
<div class="container">
<!-- Section light
============================================= -->
<div class="block-hero-22">
<div class="row justify-content-center my-5">
<div class="col-xl-5 col-lg-7 text-center">
<h2 class="h1 fw-semibold mb-4">Get started with our Beautiful Demos.</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam esse cumque quaerat placeat perspiciatis consequuntur corrupti quisquam, vero recusandae ea!</p>
</div>
</div>
<div class="row justify-content-between align-items-end col-mb-50 gutter-50">
<div class="col-6 col-lg-3 text-center transform-margin">
<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="#111" viewBox="0 0 256 256"><rect width="42" height="42" fill="none"></rect><path d="M104,80H208a32,32,0,0,1,32,32v56a0,0,0,0,1,0,0H104a0,0,0,0,1,0,0V80A0,0,0,0,1,104,80Z" opacity="0.2" fill="red"></path><path d="M104,168V80H208a32,32,0,0,1,32,32v56" fill="none" stroke="#111" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><line x1="16" y1="208" x2="16" y2="48" fill="none" stroke="#111" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line><polyline points="16 168 240 168 240 208" fill="none" stroke="#111" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline><line x1="104" y1="80" x2="16" y2="80" fill="none" stroke="#111" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line></svg>
<h4 class="my-3">Hostel Demo</h4>
<p class="text-dark op-07 fw-normal mb-4">Dramatically fashion premier e-commerce with superior technology.</p>
<img src="images/blocks/preview/hero-23/1.png" alt="Image" class="mt-3">
</div>
<div class="col-6 col-lg-3 text-center">
<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="#111111" viewBox="0 0 256 256"><rect width="42" height="42" fill="none"></rect><path d="M128,24S228,88,228,140a52.00142,52.00142,0,0,1-85.37486,39.87791L160,232H96l17.37486-52.12209A52.00142,52.00142,0,0,1,28,140C28,88,128,24,128,24Z" opacity="0.2" fill="#02c39a"></path><path d="M128,24S228,88,228,140a52.00142,52.00142,0,0,1-85.37486,39.87791L160,232H96l17.37486-52.12209A52.00142,52.00142,0,0,1,28,140C28,88,128,24,128,24Z" fill="none" stroke="#111111" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path></svg>
<h4 class="my-3">Beauty Demo</h4>
<p class="text-dark op-07 fw-normal mb-4">Dramatically fashion premier e-commerce with superior technology.</p>
<img src="images/blocks/preview/hero-23/2.png" alt="Image" class="mt-3">
</div>
<div class="col-6 col-lg-3 text-center">
<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="#111111" viewBox="0 0 256 256"><rect width="42" height="42" fill="none"></rect><g opacity="0.2" fill="#05608b"><path d="M37.10205,76.61578A7.99474,7.99474,0,0,0,36,80.66772v94.66456a8,8,0,0,0,4.06354,6.96451l84,47.47826A7.99524,7.99524,0,0,0,128,230.81054v-.00018L129.06171,128l-91.959-51.38385Z"></path></g><line x1="129.06171" y1="128" x2="128" y2="230.81036" fill="none" stroke="#111111" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line><path d="M220,175.33228V80.66772a8,8,0,0,0-4.06354-6.9645l-84-47.47826a8,8,0,0,0-7.87292,0l-84,47.47826A8,8,0,0,0,36,80.66772v94.66456a8,8,0,0,0,4.06354,6.96451l84,47.47826a8,8,0,0,0,7.87292,0l84-47.47826A8,8,0,0,0,220,175.33228Z" fill="none" stroke="#111111" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><polyline points="218.904 76.627 129.062 128 37.103 76.616" fill="none" stroke="#111111" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline></svg>
<h4 class="my-3">Movers Demo</h4>
<p class="text-dark op-07 fw-normal mb-4">Dramatically fashion premier e-commerce with superior technology.</p>
<img src="images/blocks/preview/hero-23/3.png" alt="Image" class="mt-3">
</div>
<div class="col-6 col-lg-3 text-center transform-margin">
<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="#111111" viewBox="0 0 256 256"><rect width="42" height="42" fill="none"></rect><path d="M96,96v16a32,32,0,0,1-64,0V96" opacity="1" fill="#e9c46a"></path><path d="M224,96v16a32,32,0,0,1-64,0V96" opacity="1" fill="#e9c46a"></path><path d="M48,139.58816V208a8,8,0,0,0,8,8H200a8,8,0,0,0,8-8V139.58972" fill="none" stroke="#111111" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><path d="M54.03441,40H201.96559a8,8,0,0,1,7.69219,5.80223L224,96H32L46.34222,45.80223A8,8,0,0,1,54.03441,40Z" fill="none" stroke="#111111" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><path d="M96,96v16a32,32,0,0,1-64,0V96" fill="none" stroke="#111111" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><path d="M160,96v16a32,32,0,0,1-64,0V96" fill="none" stroke="#111111" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><path d="M224,96v16a32,32,0,0,1-64,0V96" fill="none" stroke="#111111" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path></svg>
<h4 class="my-3">Store Demo</h4>
<p class="text-dark op-07 fw-normal mb-4">Dramatically fashion premier e-commerce with superior technology.</p>
<img src="images/blocks/preview/hero-23/4.png" alt="Image" class="mt-3">
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="min-vh-25 position-relative z-1" style="background-color: #F0F3BD">
</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>