| 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=Lato:wght@300;400;500;600;700&family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Parisienne&display=swap" rel="stylesheet">
<!-- Core Style -->
<link rel="stylesheet" href="style.css">
<!-- Font Icons -->
<link rel="stylesheet" href="css/font-icons.css">
<!-- Niche Demos -->
<link rel="stylesheet" href="one-page/onepage.css">
<link rel="stylesheet" href="demos/writer/writer.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Article Single - Writer | Canvas</title>
</head>
<body class="sticky-footer stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" class="transparent-header dark header-size-custom" data-sticky-shrink="false" data-sticky-class="semi-transparent">
<div id="header-wrap">
<div class="container">
<div class="header-row justify-content-lg-between">
<!-- Logo
============================================= -->
<div id="logo" class="col-auto me-lg-0 order-lg-2">
<a href="index.html">
<img class="logo-default" srcset="demos/writer/images/logo.png, demos/writer/images/[email protected] 2x" src="demos/writer/images/[email protected]" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
<div class="primary-menu-trigger">
<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
</button>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu col-lg-auto order-lg-1">
<ul class="menu-container">
<li class="menu-item"><a class="menu-link" href="demo-writer.html"><div>Home</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-writer-article-single.html"><div>Articles</div></a>
<ul class="sub-menu-container" data-class="up-lg:not-dark">
<li class="menu-item"><a class="menu-link" href="demo-writer-article-single.html"><div>A Key of Mind</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-writer-article-single.html"><div>Knight of the Light</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-writer-article-single.html"><div>Jars & The Ten Killer</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-writer-article-single.html"><div>Love without Flaws</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-writer-article-single.html"><div>Pirates of Water</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-writer-article-single.html"><div>Amusing the Jungle</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="demo-writer-about-me.html"><div>About Me</div></a></li>
</ul>
</nav>
<nav class="primary-menu col-lg-auto order-lg-3">
<ul class="menu-container justify-content-lg-end">
<li class="menu-item"><a class="menu-link" href="demo-writer-testimonials.html"><div>Testimonials</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-writer-contact.html"><div>Contact</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-writer-login.html"><div>Login</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Slider
============================================= -->
<section id="slider" class="slider-element include-header" style="background:#1E232A; height: 450px;">
<div class="move-bg position-absolute w-100 h-100" style="top: 0; left: 0; background: url('demos/writer/images/quick-view/1.jpg') center 30% no-repeat; background-size: cover;"></div>
<div class="vertical-middle text-center">
<div class="container dark">
<div class="entry-title">
<h2 style="font-size: 44px;" class="mb-1 text-transform-none">Loves Without Flaws</h2>
</div>
<div class="entry-meta d-inline-block">
<ul>
<li><i class="uil uil-user"></i> Arnold Newman</li>
<li><i class="bi-clock"></i> 11 Mar 2021</li>
<li><a href="#"><i class="bi-book"></i> Love</a></li>
</ul>
</div>
</div>
</div>
<!-- Slider Video Overlay -->
<div class="video-wrap" style="height: 450px; position: absolute; left: 0; bottom: 0;">
<div class="video-overlay" style="background: -moz-linear-gradient(top, rgba(30,35,42,0) 21%, rgba(30,35,42,0) 66%, rgba(30,35,42,1) 66%); background: -webkit-linear-gradient(top, rgba(30,35,42,0) 21%,rgba(30,35,42,0) 66%,rgba(30,35,42,1) 66%); background: linear-gradient(to bottom, rgba(30,35,42,0) 21%,rgba(30,35,42,0) 66%,rgba(30,35,42,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e232a', endColorstr='#1e232a',GradientType=0 );">
</div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap pt-0" style="background-color: #1E232A;">
<!-- Latest All Books
============================================= -->
<div class="section dark pb-0 m-0 bg-transparent">
<div class="container">
<div class="row gx-5 col-mb-80">
<!-- Post Content
============================================= -->
<main class="postcontent col-lg-9">
<div class="single-post mb-0">
<!-- Single Post
============================================= -->
<div class="entry">
<!-- Entry Content
============================================= -->
<div class="entry-content">
<img src="demos/writer/images/books/4.png" alt="Blog Single" class="alignleft" width="350">
<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: 1140px;
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>
<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 -->
<div class="clear"></div>
<!-- Post Single - Share
============================================= -->
<div class="card border-default my-4">
<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 justify-content-between col-mb-30 post-navigation">
<div class="col-12 col-md-auto text-center">
<a href="#">⇐ This is a Standard post with a Slider Gallery</a>
</div>
<div class="col-12 col-md-auto text-center">
<a href="#">This is an Embedded Audio Post ⇒</a>
</div>
</div><!-- .post-navigation end -->
<div class="line"></div>
<!-- Post Author Info
============================================= -->
<div class="card">
<div class="card-header"><strong>Author by <a href="#">Arnold Newman</a></strong></div>
<div class="card-body">
<div class="author-image">
<img src="images/author/1.jpg" alt="Image" class="rounded-circle">
</div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores, eveniet, eligendi et nobis neque minus mollitia sit repudiandae ad repellendus recusandae blanditiis praesentium vitae ab sint earum voluptate velit beatae alias fugit accusantium laboriosam nisi reiciendis deleniti tenetur molestiae maxime id quaerat consequatur fugiat aliquam laborum nam aliquid. Consectetur, perferendis?
</div>
</div><!-- Post Single - Author End -->
<div class="line"></div>
<h4>Related Posts:</h4>
<div class="related-posts row posts-md col-mb-30">
<div class="entry col-12 col-md-6">
<div class="grid-inner row align-items-center gutter-20">
<div class="col-4">
<div class="entry-image">
<a href="#"><img src="demos/writer/images/books/1.png" alt="Blog Single"></a>
</div>
</div>
<div class="col-8">
<div class="entry-title title-xs text-transform-none">
<h3><a href="#" class="text-white">This is an Image Post</a></h3>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-schedule"></i> 10th July 2021</li>
<li><a href="#"><i class="uil uil-comments-alt"></i> 12</a></li>
</ul>
</div>
<div class="entry-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
</div>
</div>
</div>
<div class="entry col-12 col-md-6">
<div class="grid-inner row align-items-center gutter-20">
<div class="col-4">
<div class="entry-image">
<a href="#"><img src="demos/writer/images/books/2.png" alt="Blog Single"></a>
</div>
</div>
<div class="col-8">
<div class="entry-title title-xs text-transform-none">
<h3><a href="#" class="text-white">This is a Video Post</a></h3>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-schedule"></i> 24th July 2021</li>
<li><a href="#"><i class="uil uil-comments-alt"></i> 16</a></li>
</ul>
</div>
<div class="entry-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
</div>
</div>
</div>
</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>
</main><!-- .postcontent end -->
<!-- Sidebar
============================================= -->
<aside class="sidebar col-lg-3">
<div class="sidebar-widgets-wrap">
<div id="subscriber" class="widget subscribe-widget">
<h4>Subscribe For Latest Offers</h4>
<h5>Subscribe to Our Newsletter to get Important News, Amazing Offers & Inside Scoops:</h5>
<form action="#" class="my-0">
<div class="input-group mx-auto">
<input type="text" class="form-control" placeholder="Enter your Email" required="">
<button class="btn btn-success" type="submit"><i class="bi-send"></i></button>
</div>
</form>
</div>
<div class="widget">
<h4>Flickr Photostream</h4>
<div id="flickr-widget" class="flickr-feed masonry-thumbs grid-container row row-cols-4 customjs" data-id="613394@N22" data-count="16" data-type="group" data-lightbox="gallery"></div>
</div>
<div class="widget">
<ul class="nav canvas-tabs tabs nav-tabs size-sm mb-3" id="canvas-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="canvas-tab-1" data-bs-toggle="pill" data-bs-target="#tab-1"
type="button" role="tab" aria-controls="canvas-tab-1" aria-selected="true">Popular</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="canvas-tab-2" data-bs-toggle="pill" data-bs-target="#tab-2" type="button"
role="tab" aria-controls="canvas-tab-2" aria-selected="false">Recents</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link uil uil-comments-alt" id="canvas-tab-3" data-bs-toggle="pill" data-bs-target="#tab-3"
type="button" role="tab" aria-controls="canvas-tab-3" aria-selected="false"></button>
</li>
</ul>
<div id="canvas-TabContent" class="tab-content">
<div class="tab-pane show active" id="tab-1" role="tabpanel" aria-labelledby="canvas-tab-1" tabindex="0">
<div class="posts-sm row col-mb-30" id="popular-post-list-sidebar">
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img class="rounded-circle" src="images/magazine/small/3.jpg"
alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h4>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-comments-alt"></i> 35 Comments</li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img class="rounded-circle" src="images/magazine/small/2.jpg"
alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Elit Assumenda vel amet dolorum quasi</a></h4>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-comments-alt"></i> 24 Comments</li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img class="rounded-circle" src="images/magazine/small/1.jpg"
alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Debitis nihil placeat, illum est nisi</a></h4>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-comments-alt"></i> 19 Comments</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab-2" role="tabpanel" aria-labelledby="canvas-tab-2" tabindex="0">
<div class="posts-sm row col-mb-30" id="recent-post-list-sidebar">
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img class="rounded-circle" src="images/magazine/small/1.jpg"
alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h4>
</div>
<div class="entry-meta">
<ul>
<li>10th July 2021</li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img class="rounded-circle" src="images/magazine/small/2.jpg"
alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Elit Assumenda vel amet dolorum quasi</a></h4>
</div>
<div class="entry-meta">
<ul>
<li>10th July 2021</li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img class="rounded-circle" src="images/magazine/small/3.jpg"
alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Debitis nihil placeat, illum est nisi</a></h4>
</div>
<div class="entry-meta">
<ul>
<li>10th July 2021</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab-3" role="tabpanel" aria-labelledby="canvas-tab-3" tabindex="0">
<div class="posts-sm row col-mb-30" id="recent-comments-list-sidebar">
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img class="rounded-circle" src="images/icons/avatar.jpg"
alt="User Avatar"></a>
</div>
</div>
<div class="col ps-3">
<strong>John Doe:</strong> Veritatis recusandae sunt repellat distinctio...
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img class="rounded-circle" src="images/icons/avatar.jpg"
alt="User Avatar"></a>
</div>
</div>
<div class="col ps-3">
<strong>Mary Jane:</strong> Possimus libero, earum officia architecto maiores....
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img class="rounded-circle" src="images/icons/avatar.jpg"
alt="User Avatar"></a>
</div>
</div>
<div class="col ps-3">
<strong>Site Admin:</strong> Deleniti magni labore laboriosam odio...
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="widget">
<h4>Most Popular</h4>
<div id="oc-portfolio-sidebar" class="owl-carousel carousel-widget" data-items="1" data-margin="10" data-loop="true" data-nav="false" data-autoplay="5000">
<div class="portfolio-item">
<div class="portfolio-image">
<a href="#">
<img src="demos/writer/images/books/3.png" alt="Image">
</a>
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-speed="350">
<a href="demos/writer/images/books/3.png" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-speed="350" data-lightbox="image"><i class="uil uil-plus"></i></a>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-speed="350"></div>
</div>
</div>
<div class="portfolio-desc text-center pb-0">
<h3><a href="#">Jars and the ten Killer</a></h3>
<span>31st Jan, 2021</span>
</div>
</div>
<div class="portfolio-item">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="demos/writer/images/books/2.png" alt="Image">
</a>
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-speed="350">
<a href="demos/writer/images/books/2.png" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="zoomIn" data-hover-speed="350" data-lightbox="image"><i class="uil uil-plus"></i></a>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-speed="350"></div>
</div>
</div>
<div class="portfolio-desc text-center pb-0">
<h3><a href="#">Knight of the Light</a></h3>
<span>11st Mar, 2021</span>
</div>
</div>
</div>
</div>
<div class="widget">
<h4>Tag Cloud</h4>
<div class="tagcloud">
<a href="#">general</a>
<a href="#">videos</a>
<a href="#">music</a>
<a href="#">media</a>
<a href="#">photography</a>
<a href="#">parallax</a>
<a href="#">ecommerce</a>
<a href="#">terms</a>
<a href="#">coupons</a>
<a href="#">modern</a>
</div>
</div>
</div>
</aside><!-- .sidebar end -->
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" style="background: url('demos/writer/images/section/bg1.jpg') center center no-repeat; background-size: cover;" class="dark border-0">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap z-2">
<div class="row">
<div class="col-lg-5">
<div class="widget">
<div class="row">
<div class="col-lg-8" style="color: #888;">
<img src="demos/writer/images/logo.png" alt="Canvas Logo" class="d-block mb-4">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, consequatur facere molestiae iusto atque.</p>
<div class="d-flex">
<a href="#" class="social-icon si-small rounded-circle text-white bg-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 rounded-circle text-white bg-twitter">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon si-small rounded-circle text-white bg-google">
<i class="fa-brands fa-google"></i>
<i class="fa-brands fa-google"></i>
</a>
<a href="#" class="social-icon si-small rounded-circle text-white bg-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 rounded-circle text-white bg-vimeo">
<i class="fa-brands fa-vimeo-v"></i>
<i class="fa-brands fa-vimeo-v"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="row">
<div class="col-lg-4">
<div class="widget widget_links app_landing_widget_link widget-li-noicon">
<h4>In News</h4>
<ul>
<li><a href="https://codex.wordpress.org/">Documentation</a></li>
<li><a href="https://wordpress.org/support/forum/requests-and-feedback">Feedback</a></li>
<li><a href="https://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="https://wordpress.org/support/">Support Forums</a></li>
<li><a href="https://wordpress.org/extend/themes/">Themes</a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="widget widget_links app_landing_widget_link widget-li-noicon">
<h4>About Us</h4>
<ul>
<li><a href="https://codex.wordpress.org/">Documentation</a></li>
<li><a href="https://wordpress.org/support/forum/requests-and-feedback">Feedback</a></li>
<li><a href="https://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="https://wordpress.org/support/">Support Forums</a></li>
<li><a href="https://wordpress.org/extend/themes/">Themes</a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="widget widget_links app_landing_widget_link widget-li-noicon">
<h4>Support</h4>
<ul>
<li><a href="https://codex.wordpress.org/">Documentation</a></li>
<li><a href="https://wordpress.org/support/forum/requests-and-feedback">Feedback</a></li>
<li><a href="https://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="https://wordpress.org/support/">Support Forums</a></li>
<li><a href="https://wordpress.org/extend/themes/">Themes</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container">
<div class="w-100 z-3">
Copyrights © 2023 All Rights Reserved by Canvas Inc.<br>
<div class="copyright-links"><a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></div>
</div>
</div>
</div><!-- #copyrights end -->
<div class="video-wrap" style="height: 100%;position: absolute; left: 0; top: 0; z-index: 1;">
<div class="video-overlay" style="background: -moz-linear-gradient(top, rgba(30,35,42,1) 21%, rgba(30,35,42,0) 100%); background: -webkit-linear-gradient(top, rgba(30,35,42,1) 21%,rgba(30,35,42,0) 100%); background: linear-gradient(to bottom, rgba(30,35,42,1) 21%,rgba(30,35,42,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e232a', endColorstr='#1e232a',GradientType=0 );">
</div>
</div>
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div>
<!-- JavaScripts
============================================= -->
<script src="js/jquery.js"></script>
<script src="js/functions.js"></script>
<!-- Hover 3D -->
<script src="demos/writer/js/hover3d.js"></script>
<script>
jQuery(document).ready( function(){
if( !jQuery('body').hasClass('device-touch') ) {
var lFollowX = 0,
lFollowY = 0,
x = 0,
y = 0,
friction = 1 / 30;
function moveBackground() {
x += (lFollowX - x) * friction;
y += (lFollowY - y) * friction;
translate = 'translate(' + x + 'px, ' + y + 'px) scale(1.1)';
jQuery('.move-bg').css({
'-webit-transform': translate,
'-moz-transform': translate,
'transform': translate
});
window.requestAnimationFrame(moveBackground);
}
jQuery(window).on('mousemove click', function(e) {
var lMouseX = Math.max(-100, Math.min(100, jQuery(window).width() / 2 - e.clientX));
var lMouseY = Math.max(-100, Math.min(100, jQuery(window).height() / 2 - e.clientY));
lFollowX = (10 * lMouseX) / 100; // 100 : 12 = lMouxeX : lFollow
lFollowY = (10 * lMouseY) / 100;
});
moveBackground();
}
});
</script>
</body>
</html>