| 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=Nunito:wght@300;400;600;700&family=Playfair+Display:wght@400;700&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/components/bs-switches.css">
<!-- Niche Demos -->
<link rel="stylesheet" href="demos/articles/articles.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>About - Articles | Canvas</title>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" class="border-bottom-0">
<div id="header-wrap">
<div class="container">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo">
<a href="demo-articles.html">
<img class="logo-default" srcset="demos/articles/images/logo.png, demos/articles/images/[email protected] 2x" src="demos/articles/images/[email protected]" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
<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 href="demo-articles-about.html" class="menu-link ls-0"><div>About us</div></a></li>
<li class="menu-item"><a href="demo-articles-books.html" class="menu-link ls-0"><div>Articles</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a href="demo-articles-single.html" class="menu-link ls-0"><div>Single</div></a></li>
</ul>
</li>
<li class="menu-item"><a href="#" class="menu-link ls-0" data-scrollto="#footer" data-highlight="yellow" data-speed="1200"><div>Contact Us</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 -->
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap p-0 overflow-visible">
<div class="container mw-lg">
<div class="row gutter-50 justify-content-center py-5">
<div class="col-md-5">
<div class="min-vh-75 sticky-top z-1" style="background: url('demos/articles/images/author.jpg') no-repeat center center / cover; top: 150px"></div>
</div>
<div class="col-md-5 offset-lg-1">
<h5 class="font-body ls-2 text-uppercase op-06 mb-2">Hello</h5>
<h2 class="display-4 fw-normal text-transform-none ls-0 font-primary">I'm <span><strong>Samuel Serif</strong></span></h2>
<p class="text-muted">Writer, London</p>
<div class="line border-width-5 w-25 my-5"></div>
<img src="demos/articles/images/sign.png" alt="Sign" width="300" class="mb-5">
<p class="lead">Progressively strategize just in time scenarios and compelling results. Intrinsicly parallel task extensive systems whereas distinctive catalysts for scenarios and compelling results change.<br><br> Lorem ipsum dolor sit amet consectetur adipisicing, elit. Incidunt a eos natus provident consequuntur dolorem, asperiores animi quos voluptatum neque quo voluptate at facere quasi quisquam debitis earum maxime aut.</p>
<p class="lead">Progressively strategize just in time scenarios and compelling results. Intrinsicly parallel task extensive systems whereas distinctive catalysts for scenarios and compelling results change.</p>
<div class="clear"></div>
<div class="mt-3">
<a href="https://facebook.com/semicolonweb" class="social-icon si-small rounded-circle text-light border-0 bg-facebook" title="Facebook" target="_blank">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="https://twitter.com/__semicolon" class="social-icon ms-1 si-small rounded-circle text-light border-0 bg-twitter" title="Twitter" target="_blank">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon ms-1 si-small rounded-circle text-light border-0 bg-github" title="Github">
<i class="fa-brands fa-github"></i>
<i class="fa-brands fa-github"></i>
</a>
<a href="#" class="social-icon ms-1 si-small rounded-circle text-light border-0 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 ms-1 si-small rounded-circle text-light border-0 bg-forrst" title="Forrst">
<i class="fa-solid fa-tree"></i>
<i class="fa-solid fa-tree"></i>
</a>
</div>
</div>
</div>
<div class="line"></div>
<div class="heading-block mt-5 mb-3 border-bottom-0">
<h2 class="fw-normal ls-0 text-transform-none mb-0">My Latest Books</h2>
</div>
<div class="row mb-4">
<div class="col-md-2">
<a href="demo-articles-single.html"><img src="demos/articles/images/articles/1/1.png" alt="Image 1"></a>
</div>
<div class="col-md-2">
<a href="demo-articles-single.html"><img src="demos/articles/images/articles/1/2.png" alt="Image 2"></a>
</div>
<div class="col-md-2">
<a href="demo-articles-single.html"><img src="demos/articles/images/articles/2/1.png" alt="Image 3"></a>
</div>
<div class="col-md-2">
<a href="demo-articles-single.html"><img src="demos/articles/images/articles/4/1.png" alt="Image 4"></a>
</div>
<div class="col-md-2">
<a href="demo-articles-single.html"><img src="demos/articles/images/articles/6/1.png" alt="Image 5"></a>
</div>
<div class="col-md-2">
<a href="demo-articles-single.html"><img src="demos/articles/images/articles/2/2.png" alt="Image 5"></a>
</div>
</div>
</div>
<div class="clear"></div>
<div class="section section-about bg-transparent m-0" style="padding: 120px 0; background: #FFF url('demos/articles/images/dots-1.png') 100% 0 no-repeat / 40%;">
<div class="container">
<div class="row">
<div class="col-md-5">
<h4 class="mb-0"><span class="badge bg-secondary font-body">About Us</span></h4>
<div class="heading-block">
<h2 class="fw-normal ls-0 text-transform-none mb-3 font-primary">Objectively network user friendly quality with world-class bandwidth. </h2>
</div>
<p>Progressively strategize just in time scenarios and compelling results. Intrinsicly parallel task extensive systems whereas distinctive catalysts for change. Proactively communicate standardized paradigms through proactive.</p>
<a href="#" class="button button-large ls-0 text-transform-none ms-0 mt-2">Learn More</a>
</div>
<div class="col-md-6 offset-0 offset-md-1 mt-5 mt-md-0">
<div class="circle-border">
<div class="feature-content">
<div class="d-flex align-items-center justify-content-between h-100">
<div>
<div class="circle-inner">
<div>
<div class="counter mb-0 fw-normal font-body text-primary"><span class="font-body" data-from="1" data-to="7" data-refresh-interval="10" data-speed="2000"></span>K+</div>
<h5 class="mt-1 text-muted mb-0 font-body ls-0">Books</h5>
</div>
</div>
</div>
<div class="d-flex h-100 flex-column justify-content-between">
<div class="circle-inner">
<div>
<div class="counter mb-0 fw-normal font-body text-info"><span class="font-body" data-from="1" data-to="3" data-refresh-interval="200" data-speed="23000"></span>K+</div>
<h5 class="mt-1 text-muted mb-0 font-body ls-0">Authors</h5>
</div>
</div>
<div class="circle-inner">
<div>
<div class="counter mb-0 fw-normal font-body text-danger"><span class="font-body" data-from="1" data-to="1240" data-refresh-interval="50" data-speed="2100"></span></div>
<h5 class="mt-1 text-muted mb-0 font-body ls-0">Published</h5>
</div>
</div>
<div class="circle-inner">
<div>
<div class="counter mb-0 fw-normal font-body text-warning"><span class="font-body" data-from="1" data-to="3" data-refresh-interval="100" data-speed="2400"></span>K+</div>
<h5 class="mt-1 text-muted mb-0 font-body ls-0">Members</h5>
</div>
</div>
</div>
<div>
<div class="circle-inner">
<div>
<div class="counter mb-0 fw-normal font-body color"><span class="font-body" data-from="1" data-to="220" data-refresh-interval="100" data-speed="2400"></span></div>
<h5 class="mt-1 text-muted mb-0 font-body ls-0">Free Items</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section m-0 p-md-0">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-5 col-md-5 col-sm-6">
<div class="heading-block border-bottom-0">
<h2 class="fw-normal ls-0 text-transform-none mb-0 font-primary" style="font-size: 44px; line-height: 1.3">Available for your smartphone.</h2>
</div>
<p>Progressively strategize just in time scenarios and compelling results. Intrinsicly parallel task extensive systems whereas distinctive catalysts for scenarios and compelling results change.</p>
<div>
<a href="#"><img src="demos/articles/images/appstore.png" alt="Image" height="54" class="mt-3"></a>
<a href="#"><img src="demos/articles/images/googleplay.png" alt="Image" class="ms-xl-3 ms-lg-1 mt-3 ms-0 " height="54"></a>
</div>
</div>
<div class="col-lg-6 col-md-7 col-sm-6 mt-5 mt-sm-0">
<div class="d-none d-lg-flex">
<img src="demos/articles/images/iphone-1.png" class="fast" alt="Image" style="height: 600px" data-animate="fadeInDown">
<img src="demos/articles/images/iphone-2.png" class="fast" alt="Image" style="height: 600px" data-animate="fadeInUp">
</div>
<img src="demos/articles/images/iphone.png" alt="Image" class="d-block d-lg-none px-5 px-sm-0 p-md-5">
</div>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="border-0">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap row">
<div class="col-md-4 col-sm-6">
<div class="widget">
<div class="d-flex align-items-center mb-4">
<img src="demos/articles/images/logo-footer.jpg" height="40" alt="Image">
<h4 class="text-transform-none ls-0 mb-0 font-body ms-2">canvas</h4>
</div>
<div class="d-flex">
<div class="pe-4 ps-1">
<i class="bi-building h3"></i>
</div>
<div class="flex-grow-1">
<address>
<abbr title="address"><strong>Headquarters:</strong><br></abbr>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
</address>
</div>
</div>
<div class="d-flex">
<div class="pe-4 ps-1">
<i class="fa-solid fa-phone h3"></i>
</div>
<div class="flex-grow-1">
<div class="mb-4">
<abbr title="Phone Number"><strong>Phone:</strong></abbr> (1) 8547 632521<br>
<abbr title="Fax"><strong>Fax:</strong></abbr> (1) 11 4752 1433<br>
</div>
</div>
</div>
<div class="d-flex align-items-center">
<div class="pe-4 ps-1">
<i class="bi-envelope h3 mb-0"></i>
</div>
<div class="flex-grow-1">
<abbr title="Email Address"><strong>Email:</strong></abbr> [email protected]
</div>
</div>
<div class="mt-4">
<a href="https://facebook.com/semicolonweb" class="social-icon si-small rounded-circle text-light border-0 bg-facebook" title="Facebook" target="_blank">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="https://twitter.com/__semicolon" class="social-icon ms-1 si-small rounded-circle text-light border-0 bg-twitter" title="Twitter" target="_blank">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon ms-1 si-small rounded-circle text-light border-0 bg-github" title="Github">
<i class="fa-brands fa-github"></i>
<i class="fa-brands fa-github"></i>
</a>
<a href="#" class="social-icon ms-1 si-small rounded-circle text-light border-0 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 ms-1 si-small rounded-circle text-light border-0 bg-forrst" title="Forrst">
<i class="fa-solid fa-tree"></i>
<i class="fa-solid fa-tree"></i>
</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 mt-5 mt-sm-0">
<div class="widget widget_links">
<div class="line mb-5 mt-2 d-block d-sm-none"></div>
<h4 class="font-body fw-bold ls-0">Popular Authors</h4>
<div class="posts-sm row col-mb-30" id="post-list-footer">
<div class="entry col-12">
<div class="grid-inner row align-items-center g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="demos/articles/images/authors/1.jpg" alt="Author"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4 class="font-body"><a href="#">Nathaneal Down</a></h4>
<small>Published 2,615 Books</small>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row align-items-center g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="demos/articles/images/authors/2.jpg" alt="Author"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4 class="font-body"><a href="#">Bailey Wonger</a></h4>
<small>Published 2,174 Books</small>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row align-items-center g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="demos/articles/images/authors/3.jpg" alt="Author"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4 class="font-body"><a href="#">Hanson Deck</a></h4>
<small>Published 1,187 Books</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 mt-5 mt-md-0">
<div id="q-contact" class="widget quick-contact-widget form-widget">
<div class="line mb-5 mt-2 d-block d-md-none"></div>
<h4 class="highlight-me font-body fw-bold ls-0">Contact Us</h4>
<div class="form-result"></div>
<form id="quick-contact-form" name="quick-contact-form" action="include/form.php" method="post" class="quick-contact-form mb-0">
<div class="form-process">
<div class="css3-spinner">
<div class="css3-spinner-scaler"></div>
</div>
</div>
<input type="text" class="required form-control border-form-control mb-2" id="quick-contact-form-name" name="quick-contact-form-name" value="" placeholder="Full Name">
<input type="text" class="required form-control border-form-control email mb-2" id="quick-contact-form-email" name="quick-contact-form-email" value="" placeholder="Email Address">
<textarea class="required form-control border-form-control mb-2 short-textarea" id="quick-contact-form-message" name="quick-contact-form-message" rows="4" cols="30" placeholder="Message"></textarea>
<input type="text" class="d-none" id="quick-contact-form-botcheck" name="quick-contact-form-botcheck" value="">
<input type="hidden" name="prefix" value="quick-contact-form-">
<button type="submit" id="quick-contact-form-submit" name="quick-contact-form-submit" class="button button-small button-black text-transform-none ls-0 mt-3 ms-0" value="submit">Send Email</button>
</form>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<div class="line m-0"></div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 text-center text-md-start">
Copyrights © 2023 All Rights Reserved by Canvas Inc.
</div>
<div class="col-md-6 mt-4 mt-md-0">
<div class="d-flex justify-content-center justify-content-md-end">
<a href="#" class="social-icon si-small border-transparent 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 si-small border-transparent h-bg-twitter">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon si-small border-transparent h-bg-google">
<i class="fa-brands fa-google"></i>
<i class="fa-brands fa-google"></i>
</a>
<a href="#" class="social-icon si-small border-transparent 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 si-small border-transparent 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 si-small border-transparent h-bg-github">
<i class="fa-brands fa-github"></i>
<i class="fa-brands fa-github"></i>
</a>
<a href="#" class="social-icon si-small border-transparent h-bg-yahoo">
<i class="fa-brands fa-yahoo"></i>
<i class="fa-brands fa-yahoo"></i>
</a>
<a href="#" class="social-icon si-small border-transparent h-bg-linkedin">
<i class="fa-brands fa-linkedin"></i>
<i class="fa-brands fa-linkedin"></i>
</a>
</div>
</div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Switcher
============================================= -->
<button type="button" class="btn btn-dark body-scheme-toggle mode-switcher" data-bodyclass-toggle="dark" data-add-class="btn-warning" data-remove-class="btn-dark" data-add-html="<i class='bi-brightness-high align-middle'></i><span class='visually-hidden'>Light Mode</span>" data-remove-html="<i class='bi-moon-stars align-middle'></i><span class='visually-hidden'>Dark Mode</span>"><span class="visually-hidden">Dark Toggle</span></button>
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div>
<!-- JavaScripts
============================================= -->
<script src="js/functions.js"></script>
</body>
</html>