| 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="stylesheet" href="https://use.typekit.net/jpx0kib.css">
<!-- 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/drone/drone.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Drone | Canvas</title>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" class="header-size-sm transparent-header floating-header" data-sticky-shrink="false">
<div id="header-wrap">
<div class="container" data-class="up-lg:border up-lg:shadow-sm">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo" class="me-lg-4">
<a href="index.html">
<img class="py-2 animated infinite" src="demos/drone/images/logo.svg" alt="Canvas Logo" style="animation: spin 2.5s infinite linear;">
</a>
</div><!-- #logo end -->
<div class="header-misc ms-auto">
<!-- Top Cart
============================================= -->
<div id="top-cart" class="header-misc-icon">
<a href="#" id="top-cart-trigger"><i class="bi-basket"></i></a>
<div class="top-cart-content border-top-0">
<div class="top-cart-title">
<h4>Shopping Cart</h4>
</div>
<div class="top-cart-items">
No Items Added Yet.
</div>
<div class="top-cart-action">
<a href="#" class="button button-3d button-small m-0">Shop Now</a>
</div>
</div>
</div><!-- #top-cart end -->
<!-- Help
============================================= -->
<div class="header-misc-icon mx-lg-3">
<a href="#"><i class="bi-info-circle"></i></a>
</div><!-- #top-search end -->
<!-- Top Search
============================================= -->
<div id="top-search" class="header-misc-icon">
<a href="#" id="top-search-trigger"><i class="bi-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 class="menu-link" href="#"><div>Home</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>Products</div>
</a>
<ul class="sub-menu-container border-0">
<li class="menu-item">
<a class="menu-link" href="#"><div>Canvas Mini 2 SE</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>Integro Auto Robotics Evo</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>Air Mavic Lite+</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>Hawai Sky Travel Pro</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>About</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>Accessories</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>Videos</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>Offers</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>Blog</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>Contact</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="Search your Favourite Drone..." autocomplete="off">
</form>
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Hero
============================================= -->
<section class="slider-element bg-contrast-200 include-header">
<img src="demos/drone/images/drone-2.jpg" alt="Image" class="object-fit-cover min-vh-75">
<div class="position-absolute z-2 w-100 h-100 top-0">
<div class="text-center mt-lg-6 pt-5 pt-lg-6">
<h1 class="display-4 mb-3 fw-medium text-uppercase" style="letter-spacing: -2px;">Hawkeye from the Sky</h1>
<p class="lead">Empowering Innovation through Aerial Excellence. <br>Taking Flight, Unleashing Possibilities.</p>
<a href="#" class="button color button-border border-color h-text-light border-width-2 button-large button-offset rounded">View All Drones</a>
</div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="container pt-lg-4">
<div class="row justify-content-center">
<div class="col-md-10 text-center">
<h3 class="display-6 mb-3 fw-medium text-uppercase">Our Latest Products</h3>
<p class="mb-5">Unlock the Sky's Potential with our Cutting-Edge Drone Technology. <br>Revolutionizing Flight with Innovative Drones.</p>
<ul class="nav nav-tabs nav-fill" id="demo-drone-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="canvas-tab-1" data-bs-toggle="pill" data-bs-target="#tab-1" type="button" role="tab" aria-controls="canvas-home" aria-selected="true">
<img src="demos/drone/images/drones/1.png" alt=".." height="70">
<div class="my-4 small tab-title">Canvas Mini 2 SE</div>
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="canvas-tab-2" data-bs-toggle="pill" data-bs-target="#tab-2" type="button" role="tab" aria-controls="canvas-profile" aria-selected="false">
<img src="demos/drone/images/drones/2.png" alt=".." height="70">
<div class="my-4 small tab-title">Integro Auto Robotics</div>
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="canvas-tab-3" data-bs-toggle="pill" data-bs-target="#tab-3" type="button" role="tab" aria-controls="canvas-contact" aria-selected="false">
<img src="demos/drone/images/drones/3.png" alt=".." height="70">
<div class="my-4 small tab-title">Air Sky Pro</div>
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="canvas-tab-4" data-bs-toggle="pill" data-bs-target="#tab-4" type="button" role="tab" aria-controls="canvas-about" aria-selected="false">
<img src="demos/drone/images/drones/4.png" alt=".." height="70">
<div class="my-4 small tab-title">HawkEye SE 2</div>
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="canvas-tab-5" data-bs-toggle="pill" data-bs-target="#tab-5" type="button" role="tab" aria-controls="canvas-about" aria-selected="false">
<img src="demos/drone/images/drones/5.png" alt=".." height="70">
<div class="my-4 small tab-title">Remotes & Others</div>
</button>
</li>
</ul>
</div>
</div>
</div>
<div class="bg-contrast-300 py-5 py-lg-6">
<div class="container">
<div class="tab-content">
<div class="tab-pane show active" role="tabpanel" aria-labelledby="tab-1-justify-tab" tabindex="0" id="tab-1">
<div class="row justify-content-center align-items-center">
<div class="col-md-5">
<h2>Canvas Mini 2 SE</h2>
<p>Primis blandit justo, odio. Sint aliquid sagittis distinctio tellus! Fringilla porttitor, quia, magnam libero dolorum pellentesque. Aut proin molestiae.</p>
<p class="fw-bold">4/3 CMOS Hasselblad Camera | Dual Tele Cameras | Cine Only Tri-Camera Apple ProRes Support | 43-Min Max Flight Time | Omnidirectional Obstacle Sensing | 15km HD Video Transmission.</p>
<a href="#" class="button button-dark button-offset rounded">Learn More</a>
</div>
<div class="col-md-5">
<img src="demos/drone/images/drones/slide-1.png" alt="...">
</div>
</div>
</div>
<div class="tab-pane" role="tabpanel" aria-labelledby="tab-2-justify-tab" tabindex="0" id="tab-2">
<div class="row justify-content-center align-items-center">
<div class="col-md-5">
<h2>Integro Auto Robotics</h2>
<p>Dictum ratione quam cupidatat ab purus. Quas. Semper porro aptent occaecat faucibus hac pretium dignissim sapiente, porro repellendus, saepe, atque. Quis aut tempus quam aliquet.</p>
<p class="fw-bold">4/3 CMOS Hasselblad Camera | Dual Tele Cameras | Cine Only Tri-Camera Apple ProRes Support | 43-Min Max Flight Time | Omnidirectional Obstacle Sensing | 15km HD Video Transmission.</p>
<a href="#" class="button button-dark button-offset rounded">Learn More</a>
</div>
<div class="col-md-5">
<img src="demos/drone/images/drones/slide-2.png" alt="...">
</div>
</div>
</div>
<div class="tab-pane" role="tabpanel" aria-labelledby="tab-3-justify-tab" tabindex="0" id="tab-3">
<div class="row justify-content-center align-items-center">
<div class="col-md-5">
<h2>Air Sky Pro</h2>
<p>Dicta mauris. Nisl praesent ipsam eveniet ipsa aperiam vel eos pulvinar laudantium magni pellentesque, nonummy nam! Voluptate voluptate iusto? Animi ullamcorper, accusantium ante sem, rerum urna. Molestiae exercitation diamlorem ornare.</p>
<p class="fw-bold">4/3 CMOS Hasselblad Camera | Dual Tele Cameras | Cine Only Tri-Camera Apple ProRes Support | 43-Min Max Flight Time | Omnidirectional Obstacle Sensing | 15km HD Video Transmission.</p>
<a href="#" class="button button-dark button-offset rounded">Learn More</a>
</div>
<div class="col-md-5">
<img src="demos/drone/images/drones/slide-3.png" alt="...">
</div>
</div>
</div>
<div class="tab-pane" role="tabpanel" aria-labelledby="tab-4-justify-tab" tabindex="0" id="tab-4">
<div class="row justify-content-center align-items-center">
<div class="col-md-5">
<h2>HawkEye SE 2</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Amet iure dignissimos incidunt! Sint sunt adipisci dolor.</p>
<p class="fw-bold">4/3 CMOS Hasselblad Camera | Dual Tele Cameras | Cine Only Tri-Camera Apple ProRes Support | 43-Min Max Flight Time | Omnidirectional Obstacle Sensing | 15km HD Video Transmission.</p>
<a href="#" class="button button-dark button-offset rounded">Learn More</a>
</div>
<div class="col-md-5">
<img src="demos/drone/images/drones/slide-4.png" alt="...">
</div>
</div>
</div>
<div class="tab-pane" role="tabpanel" aria-labelledby="tab-5-justify-tab" tabindex="0" id="tab-5">
<div class="row justify-content-center align-items-center">
<div class="col-md-5">
<h2>Remotes & Others</h2>
<p>Montes, nulla do eros labore voluptates, pariatur gravida varius incidunt fusce dapibus nisi! Cupidatat platea! Magni lobortis elementum! Lorem dictum? Phasellus malesuada odio quas officiis dui laboris laoreet, reiciendis hendrerit.</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Amet iure dignissimos incidunt! Sint sunt adipisci dolor.</p>
<p class="fw-bold">4/3 CMOS Hasselblad Camera | Dual Tele Cameras | Cine Only Tri-Camera Apple ProRes Support | 43-Min Max Flight Time | Omnidirectional Obstacle Sensing | 15km HD Video Transmission.</p>
<a href="#" class="button button-dark button-offset rounded">Learn More</a>
</div>
<div class="col-md-5">
<img src="demos/drone/images/drones/slide-5.png" alt="...">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="section dark m-0 border-0 mt-0">
<div class="container d-flex justify-content-center align-items-end" style="min-height: 450px;">
<div class="row g-5 justify-content-between">
<div class="col-md-4">
<h3 class="mb-3">· Motor & Blades</h3>
<p>Sapien quis consectetur iste, quis inceptos hendrerit? Luctus erat tristique incidunt nunc quo possimus perferendis.</p>
</div>
<div class="col-md-4">
<h3 class="mb-3">· 4K Video</h3>
<p>Penatibus ornare commodi tempus varius! Neque voluptatum congue laboris! Autem earum voluptas nemo.</p>
</div>
<div class="col-md-4">
<h3 class="mb-3">· 36Hrs Battery Life</h3>
<p>Dis blanditiis faucibus, quibusdam proin similique, leo porro, eius, corporis aperiam ipsum exercitationem dis lorem.</p>
</div>
</div>
</div>
<div class="video-wrap no-placeholder">
<video poster="images/videos/explore-poster.jpg" preload="auto" loop autoplay muted playsinline>
<source src='demos/drone/images/video.mp4' type='video/mp4'>
</video>
<div class="position-absolute w-100 h-100 top-0 start-0 z-1 bg-dark bg-opacity-10"></div>
</div>
</div>
<div class="container my-6">
<div class="row g-4 align-items-stretch">
<div class="col-md-4">
<div class="card text-center border-0">
<div class="card-body px-5 py-4 dark" style="background: url('demos/drone/images/cards/1.jpg') no-repeat center bottom / cover; min-height: 600px; border-radius: 20px;">
<p class="text-uppercase small op-06 ls-1 mb-2">Popular Drone</p>
<h3 class="mb-1 fs-3">Canvas Mini 2 SE</h3>
<p class="mb-4">Starting $79.99</p>
<a href="#" class="button button-small button-offset button-light bg-white text-dark rounded">View Now</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card text-center border-0">
<div class="card-body px-5 py-4 dark" style="background: url('demos/drone/images/cards/2.jpg') no-repeat center bottom / cover; min-height: 600px; border-radius: 20px;">
<p class="text-uppercase small op-06 ls-1 mb-2">Featured</p>
<h3 class="mb-1 fs-3">Air Sky Pro</h3>
<p class="mb-4">Starting $59.99</p>
<a href="#" class="button button-small button-offset button-light bg-white text-dark rounded">View Now</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card text-center border-0">
<div class="card-body px-5 py-4" style="background: url('demos/drone/images/cards/3.jpg') no-repeat center bottom / cover; min-height: 600px; border-radius: 20px;">
<p class="text-uppercase small op-06 ls-1 mb-2">Others</p>
<h3 class="mb-1 fs-3">Controllers</h3>
<p class="mb-4">Starting $29.99</p>
<a href="#" class="button button-small button-offset button-light bg-white text-dark rounded">View Now</a>
</div>
</div>
</div>
<div class="col-12">
<div class="card text-center border-0">
<div class="card-body p-0 dark">
<img src="demos/drone/images/drone-features.jpg" alt=".." style="border-radius: 20px;">
<div class="position-absolute top-0 pos-x-center mt-3 mt-lg-5">
<h3 class="mb-1 fs-3">What's New in v3</h3>
<p class="mb-3 d-none d-lg-block">More Better, More Harder</p>
<a href="#" class="button button-small button-offset button-light bg-white text-dark rounded d-none d-lg-inline-block">View Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="clear mb-5 mb-lg-6"></div>
<div class="row g-3 justify-content-center text-center">
<div class="col-md-3">
<img class="mb-4" src="demos/drone/images/icons/logo-1.svg" alt="..." height="40">
<h3 class="fs-5 mb-3">Popular camera Company from for end.</h3>
<p class="op-07">Change the color scheme of the Theme in a flash just by changing the 6-digit HEX code.</p>
</div>
<div class="col-md-1"></div>
<div class="col-md-3">
<img class="mb-4" src="demos/drone/images/icons/logo-2.svg" alt="..." height="40">
<h3 class="fs-5 mb-3">Best Third-party Mobile App for our Drone.</h3>
<p class="op-07">Ipsam eveniet per posuere, aspernatur Voluptate. Minus sed cubilia exercitation posuere itaque? Tempus soluta, modi.</p>
</div>
</div>
<div class="card border-0 mt-5">
<div class="card-body p-0 dark">
<img src="demos/drone/images/reviews.jpg" alt=".." style="border-radius: 20px;" class="position-absolute top-0 start-0 w-100 h-100 object-cover">
<div class="row flex-column p-5 p-lg-6 g-5">
<div class="col-lg-4">
<div class="text-warning">
<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="my-2">“Best Drone I ever used. Awesome Camera Quality.”</h3>
<img src="demos/drone/images/reviews/amazon.svg" alt="..." height="35" class="op-05">
</div>
<div class="col-lg-4">
<div class="text-warning">
<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="my-2">“Very good Quailty and Quick Service.”</h3>
<img src="demos/drone/images/reviews/google.svg" alt="..." height="50" class="op-05">
</div>
<div class="col-lg-4">
<div class="text-warning">
<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="my-2">“Long Battery-life and Work for Long Range.”</h3>
<img src="demos/drone/images/reviews/vimeo.svg" alt="..." height="50" class="op-05">
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="section mt-3 footer-stick dark py-4">
<div class="container">
<div class="row gy-4">
<div class="col-lg-4 d-flex align-items-center">
<i class="me-3 fs-4 bi-globe"></i>
<span>Worldwide Shipping</span>
</div>
<div class="col-lg-4 d-flex align-items-center justify-content-lg-center">
<i class="me-3 fs-4 bi-clock"></i>
<span>24hrs Helpline Available</span>
</div>
<div class="col-lg-4 d-flex align-items-center justify-content-lg-end">
<i class="me-3 fs-4 bi-truck"></i>
<span>30 Days Free Return</a>
</div>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="dark border-0 bg-dark overflow-hidden">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row">
<div class="col-lg-5">
<div class="widget">
<div class="row">
<div class="col-lg-8 mb-5">
<img class="animated infinite mb-4" src="demos/drone/images/logo-dark.svg" alt="Canvas Logo" height="50" style="animation: spin 2.5s infinite linear;">
<h3>Stay Updated</h3>
<p class="mb-0"><strong>Subscribe</strong> to Our Newsletter to get Important News, Amazing Offers & Inside Scoops:</p>
<div class="widget subscribe-widget mb-5 mt-4">
<div class="widget-subscribe-form-result"></div>
<form id="widget-subscribe-form" action="include/subscribe.php" method="post" class="mb-0">
<div class="input-group mx-auto bg-contrast-200 rounded-pill p-2">
<input type="email" id="widget-subscribe-form-email" name="widget-subscribe-form-email" class="form-control bg-contrast-200 border-0 required email" placeholder="Enter your Email">
<button class="btn btn-dark bg-black button-offset button-offset-circle rounded-circle square" style="--cnvs-square-size: 3.25rem" type="submit"><i class="bi-arrow-right fs-4"></i></button>
</div>
</form>
</div>
<a href="#" class="social-icon si-small border-0 rounded-circle text-light 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-0 rounded-circle text-light 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-0 rounded-circle text-light 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-0 rounded-circle text-light 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-0 rounded-circle text-light bg-vimeo">
<i class="fa-brands fa-vimeo-v"></i>
<i class="fa-brands fa-vimeo-v"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="row g-5">
<div class="col-6 col-lg-4">
<div class="widget widget_links widget-li-noicon app_landing_widget_link">
<h4>In News</h4>
<ul>
<li><a href="#">About us</a></li>
<li><a href="#">Find a store</a></li>
<li><a href="#">Subscription</a></li>
<li><a href="#">Business</a></li>
<li><a href="#">Workshop</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Press</a></li>
<li><a href="#">Acessories</a></li>
<li><a href="#">Careers</a></li>
</ul>
</div>
</div>
<div class="col-6 col-lg-4">
<div class="widget widget_links widget-li-noicon app_landing_widget_link">
<h4>About Us</h4>
<ul>
<li><a href="#">Jome</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Offers</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div class="col-6 col-lg-4">
<div class="widget widget_links widget-li-noicon app_landing_widget_link">
<h4>Support</h4>
<ul>
<li><a href="https://codex.wordpress.org/">Documentation</a></li>
<li><a href="https://wordpress.org/support/forum/requests-and-feedback">Feedback</a></li>
<li><a href="https://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="https://wordpress.org/support/">Support Forums</a></li>
<li><a href="https://wordpress.org/extend/themes/">Themes</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container">
<p class="mb-0 text-center">Copyrights © 2023 All Rights Reserved by Canvas Inc.</p>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up rounded-circle"></div>
<!-- JavaScripts
============================================= -->
<script src="js/functions.js"></script>
</body>
</html>