| 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 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 overflow-visible bg-dark pb-0">
<div class="container alert alert-success sticky-float-bottom" data-animate="fadeInUp faster">
<div class="row justify-content-between align-items-center">
<div class="col-lg-auto">
<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-lg-auto mt-3 mt-lg-0">
<a href="#" class="btn btn-success">Shop Now</a>
<button type="button" class="btn btn-close btn-sm float-lg-none text-dark ms-md-3" data-bs-dismiss="alert" aria-hidden="true"></button>
</div>
</div>
</div>
<div class="row justify-content-center align-items-center text-center dark">
<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="min-vh-100"></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>