| 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>Blog Single | Canvas</title>
<style>
.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">
<div class="single-post mb-0 mw-sm mx-auto">
<!-- Single Post
============================================= -->
<div class="entry">
<!-- Entry Title
============================================= -->
<div class="entry-title">
<h2>This is a Standard post with a Preview Image</h2>
</div><!-- .entry-title end -->
<div class="row align-items-center mt-2">
<div class="col-md-3">
<!-- Entry Meta
============================================= -->
<div>
<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>
<div class="col-md-9">
<p class="text-larger text-muted mt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic maiores porro consequatur! Id amet modi ad iusto sunt quo ut natus quis officiis repudiandae, enim, consectetur voluptates sit, illum totam?</p>
</div>
</div>
<div class="clear"></div>
<!-- Entry Image
============================================= -->
<div class="entry-image align-wide-full my-3">
<a href="#"><img src="images/blog/full/1.jpg" alt="Blog Single"></a>
<figcaption class="text-center mt-2 text-muted text-smaller">Image Caption Text</figcaption>
</div><!-- .entry-image end -->
<div class="clear"></div>
<!-- Entry Content
============================================= -->
<div class="entry-content mt-3">
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. <a href="#">Curabitur blandit tempus porttitor</a>. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Donec id elit non mi porta gravida at eget metus. Vestibulum id ligula porta felis euismod semper.</p>
<blockquote><p>Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper.</p></blockquote>
<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus.</p>
<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia bibendum nulla sed consectetur. Cras justo odio, dapibus ac facilisis in, egestas eget quam. <a href="#">Nullam quis risus eget urna</a> mollis ornare vel eu leo. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
<pre>
#header-inner {
width: 940px;
margin: 0 auto;
padding-top: 40px;
}</pre>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
<div class="row align-wide-lg mb-4 text-center">
<div class="col-sm-6">
<img src="images/blog/grid/1.jpg" alt="Image">
<figcaption class="text-center mt-2 text-muted text-smaller">Image Caption Text</figcaption>
</div>
<div class="col-sm-6">
<iframe width="560"height="315" src="https://www.youtube.com/embed/P3Huse9K6Xs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<figcaption class="text-center mt-2 text-muted text-smaller">Video Caption Text</figcaption>
</div>
</div>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Donec id elit non mi porta gravida at eget metus. Vestibulum id ligula porta felis euismod semper.</p>
<!-- Post Single - Content End -->
<!-- Tag Cloud
============================================= -->
<div class="tagcloud mb-5">
<a href="#">general</a>
<a href="#">information</a>
<a href="#">media</a>
<a href="#">press</a>
<a href="#">gallery</a>
<a href="#">illustration</a>
</div><!-- .tagcloud end -->
<!-- Post Single - Share
============================================= -->
<div class="card my-4 border rounded border-default">
<div class="card-body p-3">
<div class="d-flex align-items-center justify-content-between">
<h6 class="fs-6 fw-semibold mb-0">Share:</h6>
<div class="d-flex">
<a href="#" class="social-icon si-small text-white border-transparent rounded-circle bg-facebook" title="Facebook">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#" class="social-icon si-small text-white border-transparent rounded-circle bg-twitter" title="Twitter">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon si-small text-white border-transparent rounded-circle bg-pinterest" title="Pinterest">
<i class="fa-brands fa-pinterest-p"></i>
<i class="fa-brands fa-pinterest-p"></i>
</a>
<a href="#" class="social-icon si-small text-white border-transparent rounded-circle bg-whatsapp" title="Whatsapp">
<i class="fa-brands fa-whatsapp"></i>
<i class="fa-brands fa-whatsapp"></i>
</a>
<a href="#" class="social-icon si-small text-white border-transparent rounded-circle bg-rss" title="RSS">
<i class="fa-solid fa-rss"></i>
<i class="fa-solid fa-rss"></i>
</a>
<a href="#" class="social-icon si-small text-white border-transparent rounded-circle bg-email3 me-0" title="Mail">
<i class="fa-solid fa-envelope"></i>
<i class="fa-solid fa-envelope"></i>
</a>
</div>
</div>
</div>
</div><!-- Post Single - Share End -->
</div>
</div><!-- .entry end -->
<!-- Post Navigation
============================================= -->
<div class="row text-center text-md-start justify-content-between my-5">
<div class="col-md-auto">
<a href="#" class="d-inline-flex align-items-center text-dark h-text-color"><i class="uil uil-angle-left-b fs-3 me-1"></i><span>15 Ways to create Healthy Habits</span></a>
</div>
<div class="col-md-auto">
<a href="#" class="d-inline-flex align-items-center text-dark h-text-color"><span>The Next big thing is AI</span><i class="uil uil-angle-right-b fs-3 ms-1"></i></a>
</div>
</div><!-- .post-navigation end -->
<!-- Post Author Info
============================================= -->
<div class="card border-default mb-5">
<div class="card-body p-4">
<div class="row">
<div class="col-auto">
<img src="images/author/1.jpg" alt="Author Image" class="rounded-circle square square-md">
</div>
<div class="col">
<div class="d-flex align-items-start mb-2">
<div>
<h5 class="text-medium fw-semibold mb-0"><a href="#" class="text-dark">Jonathan Swift</a></h5>
<span class="text-muted text-smaller">12.5K Followers</span>
</div>
<a href="#" class="btn btn-light btn-sm rounded-pill px-3 ms-auto">Follow</a>
</div>
<p class="mb-3">Writer at Canvas Inc. Posting stories about Best Blog Designs.</p>
<a href="#" class="more-link">More Posts by Jonathan Swift</a>
</div>
</div>
</div>
</div><!-- Post Single - Author End -->
<div class="line"></div>
<!-- Comments
============================================= -->
<div id="comments">
<h3 id="comments-title"><span>3</span> Comments</h3>
<!-- Comments List
============================================= -->
<ol class="commentlist">
<li class="comment even thread-even depth-1" id="li-comment-1">
<div id="comment-1" class="comment-wrap">
<div class="comment-meta">
<div class="comment-author vcard">
<span class="comment-avatar">
<img alt='Image' src='https://0.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=60' class='avatar avatar-60 photo avatar-default' height='60' width='60'></span>
</div>
</div>
<div class="comment-content">
<div class="comment-author">John Doe<span><a href="#" title="Permalink to this comment">April 24, 2012 at 10:46 am</a></span></div>
<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
<a class='comment-reply-link' href='#'><i class="bi-reply-fill"></i></a>
</div>
<div class="clear"></div>
</div>
<ul class='children'>
<li class="comment byuser comment-author-_smcl_admin odd alt depth-2" id="li-comment-3">
<div id="comment-3" class="comment-wrap">
<div class="comment-meta">
<div class="comment-author vcard">
<span class="comment-avatar">
<img alt='Image' src='https://1.gravatar.com/avatar/30110f1f3a4238c619bcceb10f4c4484?s=40&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D40&r=G' class='avatar avatar-40 photo' height='40' width='40'></span>
</div>
</div>
<div class="comment-content">
<div class="comment-author"><a href='#' rel='external nofollow' class='url'>SemiColon</a><span><a href="#" title="Permalink to this comment">April 25, 2012 at 1:03 am</a></span></div>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<a class='comment-reply-link' href='#'><i class="bi-reply-fill"></i></a>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</li>
<li class="comment byuser comment-author-_smcl_admin even thread-odd thread-alt depth-1" id="li-comment-2">
<div id="comment-2" class="comment-wrap">
<div class="comment-meta">
<div class="comment-author vcard">
<span class="comment-avatar">
<img alt='Image' src='https://1.gravatar.com/avatar/30110f1f3a4238c619bcceb10f4c4484?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G' class='avatar avatar-60 photo' height='60' width='60'></span>
</div>
</div>
<div class="comment-content">
<div class="comment-author"><a href='https://themeforest.net/user/semicolonweb' rel='external nofollow' class='url'>SemiColon</a><span><a href="#" title="Permalink to this comment">April 25, 2012 at 1:03 am</a></span></div>
<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
<a class='comment-reply-link' href='#'><i class="bi-reply-fill"></i></a>
</div>
<div class="clear"></div>
</div>
</li>
</ol><!-- .commentlist end -->
<div class="clear"></div>
<!-- Comment Form
============================================= -->
<div id="respond">
<h3>Leave a <span>Comment</span></h3>
<form class="row" action="#" method="post" id="commentform">
<div class="col-md-4 form-group">
<label for="author">Name</label>
<input type="text" name="author" id="author" value="" size="22" tabindex="1" class="form-control">
</div>
<div class="col-md-4 form-group">
<label for="email">Email</label>
<input type="text" name="email" id="email" value="" size="22" tabindex="2" class="form-control">
</div>
<div class="col-md-4 form-group">
<label for="url">Website</label>
<input type="text" name="url" id="url" value="" size="22" tabindex="3" class="form-control">
</div>
<div class="w-100"></div>
<div class="col-12 form-group">
<label for="comment">Comment</label>
<textarea name="comment" cols="58" rows="7" tabindex="4" class="form-control"></textarea>
</div>
<div class="col-12 form-group">
<button name="submit" type="submit" id="submit-button" tabindex="5" value="Submit" class="button button-3d m-0">Submit Comment</button>
</div>
</form>
</div><!-- #respond end -->
</div><!-- #comments end -->
</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>
</body>
</html>