| 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=Quicksand:wght@300;400;500;700&family=Chewy&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.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/pet/pet.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Pet | Canvas</title>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" class="transparent-header dark" data-sticky-class="not-dark">
<div id="header-wrap">
<div class="container">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo">
<a href="demo-pet.html">
<img class="logo-default" srcset="demos/pet/images/logo.png, demos/pet/images/[email protected] 2x" src="demos/pet/images/[email protected]" alt="Canvas Logo">
<img class="logo-dark" srcset="demos/pet/images/logo-dark.png, demos/pet/images/[email protected] 2x" src="demos/pet/images/[email protected]" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
<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 class="menu-link" href="#"><div>About us</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Community</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>FAQs</div></a></li>
<li class="menu-item bg-color h-bg-dark px-xl-3"><a class="menu-link" href="#"><div>Register</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Slider
============================================= -->
<section id="slider" class="slider-element min-vh-60 min-vh-md-100 include-header" style="background: url('demos/pet/images/hero-image.jpg') center right no-repeat; background-size: cover;">
<div class="slider-inner">
<div class="vertical-middle">
<div class="container py-5">
<div class="emphasis-title dark m-0">
<h2 style="font-size: 40px; line-height: 1.4; font-weight: 600; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);">Dogs are not our whole Life,<br>But they make our Lives whole.</h2><br>
<p class="fw-light d-none d-md-block" style="font-size: 16px; opacity: .7;">Nisl blandit adipisci gravida blandit soluta, explicabo orci, distinctio <br>duis unde provident suspendisse orci? Recusandae! Proident,<br>quos do mi cupidatat.</p>
<a href="#" class="button button-large button-rounded ms-0">Join Us Now</a><span class="ms-4">+</span>
<a href="#" class="button bg-transparent shadow-none"><i class="bi-gift" style="width: 40px; font-size: 40px; top: 10px;"></i></a>
<br><em><small style="opacity: 0.4;">Every month a surprise gift*</small></em>
</div>
</div>
</div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap pt-0">
<div class="section m-0" style="background-color: #eef2f5;">
<div class="container">
<div class="heading-block text-center border-bottom-0 mb-5 mt-4 mx-auto" style="max-width: 640px">
<h3 class="text-transform-none font-secondary fw-normal" style="font-size: 36px;">What we Do</h3>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eum inventore consectetur dolorum, voluptatum possimus temporibus vel ab, nesciunt quod!</span>
</div>
<!-- Features colomns
============================================= -->
<div class="row align-items-stretch g-4">
<div class="col-lg-3 col-md-6">
<div class="feature-box media-box fbox-bg h-100">
<div class="fbox-media">
<a href="#"><img src="demos/pet/images/services/1.jpg" alt="Featured Box Image"></a>
</div>
<div class="fbox-content border-0">
<h3 class="text-transform-none ls-0 fw-semibold">Adopt a Dog<span class="subtitle fw-light ls-0">Globally parallel task premium infomediaries</span></h3>
<a href="#" class="button-link border-0 color">Read More</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature-box media-box fbox-bg h-100">
<div class="fbox-media">
<a href="#"><img src="demos/pet/images/services/2.jpg" alt="Featured Box Image"></a>
</div>
<div class="fbox-content border-0">
<h3 class="text-transform-none ls-0 fw-semibold">Pet Nutritionists<span class="subtitle fw-light ls-0">Energistically visualize market-driven.</span></h3>
<a href="#" class="button-link border-0 color">Read More</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature-box media-box fbox-bg h-100">
<div class="fbox-media">
<a href="#"><img src="demos/pet/images/services/3.jpg" alt="Featured Box Image"></a>
</div>
<div class="fbox-content border-0">
<h3 class="text-transform-none ls-0 fw-semibold">Find a Pet Sitter<span class="subtitle fw-light ls-0">Enthusiastically iterate enabled portals after.</span></h3>
<a href="#" class="button-link border-0 color">Read More</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature-box media-box fbox-bg h-100">
<div class="fbox-media">
<a href="#"><img src="demos/pet/images/services/4.jpg" alt="Featured Box Image"></a>
</div>
<div class="fbox-content border-0">
<h3 class="text-transform-none ls-0 fw-semibold">Health & Wellbeing<span class="subtitle fw-light ls-0">Enthusiastically iterate enabled portals after.</span></h3>
<a href="#" class="button-link border-0 color">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container mt-5">
<div class="row">
<div class="col-lg-6">
<div class="heading-block border-bottom-0 mt-4 mb-0">
<h2 class="font-secondary ls-1 text-transform-none fw-normal">Join to Happy Customers</h2>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates deserunt facere placeat est animi, sunt?</span>
<a href="#" class="button button-large button-rounded mt-4 ms-0">Join Us Now</a>
<div class="line line-sm"></div>
</div>
<div class="row">
<div class="col-md-4">
<div>
<div class="counter counter-small color"><span data-from="10" data-to="1136" data-refresh-interval="50" data-speed="1000"></span>+</div>
<h5 class="color fw-semibold text-transform-none mt-0" style="font-size: 16px;">Happy Customers</h5>
</div>
</div>
<div class="col-md-4">
<div>
<div class="counter counter-small" style="color: #22c1c3;"><span data-from="10" data-to="145" data-refresh-interval="50" data-speed="700"></span>+</div>
<h5 class="fw-semibold text-transform-none mt-0" style="color: #22c1c3; font-size: 16px;">Pets Hosted</h5>
</div>
</div>
<div class="col-md-4">
<div>
<div class="counter counter-small" style="color: #BD3F32;"><span data-from="10" data-to="50" data-refresh-interval="85" data-speed="1200"></span>+</div>
<h5 class="fw-semibold text-transform-none mt-0" style="color: #BD3F32; font-size: 16px;">Professionals</h5>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div id="oc-testi" class="owl-carousel testimonials-carousel carousel-widget" data-nav="false" data-animate-in="slideInUp" data-animate-out="slideOutUp" data-autoplay="5000" data-loop="true" data-stage-padding="5" data-margin="10" data-items-sm="1" data-items-md="1" data-items-xl="1">
<div class="oc-item">
<div class="card border-light shadow-sm mb-3">
<div class="card-body">
<div class="row">
<div class="col-auto">
<img class="rounded-circle" width="60" height="60" src="demos/pet/images/testimonials/1.jpg" alt="Customer Testimonails">
</div>
<div class="col">
<p class="mb-3 fw-medium">"Ligula scelerisque, tempus dicta eros dolorum itaque fugit, tempore pellentesque, leo dolor, aenean, inceptos aptent nostra adipisci harum etiam explicabo."</p>
<h5 class="ls-1 text-uppercase mb-0">John Doe ·
<small class="op-07 fw-normal text-capitalize">XYZ Inc.</small>
</h5>
</div>
</div>
</div>
</div>
<div class="card border-light shadow-sm mb-3">
<div class="card-body">
<div class="row">
<div class="col-auto">
<img class="rounded-circle" width="60" height="60" src="demos/pet/images/testimonials/2.jpg" alt="Customer Testimonails">
</div>
<div class="col">
<p class="mb-3 fw-medium">"Sint quae anim enim quaerat! Assumenda esse metus torquent, senectus similique tempor? Massa lacus a, dignissim sequi officiis, elementum non."</p>
<h5 class="ls-1 text-uppercase mb-0">John Doe ·
<small class="op-07 fw-normal text-capitalize">XYZ Inc.</small>
</h5>
</div>
</div>
</div>
</div>
</div>
<div class="oc-item">
<div class="card border-light shadow-sm mb-3">
<div class="card-body">
<div class="row">
<div class="col-auto">
<img class="rounded-circle" width="60" height="60" src="demos/pet/images/testimonials/3.jpg" alt="Customer Testimonails">
</div>
<div class="col">
<p class="mb-3 fw-medium">"Placeat ultrices perferendis omnis consequat molestie quos pretium! Donec deserunt ratione ultrices laborum vehicula rutrum deserunt! Torquent officiis? Et occaecati."</p>
<h5 class="ls-1 text-uppercase mb-0">John Doe ·
<small class="op-07 fw-normal text-capitalize">XYZ Inc.</small>
</h5>
</div>
</div>
</div>
</div>
<div class="card border-light shadow-sm mb-3">
<div class="card-body">
<div class="row">
<div class="col-auto">
<img class="rounded-circle" width="60" height="60" src="demos/pet/images/testimonials/4.jpg" alt="Customer Testimonails">
</div>
<div class="col">
<p class="mb-3 fw-medium">"Occaecat autem turpis mollis ac nam cubilia, culpa adipiscing per cubilia porta fugit numquam dignissim sequi. Aspernatur aliquip. Ornare molestias."</p>
<h5 class="ls-1 text-uppercase mb-0">John Doe ·
<small class="op-07 fw-normal text-capitalize">XYZ Inc.</small>
</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mb-0">
<div class="heading-block text-center border-bottom-0 mb-0 mx-auto" style="max-width: 640px">
<h3 class="text-transform-none font-secondary fw-normal" style="font-size: 36px;">Gallery</h3>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eum inventore consectetur dolorum, voluptatum possimus temporibus vel.</span>
</div>
</div>
<div class="masonry-thumbs row row-cols-6 grid-container" data-big="3" data-lightbox="gallery">
<a class="grid-item" href="demos/pet/images/gallery/1.jpg" data-lightbox="gallery-item">
<div class="grid-inner">
<img src="demos/pet/images/gallery/thumbs/1.jpg" alt="Gallery Thumb 1">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="uil uil-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>
<a class="grid-item" href="demos/pet/images/gallery/2.jpg" data-lightbox="gallery-item">
<div class="grid-inner">
<img src="demos/pet/images/gallery/thumbs/2.jpg" alt="Gallery Thumb 2">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="uil uil-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>
<a class="grid-item" href="demos/pet/images/gallery/3.jpg" data-lightbox="gallery-item">
<div class="grid-inner">
<img src="demos/pet/images/gallery/thumbs/3.jpg" alt="Gallery Thumb 3">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="uil uil-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>
<a class="grid-item" href="demos/pet/images/gallery/4.jpg" data-lightbox="gallery-item">
<div class="grid-inner">
<img src="demos/pet/images/gallery/thumbs/4.jpg" alt="Gallery Thumb 4">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="uil uil-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>
<a class="grid-item" href="demos/pet/images/gallery/5.jpg" data-lightbox="gallery-item">
<div class="grid-inner">
<img src="demos/pet/images/gallery/thumbs/5.jpg" alt="Gallery Thumb 5">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="uil uil-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>
<a class="grid-item" href="demos/pet/images/gallery/6.jpg" data-lightbox="gallery-item">
<div class="grid-inner">
<img src="demos/pet/images/gallery/thumbs/6.jpg" alt="Gallery Thumb 6">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="uil uil-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>
<a class="grid-item" href="demos/pet/images/gallery/7.jpg" data-lightbox="gallery-item">
<div class="grid-inner">
<img src="demos/pet/images/gallery/thumbs/7.jpg" alt="Gallery Thumb 7">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="uil uil-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>
<a class="grid-item" href="demos/pet/images/gallery/8.jpg" data-lightbox="gallery-item">
<div class="grid-inner">
<img src="demos/pet/images/gallery/thumbs/8.jpg" alt="Gallery Thumb 8">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="uil uil-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>
<a class="grid-item" href="demos/pet/images/gallery/9.jpg" data-lightbox="gallery-item">
<div class="grid-inner">
<img src="demos/pet/images/gallery/thumbs/9.jpg" alt="Gallery Thumb 9">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="uil uil-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>
<a class="grid-item" href="demos/pet/images/gallery/10.jpg" data-lightbox="gallery-item">
<div class="grid-inner">
<img src="demos/pet/images/gallery/thumbs/10.jpg" alt="Gallery Thumb 10">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="uil uil-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>
<a class="grid-item" href="demos/pet/images/gallery/11.jpg" data-lightbox="gallery-item">
<div class="grid-inner">
<img src="demos/pet/images/gallery/thumbs/11.jpg" alt="Gallery Thumb 11">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="uil uil-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>
<a class="grid-item" href="demos/pet/images/gallery/12.jpg" data-lightbox="gallery-item">
<div class="grid-inner">
<img src="demos/pet/images/gallery/thumbs/12.jpg" alt="Gallery Thumb 12">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="uil uil-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>
<a class="grid-item" href="demos/pet/images/gallery/13.jpg" data-lightbox="gallery-item">
<div class="grid-inner">
<img src="demos/pet/images/gallery/thumbs/13.jpg" alt="Gallery Thumb 13">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="uil uil-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>
<a class="grid-item" href="demos/pet/images/gallery/14.jpg" data-lightbox="gallery-item">
<div class="grid-inner">
<img src="demos/pet/images/gallery/thumbs/14.jpg" alt="Gallery Thumb 14">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="uil uil-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>
<a class="grid-item" href="demos/pet/images/gallery/15.jpg" data-lightbox="gallery-item">
<div class="grid-inner">
<img src="demos/pet/images/gallery/thumbs/15.jpg" alt="Gallery Thumb 15">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="uil uil-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>
</div>
<div class="section m-0 bg-transparent">
<div class="container">
<div class="heading-block text-center border-bottom-0 mx-auto" style="max-width: 640px">
<h3 class="text-transform-none font-secondary fw-normal" style="font-size: 36px;">Our Products</h3>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eum inventore consectetur dolorum, voluptatum possimus temporibus vel.</span>
</div>
<div class="row mt-5">
<div class="col-lg-5 d-none d-lg-block">
<img src="demos/pet/images/others/1.png" alt="Dogs">
</div>
<div class="col-lg-7 col-md-12">
<div class="row">
<div class="col-md-4 col-6">
<div class="product">
<div class="product-image shadow-none">
<a href="#"><img src="demos/pet/images/products/1.jpg" alt="High-Heel Girl's Sandals"></a>
</div>
<div class="product-desc text-center">
<div class="product-title"><h3><a href="#">Natural Dog Food</a></h3></div>
<div class="product-price"><ins>$11.49</ins></div>
</div>
</div>
</div>
<div class="col-md-4 col-6">
<div class="product">
<div class="product-image shadow-none">
<a href="#"><img src="demos/pet/images/products/2.jpg" alt="High-Heel Girl's Sandals"></a>
</div>
<div class="product-desc text-center">
<div class="product-title"><h3><a href="#">Dry Dog Food</a></h3></div>
<div class="product-price"><ins>$13.99</ins></div>
</div>
</div>
</div>
<div class="col-md-4 col-6">
<div class="product">
<div class="product-image shadow-none">
<a href="#"><img src="demos/pet/images/products/3.jpg" alt="High-Heel Girl's Sandals"></a>
</div>
<div class="product-desc text-center">
<div class="product-title"><h3><a href="#">Canvas Dog Food</a></h3></div>
<div class="product-price"><ins>$14.49</ins></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section dark parallax m-0" style="padding: 140px 0;">
<img src="demos/pet/images/others/section-bg.jpg" class="parallax-bg">
<div class="container text-center">
<div class="row">
<div class="col-lg-6">
<div class="heading-block border-bottom-0 mb-0">
<div class="before-heading text-lowercase ls-1 text-white fw-normal">want to Adopt your a best friend?</div>
<h3 class="text-transform-none font-secondary fw-normal" style="font-size: 32px;">Unconditional love is as close as your nearest Shelter.</h3>
<a href="#" class="button button-large button-circle button-border button-white button-light mt-4 ms-0">Get a Pet Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="container mt-6">
<div class="heading-block text-center border-bottom-0 mx-auto" style="max-width: 640px">
<h3 class="text-transform-none font-secondary fw-normal" style="font-size: 36px;">Need Help?</h3>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eum inventore consectetur dolorum, voluptatum possimus temporibus vel.</span>
</div>
<div class="row contact-properties">
<div class="col-md-4">
<a href="#" style="background: url('demos/pet/images/help/1.jpg') no-repeat center center; background-size: cover;">
<div class="vertical-middle dark text-center">
<div class="heading-block m-0 border-0">
<h3 class="text-capitalize fw-normal font-secondary">Hire a Pet Sitter</h3>
<span style="margin-top: 100px; font-size: 17px; font-weight: 500;">
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107
</span>
</div>
</div>
</a>
</div>
<div class="col-md-4">
<a href="#" style="background: url('demos/pet/images/help/2.jpg') no-repeat center center; background-size: cover;">
<div class="vertical-middle dark text-center">
<div class="heading-block m-0 border-0">
<h3 class="text-capitalize fw-normal font-secondary">Report a Stray Dog</h3>
<span style="margin-top: 100px; font-size: 17px; font-weight: 500;">
call us<br>
+1-111-222-333
</span>
</div>
</div>
</a>
</div>
<div class="col-md-4">
<a href="#" style="background: url('demos/pet/images/help/3.jpg') no-repeat center center; background-size: cover;">
<div class="vertical-middle dark text-center">
<div class="heading-block m-0 border-0">
<h3 class="text-capitalize fw-normal font-secondary">Report Harassment Dog</h3>
<span style="margin-top: 100px; font-size: 17px; font-weight: 500;">
Email us<br>
[email protected]
</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="dark">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row col-mb-50">
<div class="col-sm-6 col-lg-3">
<div class="widget">
<p>We believe in <strong>Simple</strong>, <strong>Creative</strong> & <strong>Flexible</strong> Design Standards.</p>
<div style="background: url('images/world-map.png') no-repeat center center; background-size: 100%;">
<address>
<strong>Headquarters:</strong><br>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
</address>
<abbr title="Phone Number"><strong>Phone:</strong></abbr> (1) 8547 632521<br>
<abbr title="Fax"><strong>Fax:</strong></abbr> (1) 11 4752 1433<br>
<abbr title="Email Address"><strong>Email:</strong></abbr> [email protected]
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="widget widget_links">
<h4>Blogroll</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>
<li><a href="https://wordpress.org/news/">Canvas Blog</a></li>
<li><a href="https://planet.wordpress.org/">Canvas Planet</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="widget widget_links">
<h4>Blogroll</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>
<li><a href="https://wordpress.org/news/">Canvas Blog</a></li>
<li><a href="https://planet.wordpress.org/">Canvas Planet</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="widget text-center" style="border: 2px dashed #AAA; padding: 30px">
<h3>Exclusive Sale<br>
Get <span style="font-size: 40px;">20%</span> Off*</h3>
<span>Coupon code: <strong>lovecanvas</strong></span><br>
<em style="color: #999;"><small>(First time Register only)</small></em>
</div>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<div class="line m-0"></div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container">
<div class="row justify-content-between align-items-center col-mb-30">
<div class="col-12 col-lg-auto text-center text-lg-start">
Copyrights © 2023 All Rights Reserved by Canvas Inc.
</div>
<div class="col-12 col-lg-auto text-center text-lg-end">
<div class="d-flex">
<a href="#" class="social-icon si-small text-white 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 text-white bg-twitter">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-google">
<i class="fa-brands fa-google"></i>
<i class="fa-brands fa-google"></i>
</a>
<a href="#" class="social-icon si-small text-white 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 text-white 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 text-white bg-github">
<i class="fa-brands fa-github"></i>
<i class="fa-brands fa-github"></i>
</a>
<a href="#" class="social-icon si-small text-white bg-yahoo">
<i class="fa-brands fa-yahoo"></i>
<i class="fa-brands fa-yahoo"></i>
</a>
<a href="#" class="social-icon si-small text-white 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 -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div>
<!-- JavaScripts
============================================= -->
<script src="js/functions.js"></script>
</body>
</html>