| 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>Blog - List On Hover | Canvas</title>
<style>
/* Image Hover */
.hover-reveal {
position: fixed;
width: 230px;
height: 150px;
top: 0;
left: 0;
pointer-events: none;
opacity: 0;
}
.hover-reveal__inner,
.hover-reveal__img {
width: 100%;
height: 100%;
position: relative;
}
.hover-reveal__img {
background-size: cover;
background-position: 50% 50%;
}
.entry-meta i {
width: 20px;
height: 20px;
}
</style>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="container">
<!-- Posts
============================================= -->
<div id="posts" class="row gutter-40">
<div class="entry col-12 mb-0 pb-0 img-hover-block hover-img-lg" data-img="images/blog/grid/1.jpg">
<div class="grid-inner row g-0">
<!-- Entry Meta
============================================= -->
<div class="col-md-3">
<ul class="d-flex flex-column entry-meta no-separator">
<li class="me-0"><i class="uil uil-schedule"></i> 10th July 2021</li>
<li class="me-0"><a href="#"><i class="uil uil-user"></i> admin</a></li>
<li class="me-0"><i class="uil uil-folder-open"></i> <a href="#">General</a>, <a href="#">Media</a></li>
<li class="me-0"><a href="#"><i class="uil uil-comments-alt"></i> 43 Comments</a></li>
</ul>
</div><!-- .entry-meta end -->
<div class="col-md-9">
<div class="entry-title title-sm">
<h2><a href="blog-single.html">This is a Standard post with a Preview Image</a></h2>
</div>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, asperiores quod est tenetur in. Eligendi, deserunt, blanditiis est quisquam doloribus voluptate id aperiam ea ipsum magni aut perspiciatis rem voluptatibus officia eos rerum deleniti quae nihil facilis repellat atque vitae voluptatem libero at eveniet veritatis ab facere.</p>
<a href="blog-single.html" class="more-link">Read More</a> <i class="bi-arrow-right color"></i>
</div>
</div>
</div>
</div>
<div class="line"></div>
<div class="entry col-12 mb-0 pb-0 img-hover-block hover-img-lg" data-img="images/blog/grid/2.jpg">
<div class="grid-inner row g-0">
<!-- Entry Meta
============================================= -->
<div class="col-md-3">
<ul class="d-flex flex-column entry-meta no-separator">
<li class="me-0"><i class="uil uil-folder-open"></i> <a href="#">General</a></li>
<li class="me-0"><i class="uil uil-schedule"></i> 10th July 2021</li>
<li class="me-0"><a href="#"><i class="uil uil-user"></i> admin</a></li>
<li class="me-0"><a href="#"><i class="uil uil-comments-alt"></i> 43 Comments</a></li>
</ul>
</div><!-- .entry-meta end -->
<div class="col-md-9">
<div class="entry-title title-sm">
<h2><a href="blog-single.html">This is a Standard post with a Preview Galllery</a></h2>
</div>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, asperiores quod est tenetur in. Eligendi, deserunt, blanditiis est quisquam doloribus voluptate id aperiam ea ipsum magni aut perspiciatis rem voluptatibus officia eos rerum deleniti quae nihil facilis repellat atque vitae voluptatem libero at eveniet veritatis ab facere.</p>
<a href="blog-single.html" class="more-link">Read More</a> <i class="bi-arrow-right color"></i>
</div>
</div>
</div>
</div>
<div class="line"></div>
<div class="entry col-12 mb-0 pb-0 img-hover-block hover-img-lg" data-img="images/blog/grid/3.jpg">
<div class="grid-inner row g-0">
<!-- Entry Meta
============================================= -->
<div class="col-md-3">
<ul class="d-flex flex-column entry-meta no-separator">
<li class="me-0"><i class="uil uil-folder-open"></i> <a href="#">General</a></li>
<li class="me-0"><i class="uil uil-schedule"></i> 10th July 2021</li>
<li class="me-0"><a href="#"><i class="uil uil-user"></i> admin</a></li>
<li class="me-0"><a href="#"><i class="uil uil-comments-alt"></i> 21 Comments</a></li>
</ul>
</div><!-- .entry-meta end -->
<div class="col-md-9">
<div class="entry-title title-sm">
<h2><a href="blog-single.html">This is a Standard post with a Preview Image</a></h2>
</div>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, asperiores quod est tenetur in. Eligendi, deserunt, blanditiis est quisquam doloribus voluptate id aperiam ea ipsum magni aut perspiciatis rem voluptatibus officia eos rerum deleniti quae nihil facilis repellat atque vitae voluptatem libero at eveniet veritatis ab facere.</p>
<a href="blog-single.html" class="more-link">Read More</a> <i class="bi-arrow-right color"></i>
</div>
</div>
</div>
</div>
</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>
<!-- Hover Image Animate -->
<script src="demos/burger/js/hover-animate.js"></script>
</body>
</html>