| 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">
<!-- 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>Home - Blog Layout | Canvas</title>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" class="header-size-sm">
<div class="container">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo" class="mx-auto">
<a href="index.html">
<img class="logo-default" srcset="images/logo.png, images/[email protected] 2x" src="images/[email protected]" alt="Canvas Logo">
<img class="logo-dark" srcset="images/logo-dark.png, images/[email protected] 2x" src="images/[email protected]" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
</div>
</div>
<div id="header-wrap" class="border-top border-f5">
<div class="container">
<div class="header-row justify-content-center">
<div class="header-misc">
<!-- Top Search
============================================= -->
<div id="top-search" class="header-misc-icon">
<a href="#" id="top-search-trigger"><i class="uil uil-search"></i><i class="bi-x-lg"></i></a>
</div><!-- #top-search end -->
</div>
<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">
<ul class="menu-container">
<li class="menu-item current"><a class="menu-link" href="#"><div>Home</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Features</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Categories</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Authors</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Portfolio</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Blog</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Contribute</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Contact</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
<form class="top-search-form" action="search.html" method="get">
<input type="text" name="q" class="form-control" value="" placeholder="Type & Hit Enter.." autocomplete="off">
</form>
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<section id="slider" class="slider-element swiper_wrapper min-vh-75">
<div class="slider-inner">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide dark">
<div class="container">
<div class="slider-caption slider-caption-center">
<h2 data-animate="fadeInUp">Welcome to Canvas</h2>
<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">Create just what you need for your Perfect Website. Choose from a wide range of Elements & simply put them on our Canvas.</p>
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('images/slider/swiper/1.jpg');"></div>
</div>
<div class="swiper-slide dark">
<div class="container">
<div class="slider-caption slider-caption-center">
<h2 data-animate="fadeInUp">Beautifully Flexible</h2>
<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">Looks beautiful & ultra-sharp on Retina Screen Displays. Powerful Layout with Responsive functionality that can be adapted to any screen size.</p>
</div>
</div>
<div class="video-wrap no-placeholder">
<video poster="images/videos/explore-poster.jpg" preload="auto" loop autoplay muted playsinline>
<source src='images/videos/explore.mp4' type='video/mp4'>
<source src='images/videos/explore.webm' type='video/webm'>
</video>
<div class="video-overlay" style="background-color: rgba(0,0,0,0.55);"></div>
</div>
</div>
<div class="swiper-slide">
<div class="container">
<div class="slider-caption">
<h2 data-animate="fadeInUp">Great Performance</h2>
<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">You'll be surprised to see the Final Results of your Creation & would crave for more.</p>
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('images/slider/swiper/3.jpg'); background-position: center top;"></div>
</div>
</div>
<div class="slider-arrow-left"><i class="uil uil-angle-left-b"></i></div>
<div class="slider-arrow-right"><i class="uil uil-angle-right-b"></i></div>
<div class="slide-number"><div class="slide-number-current"></div><span>/</span><div class="slide-number-total"></div></div>
</div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<a href="#" class="button button-full button-purple text-center text-end header-stick mb-6">
<div class="container">
Canvas comes with Unlimited Customizations & Options. <strong>Check Out</strong> <i class="fa-solid fa-caret-right" style="top:4px;"></i>
</div>
</a>
<div class="container">
<div class="heading-block text-center">
<h1>Recent Articles</h1>
<span>We almost blog regularly about this & that.</span>
</div>
<div class="row gx-5 col-mb-80">
<!-- Post Content
============================================= -->
<main class="postcontent col-lg-9">
<!-- Posts
============================================= -->
<div id="posts" class="row grid-container gutter-40">
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-md-4">
<a class="entry-image" href="images/blog/full/17.jpg" data-lightbox="image"><img src="images/blog/small/17.jpg" alt="Standard Post with Image"></a>
</div>
<div class="col-md-8 ps-md-4">
<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-meta">
<ul>
<li><i class="uil uil-schedule"></i> 10th Feb 2021</li>
<li><a href="#"><i class="uil uil-user"></i> admin</a></li>
<li><i class="uil uil-folder-open"></i> <a href="#">General</a>, <a href="#">Media</a></li>
<li><a href="blog-single.html#comments"><i class="uil uil-comments-alt"></i> 13</a></li>
<li><a href="#"><i class="uil uil-camera"></i></a></li>
</ul>
</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>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-md-4">
<div class="entry-image">
<iframe src="https://player.vimeo.com/video/87701971" width="500" height="281" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
</div>
<div class="col-md-8 ps-md-4">
<div class="entry-title title-sm">
<h2><a href="blog-single-full.html">This is a Standard post with an Embedded Video</a></h2>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-schedule"></i> 16th Feb 2021</li>
<li><a href="#"><i class="uil uil-user"></i> admin</a></li>
<li><i class="uil uil-folder-open"></i> <a href="#">Videos</a>, <a href="#">News</a></li>
<li><a href="blog-single-full.html#comments"><i class="uil uil-comments-alt"></i> 19</a></li>
<li><a href="#"><i class="uil uil-film"></i></a></li>
</ul>
</div>
<div class="entry-content">
<p>Asperiores, tenetur, blanditiis, quaerat odit ex exercitationem pariatur quibusdam veritatis quisquam laboriosam esse beatae hic perferendis velit deserunt soluta iste repellendus officia in neque veniam debitis placeat quo unde reprehenderit eum facilis vitae.</p>
<a href="blog-single-full.html" class="more-link">Read More</a>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-md-4">
<div class="entry-image">
<div class="fslider" data-arrows="false" data-lightbox="gallery">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide"><a href="images/blog/full/10.jpg" data-lightbox="gallery-item"><img src="images/blog/small/10.jpg" alt="Standard Post with Gallery"></a></div>
<div class="slide"><a href="images/blog/full/20.jpg" data-lightbox="gallery-item"><img src="images/blog/small/20.jpg" alt="Standard Post with Gallery"></a></div>
<div class="slide"><a href="images/blog/full/21.jpg" data-lightbox="gallery-item"><img src="images/blog/small/21.jpg" alt="Standard Post with Gallery"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-8 ps-md-4">
<div class="entry-title title-sm">
<h2><a href="blog-single-small.html">This is a Standard post with a Slider Gallery</a></h2>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-schedule"></i> 24th Feb 2021</li>
<li><a href="#"><i class="uil uil-user"></i> admin</a></li>
<li><i class="uil uil-folder-open"></i> <a href="#">Gallery</a>, <a href="#">Media</a></li>
<li><a href="blog-single-small.html#comments"><i class="uil uil-comments-alt"></i> 21</a></li>
<li><a href="#"><i class="uil uil-images"></i></a></li>
</ul>
</div>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, voluptatem, dolorem animi nisi autem blanditiis enim culpa reiciendis et explicabo tenetur voluptate rerum molestiae eaque possimus exercitationem eligendi fuga. Maiores, sunt eveniet doloremque porro hic exercitationem distinctio sequi adipisci.</p>
<a href="blog-single-small.html" class="more-link">Read More</a>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-12">
<div class="entry-image">
<blockquote>
<p>"When you are courting a nice girl an hour seems like a second. When you sit on a red-hot cinder a second seems like an hour. That's relativity."</p>
<footer>Albert Einstein</footer>
</blockquote>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-schedule"></i> 3rd Mar 2021</li>
<li><a href="#"><i class="uil uil-user"></i> admin</a></li>
<li><i class="uil uil-folder-open"></i> <a href="#">Quotes</a>, <a href="#">People</a></li>
<li><a href="blog-single.html#comments"><i class="uil uil-comments-alt"></i> 23</a></li>
<li><a href="#"><i class="bi-quote"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-md-4">
<div class="entry-image">
<div class="masonry-thumbs grid-container row row-cols-4" data-big="3" data-lightbox="gallery">
<a class="grid-item" href="images/blog/full/2.jpg" data-lightbox="gallery-item"><img src="images/blog/small/2.jpg" alt="Image"></a>
<a class="grid-item" href="images/blog/full/3.jpg" data-lightbox="gallery-item"><img src="images/blog/small/3.jpg" alt="Image"></a>
<a class="grid-item" href="images/blog/full/6-1.jpg" data-lightbox="gallery-item"><img src="images/blog/small/6-1.jpg" alt="Image"></a>
<a class="grid-item" href="images/blog/full/6-2.jpg" data-lightbox="gallery-item"><img src="images/blog/small/6-2.jpg" alt="Image"></a>
<a class="grid-item" href="images/blog/full/12.jpg" data-lightbox="gallery-item"><img src="images/blog/small/12.jpg" alt="Image"></a>
<a class="grid-item" href="images/blog/full/12-1.jpg" data-lightbox="gallery-item"><img src="images/blog/small/12-1.jpg" alt="Image"></a>
<a class="grid-item" href="images/blog/full/13.jpg" data-lightbox="gallery-item"><img src="images/blog/small/13.jpg" alt="Image"></a>
<a class="grid-item" href="images/blog/full/18.jpg" data-lightbox="gallery-item"><img src="images/blog/small/18.jpg" alt="Image"></a>
<a class="grid-item" href="images/blog/full/19.jpg" data-lightbox="gallery-item"><img src="images/blog/small/19.jpg" alt="Image"></a>
</div>
</div>
</div>
<div class="col-md-8 ps-md-4">
<div class="entry-title title-sm">
<h2><a href="blog-single-thumbs.html">This is a Standard post with Masonry Thumbs Gallery</a></h2>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-schedule"></i> 3rd Mar 2021</li>
<li><a href="#"><i class="uil uil-user"></i> admin</a></li>
<li><i class="uil uil-folder-open"></i> <a href="#">Gallery</a>, <a href="#">Media</a></li>
<li><a href="blog-single-thumbs.html#comments"><i class="uil uil-comments-alt"></i> 21</a></li>
<li><a href="#"><i class="uil uil-images"></i></a></li>
</ul>
</div>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, voluptatem, dolorem animi nisi autem blanditiis enim culpa reiciendis et explicabo tenetur voluptate rerum molestiae eaque possimus exercitationem eligendi fuga.</p>
<a href="blog-single-thumbs.html" class="more-link">Read More</a>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-12">
<div class="entry-image">
<a href="https://themeforest.net" class="entry-link" target="_blank">
Themeforest.net
<span>- https://themeforest.net</span>
</a>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-schedule"></i> 17th Mar 2021</li>
<li><a href="#"><i class="uil uil-user"></i> admin</a></li>
<li><i class="uil uil-folder-open"></i> <a href="#">Links</a>, <a href="#">Suggestions</a></li>
<li><a href="blog-single.html#comments"><i class="uil uil-comments-alt"></i> 26</a></li>
<li><a href="#"><i class="uil uil-link"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-12">
<div class="entry-image">
<div class="card">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, fuga optio voluptatibus saepe tenetur aliquam debitis eos accusantium! Vitae, hic, atque aliquid repellendus accusantium laudantium minus eaque quibusdam ratione sapiente.
</div>
</div>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-schedule"></i> 21st Mar 2021</li>
<li><a href="#"><i class="uil uil-user"></i> admin</a></li>
<li><i class="uil uil-folder-open"></i> <a href="#">Status</a>, <a href="#">News</a></li>
<li><a href="blog-single.html#comments"><i class="uil uil-comments-alt"></i> 11</a></li>
<li><a href="#"><i class="uil uil-align-justify"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-md-4">
<div class="entry-image">
<iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/301161123&auto_play=false&hide_related=true&visual=true"></iframe>
</div>
</div>
<div class="col-md-8 ps-md-4">
<div class="entry-title title-sm">
<h2><a href="blog-single.html">This is an Embedded Audio Post</a></h2>
</div>
<div class="entry-meta">
<ul>
<li><i class="uil uil-schedule"></i> 28th Apr 2021</li>
<li><a href="#"><i class="uil uil-user"></i> admin</a></li>
<li><i class="uil uil-folder-open"></i> <a href="#">Audio</a>, <a href="#">General</a></li>
<li><a href="blog-single.html#comments"><i class="uil uil-comments-alt"></i> 16</a></li>
<li><a href="#"><i class="uil uil-music"></i></a></li>
</ul>
</div>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, voluptatem, dolorem animi nisi autem blanditiis enim culpa reiciendis et explicabo tenetur voluptate rerum molestiae eaque possimus exercitationem eligendi fuga.</p>
<a href="blog-single.html" class="more-link">Read More</a>
</div>
</div>
</div>
</div>
</div><!-- #posts end -->
<!-- Pager
============================================= -->
<div class="d-flex justify-content-between mt-5">
<a href="#" class="btn btn-outline-secondary">← Older</a>
<a href="#" class="btn btn-outline-dark">Newer →</a>
</div>
<!-- .pager end -->
</main><!-- .postcontent end -->
<!-- Sidebar
============================================= -->
<aside class="sidebar col-lg-3">
<div class="sidebar-widgets-wrap">
<div class="widget subscribe-widget">
<div class="dark" style="padding: 25px; background-color: #383838; border-radius: 2px;">
<div class="fancy-title title-border">
<h4>Subscribe</h4>
</div>
<p style="font-size: 15px; line-height: 1.5; color: #999;">Subscribe to Our Newsletter to get Important News, Amazing Offers & Inside Scoops:</p>
<div class="widget-subscribe-form-result"></div>
<form id="widget-subscribe-form2" action="include/subscribe.php" method="post" class="mb-0">
<div class="input-group mx-auto">
<div class="input-group-text"><i class="bi-envelope-plus"></i></div>
<input type="email" id="widget-subscribe-form-email2" name="widget-subscribe-form-email" class="form-control required email" placeholder="Enter your Email">
</div>
<button class="button button-3d w-100 button-small m-0" style="margin-top: 15px !important;" type="submit">Subscribe</button>
</form>
</div>
</div>
<div class="widget widget_links">
<h4>Pages</h4>
<ul>
<li><a href="#"><div>About Us</div></a></li>
<li><a href="#"><div>About Us - Layout 2</div></a></li>
<li><a href="#"><div>About Me</div></a></li>
<li><a href="#"><div>Team Members</div></a></li>
<li><a href="#"><div>Careers</div></a></li>
<li><a href="#"><div>Side Navigation</div></a></li>
<li><a href="#"><div>Page Submenu</div></a></li>
<li><a href="#"><div>Services - Layout 1</div></a></li>
<li><a href="#"><div>Services - Layout 2</div></a></li>
<li><a href="#"><div>Services - Layout 3</div></a></li>
<li><a href="#"><div>FAQs - Layout 1</div></a></li>
<li><a href="#"><div>FAQs - Layout 2</div></a></li>
<li><a href="#"><div>FAQs - Layout 3</div></a></li>
<li><a href="#"><div>FAQs - Layout 4</div></a></li>
<li><a href="#"><div>Full Width Page</div></a></li>
<li><a href="#"><div>Full Width - Wide Page</div></a></li>
<li><a href="#"><div>Right Sidebar Page</div></a></li>
<li><a href="#"><div>Left Sidebar Page</div></a></li>
<li><a href="#"><div>Both Sidebar Page</div></a></li>
<li><a href="#"><div>Both Right Sidebar Page</div></a></li>
<li><a href="#"><div>Both Left Sidebar Page</div></a></li>
<li><a href="#"><div>Maintenance Page</div></a></li>
<li><a href="#"><div>Blank Page</div></a></li>
<li><a href="#"><div>Sitemap</div></a></li>
<li><a href="#"><div>Login/Register</div></a></li>
<li><a href="#"><div>404 - Simple Layout</div></a></li>
<li><a href="#"><div>404 - Parallax Image</div></a></li>
<li><a href="#"><div>404 - HTML5 Video</div></a></li>
</ul>
</div>
<div class="widget">
<h4>Recent Posts</h4>
<div class="posts-sm row col-mb-30" id="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 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>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 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 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>10th July 2021</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="widget">
<h4>Connect with Us</h4>
<div class="d-flex flex-wrap" style="--cnvs-socialicon-gap-y:5px;">
<a href="#" class="social-icon si-small text-white bg-facebook" data-bs-toggle="tooltip" data-bs-placement="top" 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 bg-delicious" data-bs-toggle="tooltip" data-bs-placement="top" title="Delicious">
<i class="fa-brands fa-delicious"></i>
<i class="fa-brands fa-delicious"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-android" data-bs-toggle="tooltip" data-bs-placement="top" title="Android">
<i class="fa-brands fa-android"></i>
<i class="fa-brands fa-android"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-google" data-bs-toggle="tooltip" data-bs-placement="top" title="Google Plus">
<i class="fa-brands fa-google"></i>
<i class="fa-brands fa-google"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-stumbleupon" data-bs-toggle="tooltip" data-bs-placement="top" title="Stumbleupon">
<i class="fa-brands fa-stumbleupon"></i>
<i class="fa-brands fa-stumbleupon"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-foursquare" data-bs-toggle="tooltip" data-bs-placement="top" title="Foursquare">
<i class="fa-brands fa-foursquare"></i>
<i class="fa-brands fa-foursquare"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-forrst" data-bs-toggle="tooltip" data-bs-placement="top" title="Forrst">
<i class="fa-solid fa-tree"></i>
<i class="fa-solid fa-tree"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-digg" data-bs-toggle="tooltip" data-bs-placement="top" title="Digg">
<i class="fa-brands fa-digg"></i>
<i class="fa-brands fa-digg"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-spotify" data-bs-toggle="tooltip" data-bs-placement="top" title="Spotify">
<i class="fa-brands fa-spotify"></i>
<i class="fa-brands fa-spotify"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-reddit" data-bs-toggle="tooltip" data-bs-placement="top" title="Reddit">
<i class="fa-brands fa-reddit-alien"></i>
<i class="fa-brands fa-reddit-alien"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-blogger" data-bs-toggle="tooltip" data-bs-placement="top" title="Blogger">
<i class="fa-brands fa-blogger-b"></i>
<i class="fa-brands fa-blogger-b"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-dribbble" data-bs-toggle="tooltip" data-bs-placement="top" title="Dribbble">
<i class="fa-brands fa-dribbble"></i>
<i class="fa-brands fa-dribbble"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-flickr" data-bs-toggle="tooltip" data-bs-placement="top" title="Flickr">
<i class="fa-brands fa-flickr"></i>
<i class="fa-brands fa-flickr"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-linkedin" data-bs-toggle="tooltip" data-bs-placement="top" title="Linked In">
<i class="fa-brands fa-linkedin"></i>
<i class="fa-brands fa-linkedin"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-rss" data-bs-toggle="tooltip" data-bs-placement="top" 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 bg-skype" data-bs-toggle="tooltip" data-bs-placement="top" title="Skype">
<i class="fa-brands fa-skype"></i>
<i class="fa-brands fa-skype"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-twitter" data-bs-toggle="tooltip" data-bs-placement="top" 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 bg-youtube" data-bs-toggle="tooltip" data-bs-placement="top" title="Youtube">
<i class="fa-brands fa-youtube"></i>
<i class="fa-brands fa-youtube"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-vimeo" data-bs-toggle="tooltip" data-bs-placement="top" title="Vimeo">
<i class="fa-brands fa-vimeo-v"></i>
<i class="fa-brands fa-vimeo-v"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-yahoo" data-bs-toggle="tooltip" data-bs-placement="top" title="Yahoo">
<i class="fa-brands fa-yahoo"></i>
<i class="fa-brands fa-yahoo"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-github" data-bs-toggle="tooltip" data-bs-placement="top" title="Github">
<i class="fa-brands fa-github"></i>
<i class="fa-brands fa-github"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-tumblr" data-bs-toggle="tooltip" data-bs-placement="top" title="Trumblr">
<i class="fa-brands fa-tumblr"></i>
<i class="fa-brands fa-tumblr"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-instagram" data-bs-toggle="tooltip" data-bs-placement="top" title="Instagram">
<i class="bi-instagram"></i>
<i class="bi-instagram"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-pinterest" data-bs-toggle="tooltip" data-bs-placement="top" title="Pinterst">
<i class="fa-brands fa-pinterest-p"></i>
<i class="fa-brands fa-pinterest-p"></i>
</a>
</div>
</div>
<div class="widget">
<h4>Embed Videos</h4>
<iframe src="//player.vimeo.com/video/103927232" width="500" height="250" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
</div>
</aside><!-- .sidebar end -->
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="dark">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row col-mb-50">
<div class="col-lg-8">
<div class="row col-mb-50">
<div class="col-md-4">
<div class="widget">
<img src="images/footer-widget-logo.png" alt="Image" class="footer-logo">
<p>We believe in <strong>Simple</strong>, <strong>Creative</strong> & <strong>Flexible</strong> Design Standards.</p>
<div style="background: url('images/world-map.png') no-repeat center center; background-size: 100%;">
<address>
<strong>Headquarters:</strong><br>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
</address>
<abbr title="Phone Number"><strong>Phone:</strong></abbr> (1) 8547 632521<br>
<abbr title="Fax"><strong>Fax:</strong></abbr> (1) 11 4752 1433<br>
<abbr title="Email Address"><strong>Email:</strong></abbr> [email protected]
</div>
</div>
</div>
<div class="col-md-4">
<div class="widget widget_links">
<h4>Blogroll</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>
<li><a href="https://wordpress.org/news/">Canvas Blog</a></li>
<li><a href="https://planet.wordpress.org/">Canvas Planet</a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="widget">
<h4>Recent Posts</h4>
<div class="posts-sm row col-mb-30" id="post-list-footer">
<div class="entry col-12">
<div class="grid-inner row">
<div class="col">
<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">
<div class="col">
<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">
<div class="col">
<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>
</div>
</div>
<div class="col-lg-4">
<div class="row col-mb-50">
<div class="col-md-4 col-lg-12">
<div class="widget">
<div class="row col-mb-30">
<div class="col-lg-6">
<div class="counter counter-small"><span data-from="50" data-to="15065421" data-refresh-interval="80" data-speed="3000" data-comma="true"></span></div>
<h5 class="mb-0">Total Downloads</h5>
</div>
<div class="col-lg-6">
<div class="counter counter-small"><span data-from="100" data-to="18465" data-refresh-interval="50" data-speed="2000" data-comma="true"></span></div>
<h5 class="mb-0">Clients</h5>
</div>
</div>
</div>
</div>
<div class="col-md-5 col-lg-12">
<div class="widget subscribe-widget">
<h5><strong>Subscribe</strong> to Our Newsletter to get Important News, Amazing Offers & Inside Scoops:</h5>
<div class="widget-subscribe-form-result"></div>
<form id="widget-subscribe-form" action="include/subscribe.php" method="post" class="mb-0">
<div class="input-group mx-auto">
<div class="input-group-text"><i class="bi-envelope-plus"></i></div>
<input type="email" id="widget-subscribe-form-email" name="widget-subscribe-form-email" class="form-control required email" placeholder="Enter your Email">
<button class="btn btn-success" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
<div class="col-md-3 col-lg-12">
<div class="widget">
<div class="row col-mb-30">
<div class="col-6 col-md-12 col-lg-6 d-flex align-items-center">
<a href="#" class="social-icon text-white border-transparent bg-facebook me-2 mb-0 float-none">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#" class="ms-1"><small class="d-block"><strong>Like Us</strong><br>on Facebook</small></a>
</div>
<div class="col-6 col-md-12 col-lg-6 d-flex align-items-center">
<a href="#" class="social-icon text-white border-transparent bg-rss me-2 mb-0 float-none">
<i class="fa-solid fa-rss"></i>
<i class="fa-solid fa-rss"></i>
</a>
<a href="#" class="ms-1"><small class="d-block"><strong>Subscribe</strong><br>to RSS Feeds</small></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container">
<div class="row col-mb-30">
<div class="col-md-6 text-center text-md-start">
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 class="col-md-6 text-center text-md-end">
<div class="d-flex justify-content-center justify-content-md-end mb-2">
<a href="#" class="social-icon border-transparent si-small h-bg-facebook">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-twitter">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-google">
<i class="fa-brands fa-google"></i>
<i class="fa-brands fa-google"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-pinterest">
<i class="fa-brands fa-pinterest-p"></i>
<i class="fa-brands fa-pinterest-p"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-vimeo">
<i class="fa-brands fa-vimeo-v"></i>
<i class="fa-brands fa-vimeo-v"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-github">
<i class="fa-brands fa-github"></i>
<i class="fa-brands fa-github"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-yahoo">
<i class="fa-brands fa-yahoo"></i>
<i class="fa-brands fa-yahoo"></i>
</a>
<a href="#" class="social-icon border-transparent si-small me-0 h-bg-linkedin">
<i class="fa-brands fa-linkedin"></i>
<i class="fa-brands fa-linkedin"></i>
</a>
</div>
<i class="bi-envelope"></i> [email protected] <span class="middot">·</span> <i class="fa-solid fa-phone"></i> +1-11-6541-6369 <span class="middot">·</span> <i class="bi-skype"></i> CanvasOnSkype
</div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer 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>