| 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;800;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/forum/forum.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Forums / Community | Canvas</title>
</head>
<body class="stretched search-overlay">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Modal -->
<div class="modal fade" id="modal-signin" tabindex="-1" aria-labelledby="modal-signin" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content bg-white p-4 p-md-5 rounded">
<h3 class="h2 fw-bolder mb-4">Create a New Topic</h3>
<form class="row mb-0" action="#" method="post" enctype="multipart/form-data">
<div class="col-12 form-group mb-4">
<textarea name="post-message" id="post-message" class="form-control" cols="30" rows="10"></textarea>
</div>
<div class="clear"></div>
<div class="col-6 form-group">
<small class="text-muted">Maximum file size allowed is 2048 KB.</small>
<div class="form-file">
<input type="file" class="form-control" id="file-input">
</div>
</div>
<div class="clear"></div>
<div class="col-12 form-group mb-1">
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
<label class="form-check-label text-transform-none ls-0 mb-0 fw-semibold" for="inlineCheckbox1">Set as a Private Reply</label>
</div>
</div>
<div class="clear"></div>
<div class="col-12 form-group">
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label text-transform-none ls-0 mb-0 fw-semibold" for="inlineCheckbox2">Email me when Someone Replies</label>
</div>
</div>
<div class="col-12">
<button type="submit" name="submit" class="button button-large bg-alt border border-width-2 rounded-1 fw-medium text-transform-none ls-0 ms-0">Submit Now</button>
<button type="button" data-bs-dismiss="modal" aria-label="Close" class="button button-large button-border border-default h-bg-danger rounded-1 fw-medium text-transform-none ls-0 ms-0">Cancel</button>
</div>
</form>
</div>
</div>
</div>
<!-- Header
============================================= -->
<header id="header" class="full-header header-size-md" data-mobile-sticky="true">
<div id="header-wrap">
<div class="container">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo">
<a href="demo-forum.html">
<img class="logo-default" srcset="demos/forum/images/canvasforum.png, demos/forum/images/[email protected] 2x" src="demos/forum/images/[email protected]" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
<div class="header-misc ms-0">
<!-- 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 -->
<!-- Top Account
============================================= -->
<div class="header-misc-icon">
<a href="#" id="notifylink" data-bs-toggle="dropdown" data-bs-offset="0,15" aria-haspopup="true" aria-expanded="false" data-offset="12,12"><i class="bi-bell notification-badge"></i></a>
<div class="dropdown-menu dropdown-menu-end py-0 m-0 overflow-auto" aria-labelledby="notifylink" style="width: 320px; max-height: 300px">
<span class="dropdown-header border-bottom border-f5 fw-medium text-uppercase ls-1">Notifications</span>
<div class="list-group list-group-flush">
<a href="#" class="d-flex list-group-item">
<img src="demos/articles/images/authors/2.jpg" width="35" height="35" class="rounded-circle me-3 mt-1" alt="Profile">
<div class="media-body">
<h5 class="my-0 fw-normal text-muted"><span class="text-dark fw-bold">SemiColonWeb</span> has replied on your post <span class="text-dark fw-bold">Package Generator – Approx time for a file.</span></h5>
<small class="text-smaller">10 mins ago</small>
</div>
</a>
<a href="#" class="d-flex list-group-item">
<i class="bi-check-lg badge-icon bg-success text-white me-3 mt-1"></i>
<div class="media-body">
<h5 class="my-0 fw-normal text-muted"><span class="text-dark fw-bold">SemiColonWeb</span> has marked to your post as solved.</h5>
<small class="text-smaller">2 days ago</small>
</div>
</a>
</div>
</div>
</div>
<!-- Top Account
============================================= -->
<div class="header-misc-icon profile-image">
<a href="#" id="profilelink" data-bs-toggle="dropdown" data-bs-offset="0,15" aria-haspopup="true" aria-expanded="false" data-offset="12,12"><img class="rounded-circle" src="demos/forum/images/user.png" alt="User"></a>
<div class="dropdown-menu dropdown-menu-end py-0 m-0" aria-labelledby="profilelink">
<a class="dropdown-item" href="demo-forum-edit.html"><i class="bi-pencil-square me-2"></i>Edit Profile</a>
<a class="dropdown-item" href="demo-forum-single.html"><i class="bi-text-left me-2"></i>Your Topics</a>
<a class="dropdown-item" href="demo-forum-signout.html"><i class="bi-box-arrow-right me-2"></i>Sign Out</a>
</div>
</div>
</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="demo-forum.html"><div>Home</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-forum-single.html"><div>Topic Page</div></a></li>
<li class="menu-item"><a class="menu-link" href="#" data-bs-toggle="modal" data-bs-target="#modal-signin"><div>Create</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-forum-profile.html"><div>Profile</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-forum-search-result.html"><div>Search Page</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-forum-signin.html"><div>Sign In Page</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
<form class="top-search-form bg-alt dark" action="search.html" method="get">
<div class="container row justify-content-center">
<div class="col-sm-8">
<input type="text" name="q" class="form-control form-control-lg mb-5 border-color" value="" placeholder="Type Your Query & Hit Enter.." autocomplete="off">
<div class="row col-mb-30">
<div class="col-md-6">
<div class="widget widget_links">
<h4 class="">Recent Topics</h4>
<ul>
<li><a href="demo-forum-single.html">Package Generator – Approx time for a file</a></li>
<li><a href="demo-forum-single.html">Open sub-menu touching menu-item name</a></li>
<li><a href="demo-forum-single.html">Portfolio Overlay Slide fadein fadeout</a></li>
<li><a href="demo-forum-single.html">Show menu .dropdown-menu down only</a></li>
<li><a href="demo-forum-single.html">Couldnt Generate Package Snippet</a></li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="widget widget_links">
<h4 class="">Helpful Documentation</h4>
<ul>
<li><a href="demo-forum-single.html">How to Install</a></li>
<li><a href="demo-forum-single.html">How to setup Niche Demos</a></li>
<li><a href="demo-forum-single.html">Header Layouts and Styles</a></li>
<li><a href="demo-forum-single.html">Setup Forms</a></li>
<li><a href="demo-forum-single.html">Setup RTL</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Slider
============================================= -->
<section id="slider" class="slider-element bg-color">
<div class="container">
<div class="row h-100">
<div class="col-lg-6 d-flex align-self-center flex-column pt-5 pb-0 py-lg-6 mb-0 my-lg-4">
<p class="mb-3 text-larger fw-light">Hello, <strong class="fw-bold"><u>SemiColonWeb</u></strong></p>
<h2 class="display-4" style="font-weight: 800">Welcome to our Canvas Community.</h2>
<div class="input-group input-group-lg mt-2 mb-4">
<input class="form-control rounded-start border-0" type="search" placeholder="Search Your Topics.." aria-label="Search">
<button class="btn btn-light border-0" type="submit"><i class="uil uil-search"></i></button>
</div>
<div>
<a href="#" data-bs-toggle="modal" data-bs-target="#modal-signin" class="button button-large border border-width-2 bg-alt py-2 rounded-1 fw-medium text-transform-none ls-0 ms-0 ms-sm-1 h-op-09"><i class="bi-file-earmark-plus"></i>Create A New Topic</a>
<a href="demo-forum-single.html" class="button button-large button-border rounded-1 fw-medium text-transform-none h-bg-alt ls-0 ms-0"><i class="bi-text-left"></i>Browse All Topics</a>
</div>
</div>
<div class="col-lg-6 d-flex align-self-end flex-column">
<img src="demos/forum/images/hero.svg" alt="Hero Image" style="z-index: 3; transform: translateY(45px);">
</div>
</div>
</div>
<div class="bg-alt py-5">
<div class="container">
<div class="d-flex">
<h4 class="mb-0"><span class="counter counter-inherit fw-normal text-white"><i class="bi-people icon-fw"></i> <span class="color fw-semibold" data-from="100" data-to="12462" data-refresh-interval="150" data-speed="2000"></span> Members Registered.</span></h4>
<h4 class="mb-0 ms-5"><span class="counter counter-inherit fw-normal text-white"><i class="bi-chat-dots icon-fw"></i> <span class="color fw-semibold" data-from="100" data-to="340333" data-refresh-interval="100" data-speed="2000"></span> Posts Created.</span></h4>
</div>
</div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="container">
<div class="row justify-content-center text-center mb-5">
<div class="col-xl-6 col-lg-8">
<h3 class="display-4 fw-bolder mb-3">Latest Discussions</h3>
<a href="#" data-bs-toggle="modal" data-bs-target="#modal-signin" class="button button-small button-border button-rounded mx-0">Create A New Topic</a>
</div>
</div>
<div class="mw-md mx-auto">
<ul class="list-unstyled mb-4">
<li>
<ul class="topic list-unstyled row mx-0 justify-content-between align-items-center">
<li class="entry mb-0 col-sm-10">
<h3 class="mb-0"><a class="link-dark" href="demo-forum-single.html">Jump In Content When Using Include-Header Class</a></h3>
<div class="entry-meta mt-1">
<ul>
<li><a href="#">40 mins ago</a></li>
<li><a href="#">4 Replies</a></li>
<li><a href="#" class="badge bg-info text-white">In Progress</a></li>
</ul>
</div>
</li>
<li class="col-sm-2">
<div class="bbp-author">
<a href="#"><img alt="User" src="demos/articles/images/authors/3.jpg"></a>
<a href="#"><img alt="User" src="demos/articles/images/authors/2.jpg"></a>
<a href="#"><img alt="User" src="demos/forum/images/user.png"></a>
</div>
</li>
</ul>
<ul class="topic odd list-unstyled row mx-0 justify-content-between align-items-center">
<li class="entry mb-0 col-sm-10">
<h3 class="mb-0"><a class="link-dark" href="demo-forum-single.html">Open sub-menu touching menu-item name, instead of sub-menu-trigger only (mobile)</a></h3>
<div class="entry-meta mt-1">
<ul>
<li><a href="#">3 days ago</a></li>
<li><a href="#">1 Replies</a></li>
<li><a href="#" class="badge bg-info text-white">In Progress</a></li>
</ul>
</div>
</li>
<li class="col-sm-2">
<div class="bbp-author">
<a href="#"><img alt="User" src="demos/articles/images/authors/2.jpg"></a>
<a href="#"><img alt="User" src="demos/forum/images/user.png"></a>
</div>
</li>
</ul>
<ul class="topic list-unstyled row mx-0 justify-content-between align-items-center">
<li class="entry mb-0 col-sm-10">
<h3 class="mb-0"><a class="link-dark" href="demo-forum-single.html">Portfolio Overlay Slide fadein fadeout</a></h3>
<div class="entry-meta mt-1">
<ul>
<li><a href="#">7 days ago</a></li>
<li><a href="#">21 Replies</a></li>
<li><a href="#" class="badge bg-success text-white">Solved</a></li>
</ul>
</div>
</li>
<li class="col-sm-2">
<div class="bbp-author">
<a href="#"><img alt="User" src="demos/articles/images/authors/1.jpg"></a>
<a href="#"><img alt="User" src="demos/articles/images/authors/2.jpg"></a>
<a href="#"><img alt="User" src="demos/articles/images/authors/3.jpg"></a>
<a href="#"><img alt="User" src="demos/forum/images/user.png"></a>
</div>
</li>
</ul>
</li>
</ul>
<ul class="pagination justify-content-end">
<li class="page-item disabled"><a class="page-link" href="#" tabindex="-1" aria-disabled="true"> <span class="op-05" aria-hidden="true">«</span></a></li>
<li class="page-item active"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">4</a></li>
<li class="page-item"><a class="page-link" href="#">5</a></li>
<li class="page-item"><a class="page-link" href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
</ul>
</div>
</div>
<div class="section py-6 my-6" style="background-color: #bfd5dbab">
<div class="container">
<div class="row align-items-center col-mb-50">
<div class="col-md-6">
<img src="demos/forum/images/doc.svg" alt="Doc Image">
</div>
<div class="col-md-6">
<h2 class="display-4 mb-4 fw-bold">Our Documentation</h2>
<p>Continually leverage existing reliable users without seamless e-commerce. Professionally mesh interoperable solutions rather than highly efficient infrastructures. Monotonectally administrate tactical functionalities.</p>
<a href="#" class="button button-large bg-alt text-white fw-medium py-2 rounded-1 ms-0 ls-0 text-transform-none"><i class="bi-file-earmark-richtext"></i>View Documentation</a>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="container my-4">
<div class="row justify-content-center text-center mb-5">
<div class="col-lg-6">
<h3 class="display-4 fw-bolder mb-3">Most Helpful Members</h3>
<p>Without seamless e-commerce professionally mesh</p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="row justify-content-center col-mb-30 gutter-50 text-center">
<div class="col-md-3 col-4">
<img src="demos/forum/images/users/1.jpg" alt="Memebers" width="80" class="rounded-circle mb-2">
<h5 class="fw-medium">Jim Séchen</h5>
</div>
<div class="col-md-3 col-4">
<img src="demos/forum/images/users/2.jpg" alt="Memebers" width="80" class="rounded-circle mb-2">
<h5 class="fw-medium">Alan Fresco</h5>
</div>
<div class="col-md-3 col-4">
<img src="demos/forum/images/users/3.jpg" alt="Memebers" width="80" class="rounded-circle mb-2">
<h5 class="fw-medium">Fig Nelson</h5>
</div>
<div class="col-md-3 col-4">
<img src="demos/forum/images/users/4.jpg" alt="Memebers" width="80" class="rounded-circle mb-2">
<h5 class="fw-medium">Pelican Steve</h5>
</div>
<div class="col-md-3 col-4">
<img src="demos/forum/images/users/5.jpg" alt="Memebers" width="80" class="rounded-circle mb-2">
<h5 class="fw-medium">Pelican Steve</h5>
</div>
<div class="col-md-3 col-4">
<img src="demos/forum/images/users/6.jpg" alt="Memebers" width="80" class="rounded-circle mb-2">
<h5 class="fw-medium">Russell Sprout</h5>
</div>
<div class="col-md-3 col-4">
<img src="demos/forum/images/users/7.jpg" alt="Memebers" width="80" class="rounded-circle mb-2">
<h5 class="fw-medium">Sir Cumference</h5>
</div>
<div class="col-md-3 col-4">
<img src="demos/forum/images/users/8.jpg" alt="Memebers" width="80" class="rounded-circle mb-2">
<h5 class="fw-medium">Theodore Handle</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="dark" style="background-color: #101010;">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row justify-content-center">
<div class="col-lg-9">
<div class="widget">
<div class="row col-mb-30">
<div class="col-lg-3 col-6 widget_links">
<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 class="col-lg-3 col-6 widget_links">
<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 class="col-lg-3 col-6 widget_links">
<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="#">One Page</a></li>
</ul>
</div>
<div class="col-lg-3 col-6 widget_links">
<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="#">One Page</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-3 mt-5 mt-lg-0 text-center text-lg-end">
<div class="widget">
<div class="row">
<div class="col-12 mb-3">
<small>Call Us:</small>
<h4 class="h4">+(1) 22 55412474</h4>
</div>
<div class="col-12 d-flex justify-content-center justify-content-lg-end">
<a href="#" class="social-icon si-small bg-contrast-100 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 bg-contrast-100 h-bg-delicious">
<i class="fa-brands fa-delicious"></i>
<i class="fa-brands fa-delicious"></i>
</a>
<a href="#" class="social-icon si-small bg-contrast-100 h-bg-paypal">
<i class="fa-brands fa-paypal"></i>
<i class="fa-brands fa-paypal"></i>
</a>
<a href="#" class="social-icon si-small bg-contrast-100 h-bg-waze">
<i class="fa-brands fa-waze"></i>
<i class="fa-brands fa-waze"></i>
</a>
</div>
<div class="col-12 mt-5 text-white-50 text-smaller">
All Rights Reserved <br>© 2023 by SemiColonWeb<br>
</div>
</div>
</div>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div>
<!-- JavaScripts
============================================= -->
<script src="js/jquery.js"></script>
<script src="js/functions.js"></script>
<!-- TinyMCE Plugin -->
<script src="js/components/tinymce/tinymce.min.js"></script>
<script>
jQuery(document).ready( function(){
jQuery('input[type="file"]').change(function(e){
var fileName = e.target.files[0].name;
jQuery('.custom-file-label').html(fileName);
});
tinymce.init({
selector: '#post-message',
menubar: false,
setup: function(editor) {
editor.on('change', function(e) {
editor.save();
});
}
});
jQuery(function(){
if(window.location.hash) {
var hash = window.location.hash;
jQuery(hash).modal('toggle');
}
});
});
</script>
</body>
</html>