| 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=Source+Sans+Pro:wght@300;400;600;700&family=Roboto:wght@300;400;500;900&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="demos/landing/landing.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Pricing - Landing Demo | Canvas</title>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" class="transparent-header full-header dark no-sticky" data-responsive-class="not-dark">
<div id="header-wrap">
<div class="container">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo" class="border-end-0">
<a href="demo-landing.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 with-arrows">
<ul class="me-0 border-0 menu-container">
<li class="menu-item"><a class="menu-link" href="demo-landing.html"><div>Home</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-landing-features.html"><div>Features</div></a>
<ul class="sub-menu-container" data-class="up-lg:not-dark">
<li class="menu-item"><a class="menu-link" href="demo-landing-features.html"><div><i class="bi-box"></i>Products</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-landing-features.html"><div><i class="bi-download"></i>Downloads</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-landing-features.html"><div><i class="fa-regular fa-life-ring"></i>Support</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-landing-features.html"><div><i class="bi-file-earmark-richtext"></i>Documentaion</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-landing-features.html"><div><i class="uil uil-play"></i>Tutorials</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-landing-features.html"><div><i class="bi-flag"></i>Solutions</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-landing-features.html"><div><i class="uil uil-search"></i>FAQs</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="demo-landing-about.html"><div>About</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-landing-pricing.html"><div>Pricing</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-landing-contact.html"><div>Contact</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 dark min-vh-25 min-vh-md-50 include-header py-5" style="background-image: url('demos/landing/images/hero/1.svg');">
<div class="slider-inner">
<div class="vertical-middle text-center">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-lg-6 col-md-6">
<h2 class="display-3 fw-bold text-white mb-2">Pricing</h2>
<p class="lead mb-0 fw-normal">Best Wallet App for your upcoming Projects.</p>
</div>
</div>
</div>
</div>
</div>
</section><!-- #slider end -->
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="section pt-0 bg-transparent">
<div class="container">
<div class="row justify-content-between">
<div class="col-xl-4 col-lg-5 col-md-6 dotted-bg dotted-bg-dark">
<div class="heading-block border-bottom-0 mb-4">
<i class="bi-credit-card h1"></i>
<h2 class="text-transform-none" style="font-size: 36px;">No Hidden Charges. <br>Choose Your Best Plan.</h2>
</div>
<div class="fw-normal lead">Credibly target highly efficient niche markets whereas end-to-end results.</div>
<p class="text-white-50 mt-5">During Free trail you won't be charge and you can freely use this app without <a href="#" class="text-white"><u>Terms and Condtions</u></a>.</p>
</div>
<div class="col-lg-7 col-md-6">
<div class="row">
<div class="col-lg-6 pricing-table">
<div class="card shadow" style="background-image: url('demos/landing/images/section/pricing-bg-light.svg'); background-position: 0 100%; background-size: 100% 310px;">
<h5 class="text-uppercase ls-1 mb-2">Startup</h5>
<h2 class="ls-0 fw-bold mb-3">Free</h2>
<p class="mb-5 text-black-50">Phosfluorescently negotiate alternative human capital with fully tested leadership skills. Quickly enable.</p>
<ul class="iconlist">
<li><i class="fa-solid fa-check-circle color"></i> 7 Days Free Trail</li>
<li><i class="fa-solid fa-check-circle color"></i> App-In-Purchase</li>
<li><i class="fa-solid fa-check-circle color"></i> 100% Safe & Secure</li>
<li><i class="fa-solid fa-check-circle color"></i> Liecenced Company</li>
<li><i class="fa-solid fa-check-circle color"></i> No Hidden Charges</li>
</ul>
<a href="#" class="btn w-100 text-white bg-color rounded-3 p-3 fw-semibold text-uppercase">Download Free</a>
</div>
</div>
<div class="col-lg-6 pricing-table mt-4 mt-lg-0">
<div class="card shadow" style="background-image: url('demos/landing/images/section/pricing-bg.svg');">
<h5 class="text-uppercase ls-1 text-white-50 mb-2">Pro</h5>
<h2 class="ls-0 fw-bold mb-5 text-white">$29</h2>
<p class="mt-2 text-black-50">Holisticly disintermediate viral results rather than next-generation action items vertical metrics rather than parallel growth strategies.</p>
<ul class="iconlist">
<li><i class="fa-solid fa-check-circle color"></i> One Time Purchase</li>
<li><i class="fa-solid fa-check-circle color"></i> All Bundle Included</li>
<li><i class="fa-solid fa-check-circle color"></i> 100% Safe & Secure</li>
<li><i class="fa-solid fa-check-circle color"></i> Liecenced Company</li>
<li><i class="fa-solid fa-check-circle color"></i> No Hidden Charges</li>
</ul>
<a href="#" class="btn w-100 text-white bg-color rounded-3 p-3 fw-semibold text-uppercase">Purchase Pro</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section dark parallax mb-3" data-bottom-top="background-color:rgb(61,128,228);" data-center-bottom="background-color:rgb(0,0,0);">
<div class="container">
<div class="row justify-content-center my-5">
<div class="col-md-7">
<h2 class="text-center text-white mb-5 fw-semibold">Frequently Asked Questions</h2>
<div class="toggle-wrap">
<div class="toggle">
<div class="toggle-header">
<div class="toggle-icon">
<i class="toggle-closed fa-solid fa-angle-right"></i>
<i class="toggle-open fa-solid fa-angle-down"></i>
</div>
<div class="toggle-title">
How do I become an author?
</div>
</div>
<div class="toggle-content mb-0">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.</div>
</div>
<div class="toggle">
<div class="toggle-header">
<div class="toggle-icon">
<i class="toggle-closed fa-solid fa-angle-right"></i>
<i class="toggle-open fa-solid fa-angle-down"></i>
</div>
<div class="toggle-title">
Helpful Resources for Authors
</div>
</div>
<div class="toggle-content mb-0">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.</div>
</div>
<div class="toggle">
<div class="toggle-header">
<div class="toggle-icon">
<i class="toggle-closed fa-solid fa-angle-right"></i>
<i class="toggle-open fa-solid fa-angle-down"></i>
</div>
<div class="toggle-title">
How much money can I make?
</div>
</div>
<div class="toggle-content mb-0">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.</div>
</div>
<div class="toggle">
<div class="toggle-header">
<div class="toggle-icon">
<i class="toggle-closed fa-solid fa-angle-right"></i>
<i class="toggle-open fa-solid fa-angle-down"></i>
</div>
<div class="toggle-title">
Can I offer my items for free on a promotional basis?
</div>
</div>
<div class="toggle-content mb-0">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.</div>
</div>
<div class="toggle">
<div class="toggle-header">
<div class="toggle-icon">
<i class="toggle-closed fa-solid fa-angle-right"></i>
<i class="toggle-open fa-solid fa-angle-down"></i>
</div>
<div class="toggle-title">
An Introduction to the Marketplaces for Authors
</div>
</div>
<div class="toggle-content mb-0">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.</div>
</div>
</div>
<h5 class="mt-4 text-center fw-normal text-white-50 mb-0">Didn't find what you were after? <a href="#" class="text-white"><u>Visit the FAQ Page</u></a></h5>
</div>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="bg-white border-0">
<div class="container">
<div class="footer-widgets-wrap pt-2 pb-5">
<div class="row mx-auto">
<div class="col-md-8">
<div class="row">
<div class="col-md-3 col-6">
<div class="widget widget_links">
<h4 class="ls-0">Features</h4>
<ul>
<li><a href="#">Help Center</a></li>
<li><a href="#">Paid with Moblie</a></li>
<li><a href="#">Status</a></li>
<li><a href="#">Changelog</a></li>
<li><a href="#">Contact Support</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-6">
<div class="widget widget_links">
<h4 class="ls-0">Support</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-6 mt-4 mt-md-0">
<div class="widget widget_links">
<h4 class="ls-0">Trending</h4>
<ul>
<li><a href="#">Shop</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Forums</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-6 mt-4 mt-md-0">
<div class="widget widget_links">
<h4 class="ls-0">Get to Know us</h4>
<ul>
<li><a href="#">Corporate</a></li>
<li><a href="#">Agency</a></li>
<li><a href="#">eCommerce</a></li>
<li><a href="#">Personal</a></li>
<li><a href="#">OnePage</a></li>
</ul>
</div>
</div>
</div>
<div class="line line-sm"></div>
<div class="row align-items-center">
<div class="col-md-8">
Conveniently pontificate interdependent mindshare via standards compliant applications. Rapidiously empower effective metrics.
</div>
<div class="col-md-4 mt-3 mt-md-0">
<a href="#" class="social-icon si-small text-white 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 bg-instagram" title="Instagram">
<i class="bi-instagram"></i>
<i class="bi-instagram"></i>
</a>
<a href="#" class="social-icon si-small text-white 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 bg-appstore" title="Apple">
<i class="fa-brands fa-apple"></i>
<i class="fa-brands fa-apple"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-android" title="Android">
<i class="fa-brands fa-android"></i>
<i class="fa-brands fa-android"></i>
</a>
</div>
</div>
</div>
<div class="col-md-4 mt-4 mt-md-0">
<div class="widget">
<h4 class="ls-0">From the Blog</h4>
<article class="entry">
<div class="entry-image mb-3">
<a href="demos/news/news-single.html"><img src="demos/landing/images/blog-img.jpg" alt="Image 3"></a>
</div>
<div class="entry-title title-xs">
<h3 class="mb-2"><a href="demos/news/news-single.html">A Surprising Tool to Help you Lifestyle</a></h3>
</div>
<div class="entry-desc">
<p class="text-black-50">Quickly maintain covalent supply chains for multidisciplinary scenarios. Competently visualize.</p>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<div id="copyrights" class="bg-color dark py-5">
<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="#" class="text-white-50">Terms of Use</a> / <a href="#" class="text-white-50">Privacy Policy</a></div>
</div>
<div class="col-md-6 text-center text-md-end">
<a href="#" class="btn color bg-white rounded px-3 py-2 text-transform-none ls-0 shadow-sm"><i class="fa-brands fa-apple me-2"></i>App Store</a>
<a href="#" class="btn color bg-white rounded px-3 py-2 text-transform-none ls-0 shadow-sm ms-2"><i class="fa-brands fa-google-play me-2"></i>Play Store</a>
</div>
</div>
</div>
</div>
</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>
<!-- Parallax Script
============================================= -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js"></script>
<script>!SEMICOLON.Mobile.any() && skrollr.init({forceHeight: false});</script>
</body>
</html>