| 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 href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Lato:wght@400;500;600;700&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 rel="stylesheet" href="css/swiper.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Alert - Sticky | Canvas</title>
<style>
.sticky-float-bottom {
position: -webkit-sticky !important;
position: sticky !important;
top: calc(100vh - 134px); /* 100vh - alert-height - 30px */
}
@media (min-width: 992px) {
.sticky-float-bottom {
top: calc(100vh - 94px); /* 100vh - alert-height - 30px */
}
}
</style>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" class="no-sticky">
<div id="header-wrap">
<div class="container">
<div class="header-row justify-content-between">
<h3 class="mb-0">Header</h3>
<!-- Primary Navigation icon in mobile
============================================= -->
<div class="primary-menu-trigger">
<svg class="svg-trigger" viewBox="0 0 100 100">
<path d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20">
</path>
<path d="m 30,50 h 40"></path>
<path d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20">
</path>
</svg>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu">
<ul class="menu-container justify-content-center">
<li class="menu-item current">
<a class="menu-link" href="#">
<div>Menu 1</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="#">
<div>Menu 2</div>
</a>
</li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap bg-dark dark pb-0">
<div class="container">
<div class="row justify-content-center align-items-center text-center min-vh-75">
<div class="col-12">
<h1 class="display-3">Content <br><span class="text-white-50">...</span></h1>
<a href="block-content-alert.html" class="btn btn-sm btn-light me-2">Default</a>
<a href="block-content-alert-sticky.html" class="btn btn-sm btn-light me-2">Sticky</a>
<a href="block-content-alert-float.html" class="btn btn-sm btn-light me-2">Float</a>
<a href="block-content-alert-top.html" class="btn btn-sm btn-light me-2">Top</a>
<a href="block-content-alert-bottom-fixed.html" class="btn btn-sm btn-light me-2">Bottom Fixed</a>
<a href="block-content-alert-custom-width.html" class="btn btn-sm btn-light">Custom Width</a>
</div>
</div>
<div class="row justify-content-center align-items-center text-center min-vh-50">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur iusto quod eveniet explicabo? Quas veniam dicta asperiores eaque quidem maxime. Consequatur quo libero illo adipisci saepe earum, delectus repellendus laboriosam sequi iure, eligendi corrupti et! Recusandae est voluptate hic. Veritatis atque labore assumenda, est officiis inventore consequuntur consequatur repellendus amet quia, molestias debitis incidunt soluta vitae nemo culpa quos!</p>
</div>
</div>
</div>
</section><!-- #content end -->
<div class="alert alert-success fixed-bottom" style="max-width: 400px; left: auto; right: 20px;" data-animate="fadeInRight faster">
<div class="row justify-content-between align-items-center">
<div class="col-12">
<strong><i class="bi-boxes"></i> Good News!</strong> Back to the future of Awesome Templates: Introducing Our <a href="#" class="alert-link"><u>Canvas</u></a> Template.
</div>
<div class="col-12 d-flex align-items-center justify-content-between mt-3">
<a href="#" class="btn btn-success">Shop Now</a>
<button type="button" class="btn btn-close btn-sm text-dark ms-md-3" data-bs-dismiss="alert" aria-hidden="true"><span class="visually-hidden">Close</span></button>
</div>
</div>
</div>
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div>
<!-- JavaScripts
============================================= -->
<script src="js/functions.js"></script>
</body>
</html>