| 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=Manrope:wght@400;500&family=PT+Serif: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">
<!-- Niche Demos -->
<link rel="stylesheet" href="demos/integro/integro.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Integro - Landing Page | Canvas</title>
</head>
<body class="stretched dark">
<div class="offcanvas offcanvas-end border-start border-dark" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header border-bottom border-dark">
<h5 class="mb-0 fw-normal h6 py-2">Shopping Cart</h5>
<button type="button" class="btn-close text-reset btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body d-flex flex-column justify-content-center text-center">
<i class="bi-bag-x h1 color"></i>
<h3 class="mb-4">Your Cart is Empty</h3>
<div><a href="#" class="button text-black bg-color rounded-pill m-0 h-op-09 px-4">Shop Now</a></div>
</div>
</div>
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" class="dark border-0">
<div id="header-wrap">
<div class="container">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo">
<a href="#" ><img src="demos/integro/images/logo.svg" alt="Canvas Logo" class="py-3"></a>
</div><!-- #logo end -->
<div class="header-misc">
<!-- Top Cart
============================================= -->
<div id="top-cart" class="header-misc-icon">
<a href="#" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight"><i class="bi-bag-check h-color"></i>
<span class="d-none position-absolute top-0 start-100 translate-middle p-1 bg-color border border-warning rounded-circle">
<span class="visually-hidden">New alerts</span>
</span></a>
</div><!-- #top-cart end -->
<!-- Top Search
============================================= -->
<div class="ms-lg-4">
<button type="button" class="button button-light button-border border-dark h-bg-color rounded-pill m-0"><i class="bi-person-circle me-0"></i><span class="ms-2 d-none d-lg-inline">Sign Up</span></button>
</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 with-arrows">
<ul class="menu-container">
<li class="menu-item current"><a class="menu-link" href="index.html"><div>Home</div></a></li>
<li class="menu-item"><a class="menu-link" href="index.html"><div>Pages</div></a>
<ul class="sub-menu-container rounded-5" data-class="up-lg:not-dark">
<li class="menu-item"><a class="menu-link" href="index.html"><div>Home</div></a></li>
<li class="menu-item"><a class="menu-link" href="index.html"><div>About Us</div></a></li>
<li class="menu-item"><a class="menu-link" href="index.html"><div>Pricing</div></a></li>
<li class="menu-item"><a class="menu-link" href="index.html"><div>Contact</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="index.html"><div>Pricing</div></a></li>
<li class="menu-item"><a class="menu-link" href="index.html"><div>Contact</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 pt-5">
<div class="container">
<div class="row col-mb-30 align-items-center text-center text-lg-start">
<div class="col-lg-5">
<p class="color text-uppercase ls-4 fw-bold small">Customize your page</p>
<h3 class="display-4 fw-bold font-secondary text-white">Create your <span class="nocolor bg-color bg-opacity-10">own website</span> just within 10 minutes</h3>
<div class="subscribe-widget" data-loader="button">
<div class="widget-subscribe-form-result"></div>
<form id="widget-subscribe-form" action="include/subscribe.php" method="post" class="mb-0 border border-dark p-2 rounded-pill">
<div class="input-group mx-auto">
<input type="email" id="widget-subscribe-form-email" name="widget-subscribe-form-email" class="form-control form-control-lg required email bg-transparent" placeholder="Enter your Email Address.." style="border: 0; box-shadow: none; overflow: hidden;">
<button class="button bg-color fw-medium text-dark rounded-pill" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
<div class="col-lg-7 col-9">
<img src="demos/saas/images/tabs/1.png" alt="Niche">
</div>
</div>
</div>
<div class="clear mt-6"></div>
<div class="container">
<div class="row g-5">
<div class="col-sm-6 col-lg-4">
<div class="feature-box">
<div class="fbox-icon mb-4">
<a href="#"><i class="bi-safe color rounded-5"></i></a>
</div>
<div class="fbox-content">
<h3 class="text-transform-none fw-medium text-larger">100% Safe & Trustable</h3>
<p class="op-08">owerful Layout with Responsive functionality that can be adapted.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="feature-box">
<div class="fbox-icon mb-4">
<a href="#"><i class="bi-app-indicator color rounded-5"></i></a>
</div>
<div class="fbox-content">
<h3 class="text-transform-none fw-medium text-larger">Push Notification</h3>
<p class="op-08">lobally scale exceptional human capital without bricks-and-clicks.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="feature-box">
<div class="fbox-icon mb-4">
<a href="#"><i class="bi-currency-exchange color rounded-5"></i></a>
</div>
<div class="fbox-content">
<h3 class="text-transform-none fw-medium text-larger">No Hidden charges</h3>
<p class="op-08">Appropriately orchestrate leveraged sources whereas enterprise.</p>
</div>
</div>
</div>
</div>
</div>
<div class="section bg-transparent mt-0 pt-0 pt-lg-5">
<div class="container mw-lg mb-5 text-center text-lg-start">
<div class="line clear mb-lg-6"></div>
<div class="row justify-content-between">
<div class="col-lg-4">
<p class="color mb-3">Features that Kill</p>
<h2 class="display-5 fw-semibold">Know more how Integro works</h2>
</div>
<div class="col-lg-5">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore eaque, cupiditate nobis quisquam blanditiis fugiat dolores sunt ut perspiciatis veritatis!</p>
<a href="#" class="button text-black bg-color rounded-pill m-0 h-op-09 px-4">Shop Now</a>
</div>
</div>
</div>
<div class="container">
<div class="row align-items-stretch g-4">
<div class="col-12">
<div class="grid-inner bg-white-soft rounded-5" style="background: url('demos/integro/images/project-1-bg.jpg') no-repeat center / cover">
<img src="demos/integro/images/project-1.png" alt=".." class="rounded-5 pt-lg-6 pt-5 px-lg-6 px-5">
</div>
</div>
<div class="col-md-6">
<div class="grid-inner bg-white-soft rounded-5" style="background: url('demos/integro/images/project-2-bg.jpg') no-repeat center center / cover">
<div class="p-5">
<h3 class="mb-4 h3 fw-bold text-white">Powerful Dashboard</h3>
<p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis dicta minus aliquid blanditiis ad..</p>
</div>
<img src="demos/integro/images/project-2.svg" alt=".." class="pe-6">
</div>
</div>
<div class="col-md-6">
<div class="grid-inner h-100 bg-white-soft rounded-5 d-flex flex-column" style="background: linear-gradient(to bottom, rgba(0,0,0,0.65) 25%, transparent), url('demos/integro/images/project-3-bg.jpg') no-repeat center / cover">
<div class="p-5">
<h3 class="mb-4 h3 fw-bold text-white">Track Anywhere & Anytime!</h3>
<!-- <p class="">Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni voluptates ab, mollitia eos delectus iure vitae dicta Magni voluptates ab, mollitia excepturi.</p> -->
<ul class="list-inline">
<li class="list-inline-item d-inline-flex align-items-center mb-2 me-4"><i class="bi-check-circle-fill me-2 color"></i>Precision Tracking</li>
<li class="list-inline-item d-inline-flex align-items-center mb-2 me-4"><i class="bi-check-circle-fill me-2 color"></i>Satellite Uplink</li>
<li class="list-inline-item d-inline-flex align-items-center mb-2 me-4"><i class="bi-check-circle-fill me-2 color"></i>100% Uptime</li>
</ul>
<a href="#" class="button button-small button-border rounded-pill button-light op-06 h-op-1 px-4">Learn more</a>
</div>
<img src="demos/integro/images/project-3.svg" alt=".." class="ps-5 mt-auto">
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="setion" style="background: url('demos/integro/images/section-bg.jpg') no-repeat center center / cover;">
<div class="row text-center justify-content-center align-items-center min-vh-75 m-0">
<div class="col-md-8">
<h2 class="display-4 fw-semibold text-white">Rapidiously incentivize multifunctional paradigms whereas.</h2>
<div><a href="#" class="button text-black bg-color rounded-pill m-0 h-op-09 px-4">Shop Now</a></div>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8sony d-flex align-items-center flex-row">
<div class="col p-3 py-4"><img src="demos/conference/images/sponcors/jetblue.svg" alt="Clients"></div>
<div class="col p-3 py-4"><img src="demos/conference/images/sponcors/cnn.svg" alt="Clients"></div>
<div class="col p-3 py-4"><img src="demos/conference/images/sponcors/github.svg" alt="Clients"></div>
<div class="col p-3 py-4"><img src="demos/conference/images/sponcors/paypal.svg" alt="Clients"></div>
<div class="col p-3 py-4"><img src="demos/conference/images/sponcors/paypal.svg" alt="Clients"></div>
</div>
</div>
</div>
<div class="setion mt-5 mt-lg-6 overflow-hidden">
<div class="container">
<div class="row justify-content-between mb-4 text-center text-lg-start">
<div class="col-lg-5">
<p class="color mb-3">Clients Love Us</p>
<h2 class="display-5 fw-semibold">Read our Customer Testimonials.</h2>
</div>
</div>
<div id="oc-testi" class="owl-carousel testi-carousel carousel-widget full-width-view customjs owl-nav-hover-fixed owl-nav-pos-2 owl-nav-pos-right">
<div class="oc-item">
<div class="bg-white-soft p-5 rounded-6">
<img src="demos/forum/images/users/1.jpg" alt=".." class="square square-md rounded-circle">
<h4 class="my-3">Dianne Ameter</h4>
<p class="op-08">Holisticly underwhelm one-to-one growth strategies with virtual interfaces.</p>
<div class="d-flex justify-content-between align-items-center">
<small class="op-04">Excutive Director, jetBlue</small>
<img src="demos/conference/images/sponcors/jetblue.svg" alt="Clients" style="height: 20px; width: auto;">
</div>
</div>
</div>
<div class="oc-item">
<div class="bg-white-soft p-5 rounded-6">
<img src="demos/forum/images/users/3.jpg" alt=".." class="square square-md rounded-circle">
<h4 class="my-3">Ingredia Nutrisha</h4>
<p class="op-08">Holisticly underwhelm one-to-one growth strategies with virtual interfaces.</p>
<div class="d-flex justify-content-between align-items-center">
<small class="op-04">Personal Director, LinkedIn</small>
<img src="demos/conference/images/sponcors/linkedin.svg" alt="Clients" style="height: 20px; width: auto;">
</div>
</div>
</div>
<div class="oc-item">
<div class="bg-white-soft p-5 rounded-6">
<img src="demos/forum/images/users/4.jpg" alt=".." class="square square-md rounded-circle">
<h4 class="my-3">Piff Jenkinse</h4>
<p class="op-08">Holisticly underwhelm one-to-one growth strategies with virtual interfaces.</p>
<div class="d-flex justify-content-between align-items-center">
<small class="op-04">Co-Founder, National Geo</small>
<img src="demos/conference/images/sponcors/nat-geo.svg" alt="Clients" style="height: 20px; width: auto;">
</div>
</div>
</div>
<div class="oc-item">
<div class="bg-white-soft p-5 rounded-6">
<img src="demos/forum/images/users/5.jpg" alt=".." class="square square-md rounded-circle">
<h4 class="my-3">John Doe</h4>
<p class="op-08">Holisticly underwhelm one-to-one growth strategies with virtual interfaces.</p>
<div class="d-flex justify-content-between align-items-center">
<small class="op-04">Writer, Skype</small>
<img src="demos/conference/images/sponcors/skype.svg" alt="Clients" style="height: 20px; width: auto;">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section overflow-visible bg-transparent my-0 my-lg-5 pb-0 pb-lg-6">
<div class="container">
<div class="row justify-content-center mb-4">
<div class="stack-cards col-lg-8 text-center">
<div class="sticky-title px-6">
<p class="color mb-3">Featured Clients</p>
<h2 class="display-5 fw-semibold">Reviews that will make you choose <span>Integro</span></h2>
</div>
<article class="stack-cards-item p-4 p-lg-5" aria-label="canvas Card - 1">
<div class="mb-4 color">
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
</div>
<h2 class="fw-bold mb-4 lh-base">The most comprehensive template.</h2>
<p class="lead text-white-50">"Completely productivate quality web services rather than standards compliant niches. Continually engineer."</p>
<div class="d-flex align-items-center mt-4">
<img src="demos/finance/images/users/1.jpg" alt="User" width="60" class="rounded-circle">
<div class="ms-3">
<h4 class="font-body mb-2 fw-bold h6">Alan Fresco</h4>
<div class="op-05 text-uppercase ls-2 text-smaller">Company Inc.</div>
</div>
</div>
</article>
<article class="stack-cards-item p-4 p-lg-5" aria-label="canvas Card - 2">
<div class="mb-4 color">
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
</div>
<h3 class="fw-bold mb-4">Awesome Design & Customer Support.</h3>
<p class="lead text-white-50">"Amazing WORK ! This guys also very fast for support. No matter Sunday or Monday. I get my answers and they were really patiently with my sometimes stupid questions!"</p>
<div class="d-flex align-items-center mt-4">
<img src="demos/finance/images/users/2.jpg" alt="User" width="60" class="rounded-circle">
<div class="ms-3">
<h4 class="font-body mb-2 fw-bold h6">iNoize</h4>
<div class="op-05 text-uppercase ls-2 text-smaller">Company Inc.</div>
</div>
</div>
</article>
<article class="stack-cards-item p-4 p-lg-5" aria-label="canvas Card - 3">
<div class="mb-4 color">
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
</div>
<h3 class="fw-bold mb-4">Flexibility and Feature Availability</h3>
<p class="lead text-white-50">"A great thing that there are many demos available otherwise all of the great implementation and features would never be used or understood the right way."</p>
<div class="d-flex align-items-center mt-4">
<img src="demos/finance/images/users/3.jpg" alt="User" width="60" class="rounded-circle">
<div class="ms-3">
<h4 class="font-body mb-2 fw-bold h6">Wickdevs</h4>
<div class="op-05 text-uppercase ls-2 text-smaller">Company Inc.</div>
</div>
</div>
</article>
<article class="stack-cards-item p-4 p-lg-5" aria-label="canvas Card - 4">
<div class="mb-4 color">
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
</div>
<h3 class="fw-bold mb-4">Code Quality</h3>
<p class="lead text-white-50">"Intrinsicly syndicate superior methods of empowerment and scalable testing procedures. Conveniently harness impactful opportunities vis-a-vis 24/365 infomediaries."</p>
<div class="d-flex align-items-center mt-4">
<img src="demos/finance/images/users/1.jpg" alt="User" width="60" class="rounded-circle">
<div class="ms-3">
<h4 class="font-body mb-2 fw-bold h6">Mark Henze</h4>
<div class="op-05 text-uppercase ls-2 text-smaller">Company Inc.</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="container mt-5">
<div class="promo rounded-5 overflow-hidden" style="background: linear-gradient(40deg, #26a5e9, var(--cnvs-themecolor));">
<div class="row align-items-end justify-content-between">
<div class="col text-center">
<div class="p-5 p-lg-6">
<h2 class="text-dark">Try Premium Free for 30 Days &<br> you'll never regret it!</h2>
<a href="#" class="button button-large rounded-pill button-dark button-black border-0 m-0">Get started</a>
</div>
</div>
<div class="col-lg-4">
<img src="demos/integro/images/promo.png" alt="Image" class="shadow-lg mt-5">
</div>
<div class="col-lg-1"></div>
</div>
</div>
</div>
</div>
<div class="clear mb-4"></div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="border-width-1">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row">
<div class="col-lg-2 col-md-2 col-6 mb-5 mb-md-0">
<div class="widget widget_links widget-li-noicon">
<h4 class="ls-0 mb-4 text-transform-none">Features</h4>
<ul class="list-unstyled iconlist ms-0">
<li><a href="#">Help Center</a></li>
<li><a href="#">Paid with Moblie</a></li>
<li><a href="#">Status</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-2 col-6 mb-5 mb-md-0">
<div class="widget widget_links widget-li-noicon">
<h4 class="ls-0 mb-4 text-transform-none">Support</h4>
<ul class="list-unstyled iconlist ms-0">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">FAQs</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-2 col-6 mb-5 mb-md-0">
<div class="widget widget_links widget-li-noicon">
<h4 class="ls-0 mb-4 text-transform-none">Trending</h4>
<ul class="list-unstyled iconlist ms-0">
<li><a href="#">Shop</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Forums</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-2 col-6 mb-5 mb-md-0">
<div class="widget widget_links widget-li-noicon">
<h4 class="ls-0 mb-4 text-transform-none">Get to Know us</h4>
<ul class="list-unstyled iconlist ms-0">
<li><a href="#">eCommerce</a></li>
<li><a href="#">Personal</a></li>
<li><a href="#">OnePage</a></li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-4 text-md-end">
<div class="widget">
<div>
<address>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
</address>
<h3 class="mb-3"><a href="tel:111223344" class="color"><i class="bi-headphones me-1"></i> +00-22-33-44</a></h3>
<div class="d-flex justify-content-md-end">
<a href="#" class="social-icon si-small 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 bg-instagram" title="instagram">
<i class="bi-instagram"></i>
<i class="bi-instagram"></i>
</a>
<a href="#" class="social-icon si-small 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 si-small bg-wikipedia" title="Apple Pay">
<i class="fa-brands fa-apple-pay"></i>
<i class="fa-brands fa-apple-pay"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-md-6">
Copyrights © 2023 All Rights Reserved by Canvas Inc.
</div>
<div class="col-md-6 d-md-flex flex-md-column align-items-md-end mt-4 mt-md-0">
<a href="#" class="button rounded-pill bg-danger border-0 m-0">Help?</a>
</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/jquery.js"></script>
<script src="js/functions.js"></script>
<script>
jQuery(window).on( 'pluginCarouselReady', function(){
jQuery('#oc-testi').owlCarousel({
items: 1,
margin: 25,
nav: true,
navText: ['<span class="h-text-contrast-200">⟵</span>','<span class="h-text-contrast-200">⟶</span>'],
dots: false,
responsive:{
576:{ items: 1 },
768:{ items: 2 }
},
});
});
</script>
</body>
</html>