568 lines
20 KiB
HTML
568 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="">
|
|
<meta name="keywords" content="">
|
|
<title>Mono - Media Agency 4</title>
|
|
<!-- Favicon -->
|
|
<link href="../assets/images/favicon.png" rel="shortcut icon">
|
|
<!-- CSS -->
|
|
<link href="../assets/plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
|
|
<link href="../assets/plugins/owl-carousel/owl.carousel.min.css" rel="stylesheet">
|
|
<link href="../assets/plugins/owl-carousel/owl.theme.default.min.css" rel="stylesheet">
|
|
<link href="../assets/plugins/magnific-popup/magnific-popup.min.css" rel="stylesheet">
|
|
<link href="../assets/plugins/scrollcue/scrollcue.css" rel="stylesheet">
|
|
<link href="../assets/plugins/swiper/swiper-bundle.min.css" rel="stylesheet">
|
|
<link href="../assets/css/theme.css" rel="stylesheet">
|
|
<!-- Fonts/Icons -->
|
|
<link href="../assets/plugins/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
|
<link href="../assets/plugins/font-awesome/css/all.css" rel="stylesheet">
|
|
</head>
|
|
<body data-preloader="1-dark">
|
|
|
|
<!-- Header -->
|
|
<div class="header transparent-light">
|
|
<div class="container">
|
|
<!-- Logo -->
|
|
<div class="header-logo">
|
|
<h3 class="font-family-outfit uppercase letter-spacing-1"><a href="#">mono</a></h3>
|
|
</div>
|
|
<!-- Fullscreen Menu Toggle -->
|
|
<button class="fm-toggle">
|
|
<span class="lines"></span>
|
|
</button>
|
|
</div><!-- end container -->
|
|
</div>
|
|
|
|
<!-- Fullscreen Menu -->
|
|
<div class="fullscreen-menu bg-black"><!-- Add your background class here -->
|
|
<div class="fm-wrapper">
|
|
<div class="position-top">
|
|
<ul class="list-unstyled uppercase">
|
|
<li>
|
|
<h2 class="letter-spacing-1 font-family-outfit"><a class="text-link-2" href="#">Home</a></h2>
|
|
</li>
|
|
<li>
|
|
<h2 class="letter-spacing-1 font-family-outfit"><a class="text-link-2" href="#">About</a></h2>
|
|
</li>
|
|
<li>
|
|
<h2 class="letter-spacing-1 font-family-outfit"><a class="text-link-2" href="#">Portfolio</a></h2>
|
|
</li>
|
|
<li>
|
|
<h2 class="letter-spacing-1 font-family-outfit"><a class="text-link-2" href="#">Blog</a></h2>
|
|
</li>
|
|
<li>
|
|
<h2 class="letter-spacing-1 font-family-outfit"><a class="text-link-2" href="#">Shop</a></h2>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="position-bottom">
|
|
<ul class="list-inline-sm">
|
|
<li><a class="button-circle button-circle-sm button-circle-white-2" href="#"><i class="bi bi-facebook"></i></a></li>
|
|
<li><a class="button-circle button-circle-sm button-circle-white-2" href="#"><i class="bi bi-twitter-x"></i></a></li>
|
|
<li><a class="button-circle button-circle-sm button-circle-white-2" href="#"><i class="bi bi-pinterest"></i></a></li>
|
|
<li><a class="button-circle button-circle-sm button-circle-white-2" href="#"><i class="bi bi-instagram"></i></a></li>
|
|
</ul>
|
|
<p class="mt-3">© 2025 FlaTheme, All Rights Reserved.</p>
|
|
</div>
|
|
<!-- Close button -->
|
|
<button class="fm-close">
|
|
<span></span>
|
|
</button>
|
|
</div><!-- end fm-wrapper -->
|
|
</div><!-- end fullscreen-menu -->
|
|
|
|
<!-- Hero section -->
|
|
<div class="section-fullscreen bg-black">
|
|
<div class="container text-end">
|
|
<div class="position-middle">
|
|
<div class="border-end border-bottom border-white d-inline-block p-5">
|
|
<h1 class="display-1 font-family-outfit fw-normal uppercase letter-spacing-3 line-height-140 m-0">We Bring<br> <span class="fw-semi-bold stroke-text">Imagination</span><br>To Life</h1>
|
|
</div>
|
|
</div>
|
|
<!-- smoothscroll button -->
|
|
<div class="position-bottom">
|
|
<a class="icon-xl" href="#about">
|
|
<i class="bi bi-arrow-down"></i>
|
|
</a>
|
|
</div>
|
|
</div><!-- end container -->
|
|
</div>
|
|
<!-- end Hero section -->
|
|
|
|
<!-- About section -->
|
|
<div id="about" class="section-lg">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-12 col-md-4">
|
|
<div class="mb-5">
|
|
<h2 class="display-5 font-family-outfit fw-semi-bold uppercase m-0 stroke-text opacity-50">About Us</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-8">
|
|
<div class="mb-4">
|
|
<h2 class="fw-light">We believe that teamwork divides the tasks and multiplies the success</h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
|
|
</div>
|
|
<!-- Progress bars -->
|
|
<div class="row g-4">
|
|
<!-- Progress bar box 1 -->
|
|
<div class="col-12 col-md-6">
|
|
<div class="progress-box">
|
|
<h6 class="fw-medium">Production</h6>
|
|
<div class="animated-progress">
|
|
<div data-progress="96"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Progress bar box 2 -->
|
|
<div class="col-12 col-md-6">
|
|
<div class="progress-box">
|
|
<h6 class="fw-medium">Branding</h6>
|
|
<div class="animated-progress">
|
|
<div data-progress="88"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Progress bar box 3 -->
|
|
<div class="col-12 col-md-6">
|
|
<div class="progress-box">
|
|
<h6 class="fw-medium">Copywriting</h6>
|
|
<div class="animated-progress">
|
|
<div data-progress="90"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Progress bar box 4 -->
|
|
<div class="col-12 col-md-6">
|
|
<div class="progress-box">
|
|
<h6 class="fw-medium">Consulting</h6>
|
|
<div class="animated-progress">
|
|
<div data-progress="94"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- end row(inner) -->
|
|
<!-- end Progress bars -->
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
<!-- end About section -->
|
|
|
|
<!-- Facts section -->
|
|
<div class="section-lg bg-image parallax" data-bg-src="../assets/images/background.jpg">
|
|
<div class="bg-dark-06">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<!-- Counter box 1 -->
|
|
<div class="col-12 col-sm-6 col-md-3">
|
|
<h1 class="fw-light"><span class="counter">119</span>+</h1>
|
|
<h6 class="font-small fw-normal uppercase mt-2">Projects Done</h6>
|
|
<p>Aenean commodo ligula eget dolor. Aenean massa.</p>
|
|
</div>
|
|
<!-- Counter box 2 -->
|
|
<div class="col-12 col-sm-6 col-md-3">
|
|
<h1 class="fw-light counter">79</h1>
|
|
<h6 class="font-small fw-normal uppercase mt-2">Employees</h6>
|
|
<p>Aenean commodo ligula eget dolor. Aenean massa.</p>
|
|
</div>
|
|
<!-- Counter box 3 -->
|
|
<div class="col-12 col-sm-6 col-md-3">
|
|
<h1 class="fw-light"><span class="counter">1000</span>+</h1>
|
|
<h6 class="font-small fw-normal uppercase mt-2">Happy Clients</h6>
|
|
<p>Aenean commodo ligula eget dolor. Aenean massa.</p>
|
|
</div>
|
|
<!-- Counter box 4 -->
|
|
<div class="col-12 col-sm-6 col-md-3">
|
|
<h1 class="fw-light counter">214</h1>
|
|
<h6 class="font-small fw-normal uppercase mt-2">Hours of Meeting</h6>
|
|
<p>Aenean commodo ligula eget dolor. Aenean massa.</p>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
</div>
|
|
<!-- end Facts section -->
|
|
|
|
<!-- Portfolio section -->
|
|
<div class="section-lg">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-12 col-md-4">
|
|
<div class="mb-5">
|
|
<h2 class="display-5 font-family-outfit fw-semi-bold uppercase m-0 stroke-text opacity-50">Our Works</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-8">
|
|
<div class="portfolio-masonry column-2 spacing-1 hover-style-1">
|
|
<!-- Portfolio box 1 -->
|
|
<div class="portfolio-item">
|
|
<div class="portfolio-box">
|
|
<div class="portfolio-img">
|
|
<img src="../assets/images/col-2-square.jpg" alt=""><!-- Image source -->
|
|
</div>
|
|
<a href="#"></a><!-- Portfolio Single link -->
|
|
<div class="portfolio-title">
|
|
<div>
|
|
<h4 class="fw-normal">Project Title</h4>
|
|
<span>Category</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio box 2 -->
|
|
<div class="portfolio-item">
|
|
<div class="portfolio-box">
|
|
<div class="portfolio-img">
|
|
<img src="../assets/images/col-2.jpg" alt=""><!-- Image source -->
|
|
</div>
|
|
<a href="#"></a><!-- Portfolio Single link -->
|
|
<div class="portfolio-title">
|
|
<div>
|
|
<h4 class="fw-normal">Project Title</h4>
|
|
<span>Category</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio box 3 -->
|
|
<div class="portfolio-item">
|
|
<div class="portfolio-box">
|
|
<div class="portfolio-img">
|
|
<img src="../assets/images/col-2-square.jpg" alt=""><!-- Image source -->
|
|
</div>
|
|
<a href="#"></a><!-- Portfolio Single link -->
|
|
<div class="portfolio-title">
|
|
<div>
|
|
<h4 class="fw-normal">Project Title</h4>
|
|
<span>Category</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio box 4 -->
|
|
<div class="portfolio-item">
|
|
<div class="portfolio-box">
|
|
<div class="portfolio-img">
|
|
<img src="../assets/images/col-2.jpg" alt=""><!-- Image source -->
|
|
</div>
|
|
<a href="#"></a><!-- Portfolio Single link -->
|
|
<div class="portfolio-title">
|
|
<div>
|
|
<h4 class="fw-normal">Project Title</h4>
|
|
<span>Category</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end Portfolio box 4 -->
|
|
</div><!-- end row/portfolio-masonry -->
|
|
<!-- View More Button -->
|
|
<div class="text-end mt-4">
|
|
<a class="button-text-2" href="#">View More Works</a>
|
|
</div>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
<!-- end Portfolio section -->
|
|
|
|
<!-- Services section -->
|
|
<div class="section-lg bg-dark-lighter">
|
|
<div class="container">
|
|
<div class="row g-4 g-lg-5 icon-5xl">
|
|
<!-- Icon text box 1 -->
|
|
<div class="col-12 col-md-4">
|
|
<div class="mb-3">
|
|
<i class="bi bi-camera text-white"></i>
|
|
</div>
|
|
<h4 class="fw-normal">Production</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
|
|
</div>
|
|
<!-- Icon text box 2 -->
|
|
<div class="col-12 col-md-4">
|
|
<div class="mb-3">
|
|
<i class="bi bi-globe text-white"></i>
|
|
</div>
|
|
<h4 class="fw-normal">Social Marketing</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
|
|
</div>
|
|
<!-- Icon text box 3 -->
|
|
<div class="col-12 col-md-4">
|
|
<div class="mb-3">
|
|
<i class="bi bi-star text-white"></i>
|
|
</div>
|
|
<h4 class="fw-normal">Branding</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
<!-- end Services section -->
|
|
|
|
<!-- Team section -->
|
|
<div class="section-lg">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-12 col-md-4">
|
|
<div class="mb-5">
|
|
<h2 class="display-5 font-family-outfit fw-semi-bold uppercase m-0 stroke-text opacity-50">Our Team</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-8">
|
|
<div class="row g-2 team-wrapper">
|
|
<!-- Team box 1 -->
|
|
<div class="col-12 col-md-6 col-lg-4 team-box">
|
|
<div class="team-img">
|
|
<img src="../assets/images/col-2-square.jpg" alt=""><!-- image source -->
|
|
<!-- social links -->
|
|
<div>
|
|
<ul>
|
|
<li><a href="#"><i class="bi bi-facebook"></i></a></li>
|
|
<li><a href="#"><i class="bi bi-twitter-x"></i></a></li>
|
|
<li><a href="#"><i class="bi bi-pinterest"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<h5 class="fw-normal m-0">Robert Vincent</h5>
|
|
<span>Founder</span>
|
|
</div>
|
|
</div>
|
|
<!-- Team box 2 -->
|
|
<div class="col-12 col-md-6 col-lg-4 team-box">
|
|
<div class="team-img">
|
|
<img src="../assets/images/col-2-square.jpg" alt=""><!-- image source -->
|
|
<!-- social links -->
|
|
<div>
|
|
<ul>
|
|
<li><a href="#"><i class="bi bi-facebook"></i></a></li>
|
|
<li><a href="#"><i class="bi bi-twitter-x"></i></a></li>
|
|
<li><a href="#"><i class="bi bi-pinterest"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<h5 class="fw-normal m-0">Brenda Johnson</h5>
|
|
<span>Co-Founder</span>
|
|
</div>
|
|
</div>
|
|
<!-- Team box 3 -->
|
|
<div class="col-12 col-md-6 col-lg-4 team-box">
|
|
<div class="team-img">
|
|
<img src="../assets/images/col-2-square.jpg" alt=""><!-- image source -->
|
|
<!-- social links -->
|
|
<div>
|
|
<ul>
|
|
<li><a href="#"><i class="bi bi-facebook"></i></a></li>
|
|
<li><a href="#"><i class="bi bi-twitter-x"></i></a></li>
|
|
<li><a href="#"><i class="bi bi-pinterest"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<h5 class="fw-normal m-0">Rodney Scott</h5>
|
|
<span>Developer</span>
|
|
</div>
|
|
</div>
|
|
<!-- Team box 4 -->
|
|
<div class="col-12 col-md-6 col-lg-4 team-box">
|
|
<div class="team-img">
|
|
<img src="../assets/images/col-2-square.jpg" alt=""><!-- image source -->
|
|
<!-- social links -->
|
|
<div>
|
|
<ul>
|
|
<li><a href="#"><i class="bi bi-facebook"></i></a></li>
|
|
<li><a href="#"><i class="bi bi-twitter-x"></i></a></li>
|
|
<li><a href="#"><i class="bi bi-pinterest"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<h5 class="fw-normal m-0">Michelle White</h5>
|
|
<span>Designer</span>
|
|
</div>
|
|
</div>
|
|
<!-- Team box 5 -->
|
|
<div class="col-12 col-md-6 col-lg-4 team-box">
|
|
<div class="team-img">
|
|
<img src="../assets/images/col-2-square.jpg" alt=""><!-- image source -->
|
|
<!-- social links -->
|
|
<div>
|
|
<ul>
|
|
<li><a href="#"><i class="bi bi-facebook"></i></a></li>
|
|
<li><a href="#"><i class="bi bi-twitter-x"></i></a></li>
|
|
<li><a href="#"><i class="bi bi-pinterest"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<h5 class="fw-normal m-0">Maria Parrish</h5>
|
|
<span>Photographer</span>
|
|
</div>
|
|
</div>
|
|
<!-- Team box 6 -->
|
|
<div class="col-12 col-md-6 col-lg-4 team-box">
|
|
<div class="team-img">
|
|
<img src="../assets/images/col-2-square.jpg" alt=""><!-- image source -->
|
|
<!-- social links -->
|
|
<div>
|
|
<ul>
|
|
<li><a href="#"><i class="bi bi-facebook"></i></a></li>
|
|
<li><a href="#"><i class="bi bi-twitter-x"></i></a></li>
|
|
<li><a href="#"><i class="bi bi-pinterest"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<h5 class="fw-normal m-0">Thomas Lueck</h5>
|
|
<span>Developer</span>
|
|
</div>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
<!-- end Team section -->
|
|
|
|
<!-- Clients section -->
|
|
<div class="section bg-gray-lighter">
|
|
<div class="container">
|
|
<div class="owl-carousel" data-owl-nav="true" data-owl-dots="false" data-owl-margin="50" data-owl-autoplay="true" data-owl-xs="1" data-owl-sm="2" data-owl-md="3" data-owl-lg="4" data-owl-xl="5">
|
|
<!-- Client box 1 -->
|
|
<div class="client-box">
|
|
<a href="#">
|
|
<img src="../assets/images/col-5.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<!-- Client box 2 -->
|
|
<div class="client-box">
|
|
<a href="#">
|
|
<img src="../assets/images/col-5.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<!-- Client box 3 -->
|
|
<div class="client-box">
|
|
<a href="#">
|
|
<img src="../assets/images/col-5.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<!-- Client box 4 -->
|
|
<div class="client-box">
|
|
<a href="#">
|
|
<img src="../assets/images/col-5.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<!-- Client box 5 -->
|
|
<div class="client-box">
|
|
<a href="#">
|
|
<img src="../assets/images/col-5.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<!-- Client box 6 -->
|
|
<div class="client-box">
|
|
<a href="#">
|
|
<img src="../assets/images/col-5.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<!-- Client box 7 -->
|
|
<div class="client-box">
|
|
<a href="#">
|
|
<img src="../assets/images/col-5.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
</div><!-- end owl-carousel -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
<!-- end Clients section -->
|
|
|
|
<!-- Parallax section -->
|
|
<div class="section-xl bg-image parallax" data-bg-src="../assets/images/background.jpg">
|
|
<div class="bg-dark-06">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-12 col-lg-8 col-xl-7">
|
|
<h1 class="display-4 font-family-outfit fw-normal uppercase letter-spacing-1">We Are Always Ready</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
|
|
</div>
|
|
<div class="col-12 col-lg-4 col-xl-5 text-lg-end">
|
|
<a class="button button-xl button-radius button-reveal-right-outline-white" href="#"><span>Get In Touch</span><i class="bi bi-arrow-right"></i></a>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
</div>
|
|
<!-- end Parallax section -->
|
|
|
|
<footer>
|
|
<div class="section-sm bg-dark">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-6 col-sm-6 col-lg-3">
|
|
<h3 class="uppercase letter-spacing-1">mono</h3>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-lg-3">
|
|
<h6 class="font-small fw-medium uppercase">Useful Links</h6>
|
|
<ul class="list-dash animate-links">
|
|
<li><a href="#">About us</a></li>
|
|
<li><a href="#">Team</a></li>
|
|
<li><a href="#">Prices</a></li>
|
|
<li><a href="#">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-lg-3">
|
|
<h6 class="font-small fw-medium uppercase">Additional Links</h6>
|
|
<ul class="list-dash animate-links">
|
|
<li><a href="#">Services</a></li>
|
|
<li><a href="#">Process</a></li>
|
|
<li><a href="#">FAQ</a></li>
|
|
<li><a href="#">Careers</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-lg-3">
|
|
<h6 class="font-small fw-medium uppercase">Contact Info</h6>
|
|
<ul class="list-unstyled">
|
|
<li>121 King St, Melbourne VIC 3000</li>
|
|
<li>contact@example.com</li>
|
|
<li>+(123) 456 789 01</li>
|
|
</ul>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
<div class="bg-black py-4">
|
|
<div class="container">
|
|
<div class="row align-items-center g-2 g-lg-3">
|
|
<div class="col-12 col-md-6 text-center text-md-start">
|
|
<p>© 2025 FlaTheme, All Rights Reserved.</p>
|
|
</div>
|
|
<div class="col-12 col-md-6 text-center text-md-end">
|
|
<ul class="list-inline-sm">
|
|
<li><a class="button-circle button-circle-sm button-circle-social-facebook" href="#"><i class="bi bi-facebook"></i></a></li>
|
|
<li><a class="button-circle button-circle-sm button-circle-social-twitter" href="#"><i class="bi bi-twitter-x"></i></a></li>
|
|
<li><a class="button-circle button-circle-sm button-circle-social-pinterest" href="#"><i class="bi bi-pinterest"></i></a></li>
|
|
<li><a class="button-circle button-circle-sm button-circle-social-instagram" href="#"><i class="bi bi-instagram"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scroll to top button -->
|
|
<div class="scrolltotop icon-lg">
|
|
<a class="button-circle button-circle-md button-circle-dark" href="#"><i class="bi bi-arrow-up-short"></i></a>
|
|
</div>
|
|
<!-- end Scroll to top button -->
|
|
|
|
<!-- ***** JAVASCRIPTS ***** -->
|
|
<script src="../assets/plugins/jquery.min.js"></script>
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
|
|
<script src="../assets/plugins/plugins.js"></script>
|
|
<script src="../assets/js/functions.js"></script>
|
|
</body>
|
|
</html> |