| 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;600;700&family=DM+Serif+Text&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/swiper.css">
<!-- Niche Demos -->
<link rel="stylesheet" href="demos/finance/finance.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Finance | Canvas</title>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Top Bar
============================================= -->
<div id="top-bar" class="dark bg-color">
<div class="container">
<div class="row justify-content-center justify-content-lg-between">
<div class="col-12 col-md-auto">
<!-- Top Links
============================================= -->
<div class="top-links">
<ul class="top-links-container">
<li class="top-links-item"><a href="index.html"><i class="color-2 bi-globe"></i> English</a>
<ul class="top-links-sub-menu bg-color">
<li class="top-links-item"><a href="about.html">Arabic</a></li>
<li class="top-links-item"><a href="faqs.html">Chinese</a></li>
</ul>
</li>
</ul>
</div><!-- .top-links end -->
</div>
<div class="col-12 col-md-auto">
<!-- Top Links
============================================= -->
<div class="top-links text-center">
<ul class="top-links-container">
<li class="top-links-item"><a href="#"><i class="color-2 bi-geo-alt"></i> 795 Folsom Ave, Suite 600 San Francisco, CA 94107</a></li>
<li class="top-links-item"><a href="#"><i class="color-2 bi-envelope"></i> [email protected]</a></li>
<li class="top-links-item"><a href="#"><i class="color-2 bi-telephone-outbound"></i> (0) 8547 632521</a></li>
</ul>
</div><!-- .top-links end -->
</div>
</div>
</div>
</div><!-- #top-bar end -->
<!-- Header
============================================= -->
<header id="header" class="sticky-on-scrollup">
<div id="header-wrap">
<div class="container">
<div class="header-row justify-content-between">
<!-- Logo
============================================= -->
<div id="logo" class="mx-0 me-lg-5 order-2 order-lg-1">
<a href="index.html">
<img class="logo-default" srcset="images/logo.png, images/[email protected] 2x" src="images/[email protected]" alt="Canvas Logo">
<img class="logo-dark" srcset="images/logo-dark.png, images/[email protected] 2x" src="images/[email protected]" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
<div class="primary-menu-trigger order-1">
<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
</button>
</div>
<div class="header-misc order-3">
<a href="#" class="btn text-larger btn-dark bg-color px-4 py-2 rounded-pill"><i class="bi-chat-dots color-2"></i><span class="d-none d-md-inline ms-2">Get Consultant</span></a>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu me-lg-auto with-arrows order-12 order-lg-2">
<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>Services</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div><i class="bi-currency-dollar"></i>Financial Services</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div><i class="bi-file-earmark-richtext"></i>Audit & Taxes</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div><i class="bi-people"></i>Acountants Experts</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div><i class="bi-flag"></i>Business Planning</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div><i class="bi-globe"></i>International Markets</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div><i class="bi-briefcase"></i>Stocks & Trades</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>Pricing</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="Type & Hit Enter.." autocomplete="off">
</form>
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Hero
============================================= -->
<section id="slider" class="slider-element" style="background: #2646532b url('demos/finance/images/hero-bg.png') center bottom no-repeat; background-size: 100% auto;">
<div class="container">
<div class="row align-items-md-end">
<div class="col-lg-5 align-self-center flex-column py-6">
<h1 class="hero-title display-3 fw-bold color font-body">Best way to save your Money.</h1>
<p class="my-5">Interactively seize bricks-and-clicks channels before empowered users. Uniquely maximize bleeding-edge outsourcing.</p>
<a href="#" class="btn btn-lg btn-dark bg-color rounded-pill mb-5 px-5">Get Started <i class="bi-arrow-right color-2 ms-1"></i></a>
<div class="row">
<div class="col-sm-6">
<ul class="iconlist mb-0">
<li class="mb-2"><i class="bi-check-lg text-smaller bg-color-2 color"></i> Financial Services</li>
<li class="mb-2"><i class="bi-check-lg text-smaller bg-color-2 color"></i> Audit & Taxes</li>
<li class="mb-2"><i class="bi-check-lg text-smaller bg-color-2 color"></i> Business Planning</li>
</ul>
</div>
<div class="col-sm-6">
<ul class="iconlist mb-0">
<li class="mb-2"><i class="bi-check-lg text-smaller bg-color-2 color"></i> Acountants Experts</li>
<li class="mb-2"><i class="bi-check-lg text-smaller bg-color-2 color"></i> International Markets</li>
<li class="mb-2"><i class="bi-check-lg text-smaller bg-color-2 color"></i> Stocks & Trades</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-7 dotted-bg">
<img src="demos/finance/images/man.png" alt="Image 1" class="d-flex align-self-end mt-5 z-1 mx-auto w-75 position-relative">
</div>
</div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap py-5">
<div class="container mw-md py-5">
<div class="row justify-content-between align-items-center col-mb-30">
<div class="col-md-2 text-center">
<h3 class="display-2 fw-light mb-2 color">4.8</h3>
<div class="mb-2 color-2">
<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>
<span>20,321 Ratings</span>
</div>
<div class="col-md-4">
<h5 class="text-uppercase font-body ls-2 color-2">What We Do</h5>
<h3 class="mb-0 fw-normal">Beware of Little Expenses, a small leak will sink a Great Ship.</h3>
</div>
<div class="col-md-5 mt-4 mt-md-0">
<blockquote class="py-0 mb-0"><p>"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Numquam, unde. Numquam officia fuga sequi fugiat ipsa aperiam dolorem quam reprehenderit."</p>
<footer class="blockquote-footer font-primary">Benjamin Franklin</footer></blockquote>
</div>
</div>
</div>
<div class="section dark bg-color" style="padding: 100px 0;">
<div class="container">
<div class="heading-block mw-xs mx-auto text-center mb-6">
<h5 class="font-body text-uppercase ls-2 color-2">What we do</h5>
<h3 class="text-white text-transform-none ls-0">Beware of Little Expenses, a small leak will sink a Great Ship.</h3>
</div>
<div class="services-grid gutter-30 position-relative">
<div style="background-image: url(demos/finance/images/grid.svg); position: absolute; top: 50%; left: 50%; width: 50vw; height: 50vh; opacity: .15; transform: translate(-50%, -50%);"></div>
<img class="op-05" src="demos/finance/images/grid.svg" alt="Grid Image" style="position: absolute; left: -20px; top: -30px; z-index: -1;">
<div class="row">
<div class="col-lg-4 col-md-6 d-flex align-self-stretch">
<div class="feature-box flex-column h-shadow mx-0" style="background-image: linear-gradient(#2646532b, #264653f7), url('demos/finance/images/services/1.jpg')">
<div class="fbox-icon mb-4">
<a href="#"><i class="bi-currency-dollar color-2"></i></a>
</div>
<div class="fbox-content">
<h4 class="font-body fw-semibold h4 mb-4 mt-2 ls-0 text-transform-none">Financial Services</h4>
<p>Globally mesh multifunctional without competitive benefits. Synergistically procrastinate effective.</p>
<a href="#" class="hover-button"><u>Read More</u> <i class="bi-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-self-stretch">
<div class="feature-box flex-column h-shadow mx-0" style="background-image: linear-gradient(#2646532b, #264653f7), url('demos/finance/images/services/2.jpg')">
<div class="fbox-icon mb-4">
<a href="#"><i class="bi-file-earmark-richtext color-2"></i></a>
</div>
<div class="fbox-content">
<h4 class="font-body fw-semibold h4 mb-4 mt-2 ls-0 text-transform-none"> Audit & Taxes</h4>
<p>Appropriately parallel task mission-critical communities after team building quality vectors seamlessly promote.</p>
<a href="#" class="hover-button"><u>Read More</u> <i class="bi-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-self-stretch">
<div class="feature-box flex-column h-shadow mx-0" style="background-image: linear-gradient(#264653A8, #264653), url('demos/finance/images/services/3.jpg')">
<div class="fbox-icon mb-4">
<a href="#"><i class="bi-flag color-2"></i></a>
</div>
<div class="fbox-content">
<h4 class="font-body fw-semibold h4 mb-4 mt-2 ls-0 text-transform-none"> Business Planning</h4>
<p>Globally deploy cost effective internal, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum est.</p>
<a href="#" class="hover-button"><u>Read More</u> <i class="bi-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-self-stretch">
<div class="feature-box flex-column h-shadow mx-0" style="background-image: linear-gradient(#26465398, #264653), url('demos/finance/images/services/4.jpg')">
<div class="fbox-icon mb-4">
<a href="#"><i class="bi-people color-2"></i></a>
</div>
<div class="fbox-content">
<h4 class="font-body fw-semibold h4 mb-4 mt-2 ls-0 text-transform-none">Acountants Experts</h4>
<p>Globally mesh multifunctional without competitive benefits. Synergistically procrastinate effective.</p>
<a href="#" class="hover-button"><u>Read More</u> <i class="bi-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-self-stretch">
<div class="feature-box flex-column h-shadow mx-0" style="background-image: linear-gradient(#264653A8, #264653), url('demos/finance/images/services/5.jpg')">
<div class="fbox-icon mb-4">
<a href="#"><i class="bi-globe color-2"></i></a>
</div>
<div class="fbox-content">
<h4 class="font-body fw-semibold h4 mb-4 mt-2 ls-0 text-transform-none"> International Markets</h4>
<p>Appropriately parallel task mission-critical communities after team building quality vectors seamlessly promote.</p>
<a href="#" class="hover-button"><u>Read More</u> <i class="bi-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-self-stretch">
<div class="feature-box flex-column h-shadow mx-0" style="background-image: linear-gradient(#26465398, #264653), url('demos/finance/images/services/6.jpg')">
<div class="fbox-icon mb-4">
<a href="#"><i class="bi-briefcase color-2"></i></a>
</div>
<div class="fbox-content">
<h4 class="font-body fw-semibold h4 mb-4 mt-2 ls-0 text-transform-none"> Stocks & Trades</h4>
<p>Globally deploy cost effective internal, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum est.</p>
<a href="#" class="hover-button"><u>Read More</u> <i class="bi-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<img src="demos/finance/images/grid.svg" alt="Grid Image" class="op-05" style="position: absolute; right: -30px; bottom: -30px; z-index: -1;">
</div>
</div>
</div>
<div class="section bg-transparent" style="padding: 100px 0;">
<div class="container">
<div class="row col-mb-50 gutter-lg-50 justify-content-center">
<div class="col-lg-4 col-md-5 text-center">
<img src="demos/finance/images/file-text.svg" alt="Globe Icon" class="mb-5" height="100">
<h3 class="font-body h2 mb-4 color">Stocks & Trades</h3>
<p class="text-larger fw-normal text-muted mb-0">Appropriately parallel task mission-critical communities after team building quality vectors seamlessly promote.</p>
</div>
<div class="col-md-1 text-center d-md-flex justify-content-center align-self-stretch">
<div class="border-end border-default d-none d-md-block"></div>
<div class="border-top border-default d-block d-md-none"></div>
</div>
<div class="col-lg-4 col-md-5 text-center">
<img src="demos/finance/images/users.svg" alt="Users Icon" class="mb-5" height="100">
<h3 class="font-body h2 mb-4 color">Accountant Experts</h3>
<p class="text-larger fw-normal text-muted mb-0">Appropriately parallel task mission-critical communities after team building quality vectors seamlessly promote.</p>
</div>
</div>
<div class="row mt-6">
<div class="col-12 text-center mt-0 mt-md-4">
<a href="#" class="btn text-larger px-5 py-3 btn-dark bg-color rounded-pill"><i class="bi-calendar color-2 me-2 position-relative" style="top: 1px"></i>Book a Schedule</a>
</div>
</div>
</div>
</div>
<div class="container bg-color p-5 p-lg-6 mb-6" style="border-radius: 10px">
<div class="row justify-content-around">
<div class="col-lg-7 dark">
<h3 class="mb-4 display-4 text-transform-none ls-0 fw-semibold">Contact Us</h3>
<p class="mw-xs lead op-07 mb-5">Energistically syndicate team building synergy after efficient human capital. Assertively underwhelm sticky solutions.</p>
<div class="feature-box fbox-sm mb-4">
<div class="fbox-icon">
<i class="bi-geo-alt bg-color-2 color"></i>
</div>
<div class="fbox-content">
<h4 class="text-transform-none font-body fw-normal mb-0">
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
</h4>
</div>
</div>
<div class="feature-box fbox-sm align-items-center mb-4">
<div class="fbox-icon">
<i class="bi-telephone-outbound bg-color-2 color"></i>
</div>
<div class="fbox-content">
<h4 class="text-transform-none font-body fw-normal mb-0"><a class="text-white" href="tel:+122-55412474">(1) 22 55412474</a></h4>
</div>
</div>
<div class="feature-box fbox-sm align-items-center mb-4">
<div class="fbox-icon">
<i class="bi-envelope bg-color-2 color"></i>
</div>
<div class="fbox-content">
<h4 class="text-transform-none font-body fw-normal mb-0"><a class="text-white" href="mailto:[email protected]">[email protected]</a></h4>
</div>
</div>
<div class="feature-box fbox-sm">
<div class="fbox-icon">
<i class="bi-clock bg-color-2 color"></i>
</div>
<div class="fbox-content">
<h4 class="text-transform-none font-body fw-normal mb-0"><a class="text-white" href="mailto:[email protected]">Mon-Fri: 10:00-18:00 <br> Sat-Sun: 10:00-14:00</a></h4>
</div>
</div>
</div>
<div class="col-lg-5 mt-5 mt-lg-0">
<div class="card border-0 shadow-lg p-4">
<div class="card-body py-4">
<div class="form-widget">
<div class="form-result"></div>
<form class="mb-0" id="template-contactform" name="template-contactform" action="include/form.php" method="post">
<div class="form-process">
<div class="css3-spinner">
<div class="css3-spinner-scaler"></div>
</div>
</div>
<div class="row">
<div class="col-12 form-group mb-4">
<label for="template-contactform-name">Name <small>*</small></label>
<input type="text" id="template-contactform-name" name="template-contactform-name" value="" class="form-control required">
</div>
<div class="col-12 form-group mb-4">
<label for="template-contactform-email">Email<small>*</small></label>
<input type="email" id="template-contactform-email" name="template-contactform-email" value="" class="required email form-control">
</div>
<div class="col-12 form-group mb-4">
<label for="template-contactform-message">Message <small>*</small></label>
<textarea class="required form-control" id="template-contactform-message" name="template-contactform-message" rows="4" cols="30"></textarea>
</div>
<div class="col-12 form-group mb-4 d-none">
<input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="form-control">
</div>
<div class="col-12 form-group mb-0">
<button class="btn text-larger btn-dark bg-color px-4 py-2 rounded-pill" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit"><i class="bi-envelope color-2 ms-1"></i> Send Message</button>
</div>
</div>
<input type="hidden" name="prefix" value="template-contactform-">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="container my-5">
<div class="heading-block mw-xs mx-auto text-center mb-6">
<h5 class="font-body text-uppercase ls-2 color-2">Testimonials</h5>
<h3 class="color text-transform-none ls-0">What Our Clients say</h3>
</div>
<div class="row gutter-md-50">
<div class="col-lg-4 px-lg-5">
<div class="mb-4 color-2">
<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-semibold font-body color mb-4">The most comprehensive template collection on envato.</h3>
<p class="color op-06 fw-medium">"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-1 text-smaller fw-semibold">Company Inc.</div>
</div>
</div>
</div>
<div class="col-lg-4 px-lg-5 mt-5 mt-lg-0">
<div class="mb-4 color-2">
<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-semibold font-body color mb-4">Awesome Design & Customer Support.</h3>
<p class="color op-06 fw-medium">"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-1 text-smaller fw-semibold">Company Inc.</div>
</div>
</div>
</div>
<div class="col-lg-4 px-lg-5 mt-5 mt-lg-0">
<div class="mb-4 color-2">
<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-semibold font-body color mb-4">Flexibility and Feature Availability</h3>
<p class="color op-06 fw-medium">"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-1 text-smaller fw-semibold">Company Inc.</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="container mt-6 dotted-bg rounded-6" style="background-color: #2646531b;">
<div class="row align-items-center justify-content-between p-5 p-md-6">
<div class="col mb-5 mb-lg-0">
<h5 class="font-body h5 mb-3 op-07">Ready to Grow your Business?</h5>
<h2 class="font-body h1 mb-0">Best way to save your Money.</h2>
</div>
<div class="col-auto">
<a href="#" class="btn px-3 py-2 px-md-5 py-md-3 btn-dark bg-color rounded-pill"><i class="bi-calendar color-2 me-2 position-relative" style="top: 1px"></i>Book a Schedule</a>
<a href="#" class="btn px-3 py-2 px-md-5 py-md-3 bg-color-2 rounded-pill ms-2"><i class="bi-envelope color me-2 position-relative" style="top: 1px"></i>Contact Us</a>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="bg-white border-0">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row justify-content-between">
<div class="col-lg-3 mb-5 mb-lg-0">
<div class="widget">
<div class="fw-semibold font-primary color ls-3 h2 text-uppercase mb-4">Canvas<span class="color-2">.</span></div>
<p class="mb-4 op-07">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat sint veritatis, necessitatibus voluptatem.</p>
<a href="#" class="social-icon si-small bg-light 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-light 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-light 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-light h-bg-waze">
<i class="fa-brands fa-waze"></i>
<i class="fa-brands fa-waze"></i>
</a>
</div>
</div>
<div class="col-lg-7 d-flex justify-content-end">
<div class="row w-100">
<div class="col-lg-4 col-6">
<ul class="widget_links widget-li-noicon">
<li class="mb-2 fw-medium"><a href="#">Home</a></li>
<li class="mb-2 fw-medium"><a href="#">About</a></li>
<li class="mb-2 fw-medium"><a href="#">FAQs</a></li>
<li class="mb-2 fw-medium"><a href="#">Support</a></li>
</ul>
</div>
<div class="col-lg-4 col-6">
<ul class="widget_links widget-li-noicon">
<li class="mb-2 fw-medium"><a href="#">Shop</a></li>
<li class="mb-2 fw-medium"><a href="#">Portfolio</a></li>
<li class="mb-2 fw-medium"><a href="#">Blog</a></li>
</ul>
</div>
<div class="col-lg-4 col-6">
<ul class="widget_links widget-li-noicon">
<li class="mb-2 fw-medium"><a href="#">Corporate</a></li>
<li class="mb-2 fw-medium"><a href="#">Agency</a></li>
<li class="mb-2 fw-medium"><a href="#">eCommerce</a></li>
</ul>
</div>
</div>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights" class="bg-white">
<div class="container">
<div class="row justify-content-between">
<div class="col">
<span class="text-black-50">© 2023 All Rights Reserved by Canvas Inc.</span>
</div>
<div class="col text-end">
<div class="copyright-links"><a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></div>
</div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-double-up bg-color h-bg-color-2 shadow rounded-circle"></div>
<!-- JavaScripts
============================================= -->
<script src="js/jquery.js"></script>
<script src="js/functions.js"></script>
<script>
jQuery(document).ready( function(){
var lastScrollTop = 0;
window.addEventListener("scroll", function(event){
var st = jQuery(this).scrollTop();
if (st > lastScrollTop){
jQuery('#header.sticky-on-scrollup').removeClass('show-sticky-onscroll'); // Down Scroll
} else {
jQuery('#header.sticky-on-scrollup').addClass('show-sticky-onscroll'); // Up Scroll
}
lastScrollTop = st;
});
jQuery('.services-grid .feature-box').hover(
function () {
jQuery(this).addClass("dark");
},
function () {
jQuery(this).removeClass("dark");
}
);
});
</script>
</body>
</html>