| 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>Landing Page | Canvas</title>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" class="page-section">
<div id="header-wrap">
<div class="container">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo">
<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 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 one-page-menu">
<li class="menu-item current"><a class="menu-link" href="#" data-href="#header"><div>Home</div></a></li>
<li class="menu-item"><a class="menu-link" href="#" data-href="#section-features"><div>Features</div></a></li>
<li class="menu-item"><a class="menu-link" href="#" data-href="#section-pricing"><div>Pricing</div></a></li>
<li class="menu-item"><a class="menu-link" href="#" data-href="#section-testimonials"><div>Testimonials</div></a></li>
<li class="menu-item"><a class="menu-link" href="#" data-href="#section-specs"><div>Specifications</div></a></li>
<li class="menu-item"><a class="menu-link" href="#" data-href="#section-buy"><div>Buy Now</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="container">
<div id="section-home" class="heading-block text-center border-bottom-0 page-section">
<h1>Starter's Guide to create Landing Pages</h1>
<span>Building a Landing Page was never so <span class="color">Easy</span> & Interactive</span>
</div>
<div class="w-100 text-center mb-5">
<a href="#" class="button button-3d button-teal button-xlarge mb-0"><i class="bi-star-fill"></i>Start your FREE Trial</a> - OR - <a href="#" data-scrollto="#section-pricing" class="button button-3d button-red button-xlarge mb-0"><i class="bi-person-fill"></i>Sign Up for a Subscription</a>
</div>
<div class="line"></div>
<div class="row align-items-center col-mb-50">
<div class="col-md-8">
<div style="position: relative;" data-height-xl="535" data-height-lg="442" data-height-md="338" data-height-sm="316" data-height-xs="201">
<img data-animate="fadeInLeft" src="images/landing/device1.png" alt="Mac" style="position: absolute; top: 0; left: 0;">
<img data-animate="fadeInRight" data-delay="300" src="images/landing/device2.png" alt="iPad" style="position: absolute; top: 0; left: 0;">
<img data-animate="fadeInUp" data-delay="600" src="images/landing/device3.png" alt="iPhone" style="position: absolute; top: 0; left: 0;">
</div>
</div>
<div class="col-md-4">
<h3>Short Overview.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem, quos, facilis esse rem dicta dignissimos eligendi earum sapiente ipsam iure vel deserunt? Soluta doloremque aspernatur quis asperiores numquam placeat dolore.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum, ab incidunt temporibus rerum odio accusantium.</p>
<div class="divider divider-sm"><i class="bi-circle-fill"></i></div>
<ul class="iconlist iconlist-large iconlist-color">
<li><i class="bi-textarea-t"></i> Interactive Live Builder</li>
<li><i class="bi-textarea-t"></i> Valid HTML5 & CSS3 Semantics</li>
<li><i class="bi-textarea-t"></i> 100% Open Source & Customizable</li>
<li><i class="bi-textarea-t"></i> More than 70+ Widgets</li>
<li><i class="bi-textarea-t"></i> Responsive & Retina Devices Support</li>
<li><i class="bi-textarea-t"></i> Easy Embeddable Media & Graphics</li>
<li><i class="bi-textarea-t"></i> Lifetime <strong>FREE</strong> Updates</li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="divider divider-sm divider-center"><i class="bi-circle-fill"></i></div>
<div id="section-features" class="heading-block text-center page-section">
<h2>Features Overview</h2>
<span>Some of the Features that are gonna blow your mind off</span>
</div>
<div class="row justify-content-center col-mb-50 mb-0">
<div class="col-md-6 col-lg-4">
<div class="feature-box fbox-plain">
<div class="fbox-icon" data-animate="bounceIn">
<a href="#"><img src="images/icons/features/responsive.png" alt="Responsive Layout"></a>
</div>
<div class="fbox-content">
<h3>Responsive Layout</h3>
<p>Powerful Layout with Responsive functionality that can be adapted to any screen size. Resize browser to view.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-box fbox-plain">
<div class="fbox-icon" data-animate="bounceIn" data-delay="200">
<a href="#"><img src="images/icons/features/retina.png" alt="Retina Graphics"></a>
</div>
<div class="fbox-content">
<h3>Retina Graphics</h3>
<p>Looks beautiful & ultra-sharp on Retina Screen Displays. Retina Icons, Fonts & all others graphics are optimized.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-box fbox-plain">
<div class="fbox-icon" data-animate="bounceIn" data-delay="400">
<a href="#"><img src="images/icons/features/performance.png" alt="Powerful Performance"></a>
</div>
<div class="fbox-content">
<h3>Powerful Performance</h3>
<p>Canvas includes tons of optimized code that are completely customizable and deliver unmatched fast performance.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-box fbox-plain">
<div class="fbox-icon" data-animate="bounceIn" data-delay="600">
<a href="#"><img src="images/icons/features/flag.png" alt="Responsive Layout"></a>
</div>
<div class="fbox-content">
<h3>Endless Possibilities</h3>
<p>You have complete easy control on each & every element that provides endless customization possibilities.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-box fbox-plain">
<div class="fbox-icon" data-animate="bounceIn" data-delay="800">
<a href="#"><img src="images/icons/features/tick.png" alt="Retina Graphics"></a>
</div>
<div class="fbox-content">
<h3>Light & Dark Scheme</h3>
<p>Change your Website's Primary Scheme instantly by simply adding the dark class to the body.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-box fbox-plain">
<div class="fbox-icon" data-animate="bounceIn" data-delay="1000">
<a href="#"><img src="images/icons/features/tools.png" alt="Powerful Performance"></a>
</div>
<div class="fbox-content">
<h3>Customizable Fonts</h3>
<p>Use any Font you like from Google Web Fonts, Typekit or other Web Fonts. They will blend in perfectly.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-box fbox-plain">
<div class="fbox-icon" data-animate="bounceIn" data-delay="1200">
<a href="#"><img src="images/icons/features/map.png" alt="Responsive Layout"></a>
</div>
<div class="fbox-content">
<h3>Responsive Layout</h3>
<p>Powerful Layout with Responsive functionality that can be adapted to any screen size. Resize browser to view.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-box fbox-plain">
<div class="fbox-icon" data-animate="bounceIn" data-delay="1400">
<a href="#"><img src="images/icons/features/seo.png" alt="Retina Graphics"></a>
</div>
<div class="fbox-content">
<h3>Retina Graphics</h3>
<p>Looks beautiful & ultra-sharp on Retina Screen Displays. Retina Icons, Fonts & all others graphics are optimized.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-box fbox-plain">
<div class="fbox-icon" data-animate="bounceIn" data-delay="1600">
<a href="#"><img src="images/icons/features/support.png" alt="Powerful Performance"></a>
</div>
<div class="fbox-content">
<h3>Powerful Performance</h3>
<p>Canvas includes tons of optimized code that are completely customizable and deliver unmatched fast performance.</p>
</div>
</div>
</div>
</div>
<div class="divider divider-sm divider-center"><i class="bi-circle-fill"></i></div>
<div id="section-pricing" class="heading-block text-center page-section">
<h2>Smart Pricing</h2>
<span>Flexible & Easy Pricing for wide Audience Groups</span>
</div>
<div class="row pricing col-mb-30 mb-4">
<div class="col-md-6 col-lg-4">
<div class="pricing-box pricing-simple p-5 bg-light border-top border-primary text-center">
<div class="pricing-title">
<span>Try Now</span>
<h3>Personal</h3>
</div>
<div class="pricing-price">
<span class="price-unit">€</span>0
</div>
<div class="pricing-action">
<a href="#" class="btn btn-primary btn-lg">Get Started</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="pricing-box pricing-simple p-5 bg-light border-top border-danger text-center">
<div class="pricing-title">
<span class="text-danger">Most Popular</span>
<h3>Professional</h3>
</div>
<div class="pricing-price">
<span class="price-unit">€</span>19
</div>
<div class="pricing-action">
<a href="#" class="btn btn-danger btn-lg">Get Started</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="pricing-box pricing-simple p-5 bg-light border-top border-success text-center">
<div class="pricing-title">
<span>Full Featured</span>
<h3>Enterprise</h3>
</div>
<div class="pricing-price">
<span class="price-unit">€</span>49
</div>
<div class="pricing-action">
<a href="#" class="btn btn-success btn-lg">Get Started</a>
</div>
</div>
</div>
</div>
<div class="divider divider-sm divider-center"><i class="bi-circle-fill"></i></div>
<div id="section-faqs" class="heading-block text-center page-section">
<h2>Frequently Asked Questions</h2>
<span>We have answered a wide range of Questions for your Convenience</span>
</div>
<div class="row col-mb-50">
<div class="col-md-6">
<h4 id="faq-1"><strong>Q.</strong> How do I become an author?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe, aperiam, nam unde quas beatae vero vitae nulla.</p>
<div class="line"></div>
<h4 id="faq-2"><strong>Q.</strong> Helpful Resources for Authors</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, placeat, architecto rem dolorem dignissimos repellat veritatis in et eos doloribus magnam aliquam ipsa alias assumenda officiis quasi sapiente suscipit veniam odio voluptatum. Enim at asperiores quod velit minima officia accusamus cumque eligendi consequuntur fuga? Maiores, quasi, voluptates, exercitationem fuga voluptatibus a repudiandae expedita omnis molestiae alias repellat perferendis dolores dolor.</p>
<div class="line"></div>
<h4 id="faq-3"><strong>Q.</strong> How much money can I make?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, fugiat iste nisi tempore nesciunt nemo fuga? Nesciunt, delectus laboriosam nisi repudiandae nam fuga saepe animi recusandae. Asperiores, provident, esse, doloremque, adipisci eaque alias dolore molestias assumenda quasi saepe nisi ab illo ex nesciunt nobis laboriosam iusto quia nulla ad voluptatibus iste beatae voluptas corrupti facilis accusamus recusandae sequi debitis reprehenderit quibusdam. Facilis eligendi a exercitationem nisi et placeat excepturi velit!</p>
<div class="line"></div>
<h4 id="faq-5"><strong>Q.</strong> An Introduction to the Marketplaces for Authors</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, quisquam atque vero delectus corrupti! Quo, maiores, dolorem, hic commodi nulla ratione accusamus doloribus fuga magnam id temporibus dignissimos deleniti quidem ipsam corporis sapiente nam expedita saepe quas ab? Vero, assumenda.</p>
</div>
<div class="col-md-6">
<h4 id="faq-7"><strong>Q.</strong> What Images, Videos, Code or Music Can I Use in my Items?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad odio ab quis architecto recusandae doloremque incidunt! Eius, quidem, pariatur necessitatibus commodi aliquid deleniti repudiandae accusantium tempora soluta vel nesciunt est quibusdam iure adipisci aspernatur maiores saepe ea eaque quo harum reprehenderit similique nemo voluptate ullam natus illum magnam alias nobis doloremque delectus ipsa dicta repellat maxime dignissimos eveniet quae debitis ratione assumenda tempore officiis fugiat dolor. Saepe iusto praesentium ullam aliquam impedit.</p>
<div class="line"></div>
<h4 id="faq-8"><strong>Q.</strong> Can I use trademarked names in my items?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, nisi, laborum autem reprehenderit excepturi harum ipsum quod sit. Inventore et sunt nemo natus labore voluptate omnis reprehenderit culpa. Minus vitae molestiae totam ut a accusamus at fugiat nemo debitis delectus? Consectetur, deleniti, cupiditate ad doloribus numquam minus illum fugit laborum a voluptatum nulla at autem ab beatae odio dolorem assumenda magni laudantium saepe recusandae doloremque illo nesciunt aut quos debitis neque reiciendis veritatis iusto eos aliquid voluptatem pariatur eveniet velit?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, esse, dolore, animi sed aliquam est consequatur atque magnam sunt voluptas nostrum sint minus neque iste ut velit iure eius! Hic, laudantium, consequatur veniam magnam ullam eveniet sed minus rem deleniti!</p>
<div class="line"></div>
<h4 id="faq-9"><strong>Q.</strong> Tips for Increasing Your Referral Income</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, nisi, laborum autem reprehenderit excepturi harum ipsum quod sit. Inventore et sunt nemo natus labore voluptate omnis reprehenderit culpa. Minus vitae molestiae totam ut a accusamus at fugiat nemo debitis delectus? Consectetur, deleniti, cupiditate ad doloribus numquam minus illum fugit laborum a voluptatum nulla at autem ab beatae odio dolorem assumenda magni laudantium saepe recusandae doloremque illo nesciunt aut quos debitis neque reiciendis veritatis iusto eos aliquid voluptatem pariatur eveniet velit?</p>
</div>
</div>
<div class="divider divider-sm divider-center"><i class="bi-circle-fill"></i></div>
<div id="section-contact" class="heading-block text-center page-section">
<h2>Get in Touch with us</h2>
<span>Still have Questions? Contact Us using the Form below</span>
</div>
<div class="row align-items-stretch col-mb-50 mb-0">
<!-- Contact Form
============================================= -->
<div class="col-md-7 col-lg-6">
<div class="fancy-title title-border">
<h3>Send us an Email</h3>
</div>
<div class="form-widget">
<div class="form-result"></div>
<form class="mb-0" id="template-contactform" name="template-contactform" action="include/form.php" method="post">
<div class="form-process">
<div class="css3-spinner">
<div class="css3-spinner-scaler"></div>
</div>
</div>
<div class="row">
<div class="col-md-4 form-group">
<label for="template-contactform-name">Name <small>*</small></label>
<input type="text" id="template-contactform-name" name="template-contactform-name" value="" class="form-control required">
</div>
<div class="col-md-4 form-group">
<label for="template-contactform-email">Email <small>*</small></label>
<input type="email" id="template-contactform-email" name="template-contactform-email" value="" class="required email form-control">
</div>
<div class="col-md-4 form-group">
<label for="template-contactform-phone">Phone</label>
<input type="text" id="template-contactform-phone" name="template-contactform-phone" value="" class="form-control">
</div>
<div class="w-100"></div>
<div class="col-md-8 form-group">
<label for="template-contactform-subject">Subject <small>*</small></label>
<input type="text" id="template-contactform-subject" name="subject" value="" class="required form-control">
</div>
<div class="col-md-4 form-group">
<label for="template-contactform-service">Services</label>
<select id="template-contactform-service" name="template-contactform-service" class="form-select">
<option value="">-- Select One --</option>
<option value="Wordpress">Wordpress</option>
<option value="PHP / MySQL">PHP / MySQL</option>
<option value="HTML5 / CSS3">HTML5 / CSS3</option>
<option value="Graphic Design">Graphic Design</option>
</select>
</div>
<div class="w-100"></div>
<div class="col-12 form-group">
<label for="template-contactform-message">Message <small>*</small></label>
<textarea class="required form-control" id="template-contactform-message" name="template-contactform-message" rows="6" cols="30"></textarea>
</div>
<div class="col-12 form-group d-none">
<input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="form-control">
</div>
<div class="col-12 form-group">
<button class="button button-3d m-0" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit">Send Message</button>
</div>
</div>
<input type="hidden" name="prefix" value="template-contactform-">
</form>
</div>
</div><!-- Contact Form End -->
<!-- Google Map
============================================= -->
<div class="col-md-5 col-lg-6 min-vh-40">
<div class="gmap h-100" data-address="Melbourne, Australia" data-markers='[{address: "Melbourne, Australia", html: "<div class=\"p-2\" style=\"width: 300px;\"><h4 class=\"mb-2\">Hi! We are <span>Envato!</span></h4><p class=\"mb-0\" style=\"font-size:1rem;\">Our mission is to help people to <strong>earn</strong> and to <strong>learn</strong> online. We operate <strong>marketplaces</strong> where hundreds of thousands of people buy and sell digital goods every day.</p></div>", icon:{ image: "images/icons/map-icon-red.png", iconsize: [32, 39], iconanchor: [32,39] } }]' data-scrollwheel="false"></div>
</div><!-- Google Map End -->
</div>
<!-- Contact Info
============================================= -->
<div class="w-100">
<div class="row col-mb-50">
<div class="col-sm-6 col-lg-3">
<div class="feature-box fbox-center fbox-bg fbox-plain">
<div class="fbox-icon">
<a href="#"><i class="uil uil-map-marker"></i></a>
</div>
<div class="fbox-content">
<h3>Our Headquarters<span class="subtitle">Melbourne, Australia</span></h3>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="feature-box fbox-center fbox-bg fbox-plain">
<div class="fbox-icon">
<a href="#"><i class="bi-telephone"></i></a>
</div>
<div class="fbox-content">
<h3>Speak to Us<span class="subtitle">(123) 456 7890</span></h3>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="feature-box fbox-center fbox-bg fbox-plain">
<div class="fbox-icon">
<a href="#"><i class="bi-skype"></i></a>
</div>
<div class="fbox-content">
<h3>Make a Video Call<span class="subtitle">CanvasOnSkype</span></h3>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="feature-box fbox-center fbox-bg fbox-plain">
<div class="fbox-icon">
<a href="#"><i class="fa-brands fa-twitter"></i></a>
</div>
<div class="fbox-content">
<h3>Follow on Twitter<span class="subtitle">2.3M Followers</span></h3>
</div>
</div>
</div>
</div>
</div><!-- Contact Info End -->
</div>
<div id="section-buy" class="section page-section footer-stick">
<div class="container">
<div class="heading-block text-center border-bottom-0">
<h2>Enough? Start Building!</h2>
<span>Now that you have read all the Tid-Bits, so start with a plan</span>
</div>
<div class="text-center">
<a href="#" data-animate="tada" class="button button-3d button-teal button-xlarge mb-0"><i class="bi-star-fill"></i>Start your FREE Trial</a> - OR - <a href="#" data-scrollto="#section-pricing" class="button button-3d button-red button-xlarge mb-0"><i class="bi-person-fill"></i>Sign Up for a Subscription</a>
</div>
</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>