| 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=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>Books - 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"><a href="demo-articles-about.html" class="menu-link ls-0"><div>About us</div></a></li> <li class="menu-item current"><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 pb-0"> <div class="container text-center"> <div class="heading-block border-bottom-0"> <span class="before-heading font-body">Articles</span> <h2 class="text-transform-none ls-0 fw-normal">Most Popular Books</h2> </div> <div class="clear"></div> <!-- Shop ============================================= --> <div id="shop" class="shop row grid-container gutter-50" data-layout="fitRows"> <div class="product col-md-4 col-sm-6 col-12"> <div class="grid-inner"> <div class="product-image h-translate-y all-ts"> <a href="demo-articles-single.html"><img src="demos/articles/images/articles/5/1.png" alt="Image 1"></a> <div class="bg-overlay"> <div class="bg-overlay-content align-items-end justify-content-start flex-column"> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Cart" data-hover-animate="fadeInRightSmall" href="#" class="btn btn-light h-bg-color h-text-light border-0 mb-2"><i class="bi-bag-plus"></i></a> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Wishlist" data-hover-animate="fadeInRightSmall" data-hover-delay="100" href="#" class="btn btn-light h-bg-color h-text-light border-0 mb-2"><i class="bi-heart-fill"></i></a> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Quick View" data-hover-animate="fadeInRightSmall" data-hover-delay="200" href="#" class="btn btn-light h-bg-color h-text-light border-0"><i class="bi-front"></i></a> </div> <div class="bg-overlay-bg bg-transparent"></div> </div> </div> <div class="product-desc py-0"> <div class="product-title"><h3><a href="demo-articles-single.html" class="text-dark">Our Dreams</a></h3></div> <div class="product-price"><del>$24.99</del> <ins>$12.49</ins></div> </div> </div> </div> <div class="product col-md-4 col-sm-6 col-12"> <div class="grid-inner"> <div class="product-image h-translate-y all-ts"> <a href="demo-articles-single.html"><img src="demos/articles/images/articles/1/3.png" alt="Image 2"></a> <div class="bg-overlay"> <div class="bg-overlay-content align-items-end justify-content-start flex-column"> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Cart" data-hover-animate="fadeInRightSmall" href="#" class="btn btn-light h-bg-color h-text-light border-0 mb-2"><i class="bi-bag-plus"></i></a> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Wishlist" data-hover-animate="fadeInRightSmall" data-hover-delay="100" href="#" class="btn btn-light h-bg-color h-text-light border-0 mb-2"><i class="bi-heart-fill"></i></a> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Quick View" data-hover-animate="fadeInRightSmall" data-hover-delay="200" href="#" class="btn btn-light h-bg-color h-text-light border-0"><i class="bi-front"></i></a> </div> <div class="bg-overlay-bg bg-transparent"></div> </div> </div> <div class="product-desc py-0"> <div class="product-title"><h3><a href="demo-articles-single.html" class="text-dark">Cooking Recipies</a></h3></div> <div class="product-price"><del>$14.99</del> <ins>$9.49</ins></div> </div> </div> </div> <div class="product col-md-4 col-sm-6 col-12"> <div class="grid-inner"> <div class="product-image h-translate-y all-ts"> <a href="demo-articles-single.html"><img src="demos/articles/images/articles/1/4.png" alt="Image 3"></a> <div class="bg-overlay"> <div class="bg-overlay-content align-items-end justify-content-start flex-column"> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Cart" data-hover-animate="fadeInRightSmall" href="#" class="btn btn-light h-bg-color h-text-light border-0 mb-2"><i class="bi-bag-plus"></i></a> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Wishlist" data-hover-animate="fadeInRightSmall" data-hover-delay="100" href="#" class="btn btn-light h-bg-color h-text-light border-0 mb-2"><i class="bi-heart-fill"></i></a> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Quick View" data-hover-animate="fadeInRightSmall" data-hover-delay="200" href="#" class="btn btn-light h-bg-color h-text-light border-0"><i class="bi-front"></i></a> </div> <div class="bg-overlay-bg bg-transparent"></div> </div> </div> <div class="product-desc py-0"> <div class="product-title"><h3><a href="demo-articles-single.html" class="text-dark">Dessert Items</a></h3></div> <div class="product-price"><del>$14.99</del> <ins>$9.49</ins></div> </div> </div> </div> <div class="product col-md-4 col-sm-6 col-12"> <div class="grid-inner"> <div class="product-image h-translate-y all-ts"> <a href="demo-articles-single.html"><img src="demos/articles/images/articles/1/5.png" alt="Image 3"></a> <div class="bg-overlay"> <div class="bg-overlay-content align-items-end justify-content-start flex-column"> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Cart" data-hover-animate="fadeInRightSmall" href="#" class="btn btn-light h-bg-color h-text-light border-0 mb-2"><i class="bi-bag-plus"></i></a> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Wishlist" data-hover-animate="fadeInRightSmall" data-hover-delay="100" href="#" class="btn btn-light h-bg-color h-text-light border-0 mb-2"><i class="bi-heart-fill"></i></a> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Quick View" data-hover-animate="fadeInRightSmall" data-hover-delay="200" href="#" class="btn btn-light h-bg-color h-text-light border-0"><i class="bi-front"></i></a> </div> <div class="bg-overlay-bg bg-transparent"></div> </div> </div> <div class="product-desc py-0"> <div class="product-title"><h3><a href="demo-articles-single.html" class="text-dark">Pizza Lovers</a></h3></div> <div class="product-price"><ins>$19.49</ins></div> </div> </div> </div> <div class="product col-md-4 col-sm-6 col-12"> <div class="grid-inner"> <div class="product-image h-translate-y all-ts"> <a href="demo-articles-single.html"><img src="demos/articles/images/articles/2/1.png" alt="Image 3"></a> <div class="bg-overlay"> <div class="bg-overlay-content align-items-end justify-content-start flex-column"> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Cart" data-hover-animate="fadeInRightSmall" href="#" class="btn btn-light h-bg-color h-text-light border-0 mb-2"><i class="bi-bag-plus"></i></a> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Wishlist" data-hover-animate="fadeInRightSmall" data-hover-delay="100" href="#" class="btn btn-light h-bg-color h-text-light border-0 mb-2"><i class="bi-heart-fill"></i></a> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Quick View" data-hover-animate="fadeInRightSmall" data-hover-delay="200" href="#" class="btn btn-light h-bg-color h-text-light border-0"><i class="bi-front"></i></a> </div> <div class="bg-overlay-bg bg-transparent"></div> </div> </div> <div class="product-desc py-0"> <div class="product-title"><h3><a href="demo-articles-single.html" class="text-dark">Family Management</a></h3></div> <div class="product-price"><ins>$39.49</ins></div> </div> </div> </div> <div class="product col-md-4 col-sm-6 col-12"> <div class="grid-inner"> <div class="product-image h-translate-y all-ts"> <a href="demo-articles-single.html"><img src="demos/articles/images/articles/2/2.png" alt="Image 3"></a> <div class="bg-overlay"> <div class="bg-overlay-content align-items-end justify-content-start flex-column"> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Cart" data-hover-animate="fadeInRightSmall" href="#" class="btn btn-light h-bg-color h-text-light border-0 mb-2"><i class="bi-bag-plus"></i></a> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Add to Wishlist" data-hover-animate="fadeInRightSmall" data-hover-delay="100" href="#" class="btn btn-light h-bg-color h-text-light border-0 mb-2"><i class="bi-heart-fill"></i></a> <a data-bs-toggle="tooltip" data-bs-placement="left" title="Quick View" data-hover-animate="fadeInRightSmall" data-hover-delay="200" href="#" class="btn btn-light h-bg-color h-text-light border-0"><i class="bi-front"></i></a> </div> <div class="bg-overlay-bg bg-transparent"></div> </div> </div> <div class="product-desc py-0"> <div class="product-title"><h3><a href="demo-articles-single.html" class="text-dark">My Dad</a></h3></div> <div class="product-price"><del>$59.99</del> <ins>$39.49</ins></div> </div> </div> </div> </div><!-- #shop end --> </div> <div class="section mb-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>