Add Mono theme
This commit is contained in:
kbe
382
docs/Mono v10.0.1 HTML5/Mono v10.0.1/1. Home Pages/resume-2.html
Normal file
382
docs/Mono v10.0.1 HTML5/Mono v10.0.1/1. Home Pages/resume-2.html
Normal file
@@ -0,0 +1,382 @@
|
||||
<!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 - Resume 2</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">
|
||||
<link href="../assets/css/theme-colors/theme-color-turquoise.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 class="theme-color-turquoise preloader-theme" data-preloader="1">
|
||||
|
||||
<!-- Header -->
|
||||
<div class="header header-lg transparent-dark">
|
||||
<div class="container-fluid">
|
||||
<!-- Logo -->
|
||||
<div class="header-logo">
|
||||
<h3 class="uppercase letter-spacing-1"><a href="#">mono</a></h3>
|
||||
<!--
|
||||
<img class="logo-dark" src="../assets/images/your-logo-dark.png" alt="">
|
||||
<img class="logo-light" src="../assets/images/your-logo-light.png" alt="">
|
||||
-->
|
||||
</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-middle">
|
||||
<div class="container">
|
||||
<div class="row g-4">
|
||||
<div class="col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<h1><a class="text-link-6" href="#">Home</a></h1>
|
||||
</li>
|
||||
<li>
|
||||
<h1><a class="text-link-6" href="#">About</a></h1>
|
||||
</li>
|
||||
<li>
|
||||
<h1><a class="text-link-6" href="#">Portfolio</a></h1>
|
||||
</li>
|
||||
<li>
|
||||
<h1><a class="text-link-6" href="#">Blog</a></h1>
|
||||
</li>
|
||||
<li>
|
||||
<h1><a class="text-link-6" href="#">Shop</a></h1>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- end row -->
|
||||
</div><!-- end container -->
|
||||
</div><!-- end position-middle -->
|
||||
<!-- Close button -->
|
||||
<button class="fm-close">
|
||||
<span></span>
|
||||
</button>
|
||||
</div><!-- end fm-wrapper -->
|
||||
</div><!-- end fullscreen-menu -->
|
||||
|
||||
<!-- Hero section -->
|
||||
<div class="section-lg bg-image bg-fade-white-top" data-bg-src="../assets/images/background.jpg">
|
||||
<div class="bg-white-07 backdrop-filter-blur">
|
||||
<div class="container">
|
||||
<div class="row align-items-center g-5">
|
||||
<div class="col-12 col-lg-4">
|
||||
<img class="box-shadow" src="../assets/images/col-2-tall.jpg" alt="">
|
||||
</div>
|
||||
<div class="col-12 col-lg-8">
|
||||
<h1 class="fw-normal m-0">Brenda Gillen</h1>
|
||||
<ul class="list-inline-dash font-family-poppins font-small fw-normal letter-spacing-1 uppercase mb-3">
|
||||
<li>Entrepreneur</li>
|
||||
<li>Photographer</li>
|
||||
</ul>
|
||||
<ul class="list-inline mb-3">
|
||||
<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>
|
||||
<li><a href="#"><i class="bi bi-instagram"></i></a></li>
|
||||
</ul>
|
||||
<p>Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.</p>
|
||||
<!-- Skills -->
|
||||
<div class="row g-4 mt-4">
|
||||
<!-- Progress bar box 1 -->
|
||||
<div class="col-12 col-lg-6">
|
||||
<div class="progress-box progress-theme">
|
||||
<h6 class="fw-medium">Social Marketing</h6>
|
||||
<div class="animated-progress">
|
||||
<div data-progress="94"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Progress bar box 2 -->
|
||||
<div class="col-12 col-lg-6">
|
||||
<div class="progress-box progress-theme">
|
||||
<h6 class="fw-medium">Sales Training</h6>
|
||||
<div class="animated-progress">
|
||||
<div data-progress="88"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Progress bar box 3 -->
|
||||
<div class="col-12 col-lg-6">
|
||||
<div class="progress-box progress-theme">
|
||||
<h6 class="fw-medium">Copywriting</h6>
|
||||
<div class="animated-progress">
|
||||
<div data-progress="92"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Progress bar box 4 -->
|
||||
<div class="col-12 col-lg-6">
|
||||
<div class="progress-box progress-theme">
|
||||
<h6 class="fw-medium">Consulting</h6>
|
||||
<div class="animated-progress">
|
||||
<div data-progress="90"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- end inner row -->
|
||||
</div>
|
||||
</div><!-- end row -->
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end Hero section -->
|
||||
|
||||
<!-- Services section -->
|
||||
<div class="section-lg pt-0">
|
||||
<div class="container">
|
||||
<div class="mb-5">
|
||||
<h2 class="fw-normal">What I Do</h2>
|
||||
</div>
|
||||
<div class="row icon-5xl g-4">
|
||||
<!-- Icon text box 1 -->
|
||||
<div class="col-12 col-md-4">
|
||||
<i class="bi bi-star text-color-theme"></i>
|
||||
<h5 class="fw-normal mt-2">Branding</h5>
|
||||
<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">
|
||||
<i class="bi bi-globe text-color-theme"></i>
|
||||
<h5 class="fw-normal mt-2">Social Marketing</h5>
|
||||
<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">
|
||||
<i class="bi bi-camera text-color-theme"></i>
|
||||
<h5 class="fw-normal mt-2">Photography</h5>
|
||||
<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 -->
|
||||
|
||||
<!-- Portfolio section -->
|
||||
<div class="section-lg pt-0">
|
||||
<div class="container">
|
||||
<div class="mb-5">
|
||||
<h2 class="fw-normal">My Works</h2>
|
||||
</div>
|
||||
<!-- Portfolio filter -->
|
||||
<div class="filter filter-style-4 mb-5">
|
||||
<ul>
|
||||
<li class="active" data-filter="*">All</li>
|
||||
<li data-filter=".category-1">First</li>
|
||||
<li data-filter=".category-2">Second</li>
|
||||
<li data-filter=".category-3">Third</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end Portfolio filter -->
|
||||
<div class="portfolio-masonry column-3 spacing-2">
|
||||
<!-- Portfolio box 1 -->
|
||||
<div class="portfolio-item category-1">
|
||||
<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>
|
||||
<h5 class="fw-normal">Project Title</h5>
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio box 2 -->
|
||||
<div class="portfolio-item category-2">
|
||||
<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>
|
||||
<h5 class="fw-normal">Project Title</h5>
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio box 3 -->
|
||||
<div class="portfolio-item category-3">
|
||||
<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>
|
||||
<h5 class="fw-normal">Project Title</h5>
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio box 4 -->
|
||||
<div class="portfolio-item category-1">
|
||||
<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>
|
||||
<h5 class="fw-normal">Project Title</h5>
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio box 5 -->
|
||||
<div class="portfolio-item category-2">
|
||||
<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>
|
||||
<h5 class="fw-normal">Project Title</h5>
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio box 6 -->
|
||||
<div class="portfolio-item category-3">
|
||||
<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>
|
||||
<h5 class="fw-normal">Project Title</h5>
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- end portfolio-masonry-->
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
<!-- end Portfolio section -->
|
||||
|
||||
<!-- Contact Info section -->
|
||||
<div class="section-lg pt-0">
|
||||
<div class="container">
|
||||
<div class="mb-5">
|
||||
<h2 class="fw-normal">Get In Touch</h2>
|
||||
</div>
|
||||
<div class="row icon-4xl">
|
||||
<!-- Icon text box 1 -->
|
||||
<div class="col-12 col-sm-6 col-md-3">
|
||||
<i class="bi bi-envelope text-color-theme mb-3"></i>
|
||||
<h6 class="fw-normal m-0">Email:</h6>
|
||||
<p>contact@email.com</p>
|
||||
</div>
|
||||
<!-- Icon text box 2 -->
|
||||
<div class="col-12 col-sm-6 col-md-3">
|
||||
<i class="bi bi-telephone text-color-theme mb-3"></i>
|
||||
<h6 class="fw-normal m-0">Phone:</h6>
|
||||
<p>+(987) 654 321 01</p>
|
||||
</div>
|
||||
<!-- Icon text box 3 -->
|
||||
<div class="col-12 col-sm-6 col-md-3">
|
||||
<i class="bi bi-skype text-color-theme mb-3"></i>
|
||||
<h6 class="fw-normal m-0">Skype:</h6>
|
||||
<p>contact.skype</p>
|
||||
</div>
|
||||
<!-- Icon text box 4 -->
|
||||
<div class="col-12 col-sm-6 col-md-3">
|
||||
<i class="bi bi-pin-map text-color-theme mb-3"></i>
|
||||
<h6 class="fw-normal m-0">Address:</h6>
|
||||
<p>121 King St, Melbourne VIC 3000</p>
|
||||
</div>
|
||||
</div><!-- end row -->
|
||||
<!-- Contact Form -->
|
||||
<div class="contact-form mt-5">
|
||||
<form method="post" id="contactform">
|
||||
<div class="row gx-3 gy-0">
|
||||
<div class="col-12 col-sm-6">
|
||||
<input type="text" id="name" name="name" placeholder="Name" required>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6">
|
||||
<input type="email" id="email" name="email" placeholder="E-Mail" required>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" id="subject" name="subject" placeholder="Subject" required>
|
||||
<textarea name="message" id="message" placeholder="Message"></textarea>
|
||||
<button class="button button-lg button-radius button-theme" type="submit">Send Message</button>
|
||||
</form>
|
||||
<!-- Submit result -->
|
||||
<div class="submit-result">
|
||||
<span id="success">Thank you! Your Message has been sent.</span>
|
||||
<span id="error">Something went wrong, Please try again!</span>
|
||||
</div>
|
||||
</div><!-- end contact-form -->
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
<!-- end Contact Info section -->
|
||||
|
||||
<footer>
|
||||
<div class="section bg-dark">
|
||||
<div class="container">
|
||||
<div class="row g-4 align-items-center">
|
||||
<div class="col-12 col-md-6 text-center text-md-start">
|
||||
<ul class="list-inline-dash">
|
||||
<li><a href="#">FAQ</a></li>
|
||||
<li><a href="#">Testimonial</a></li>
|
||||
<li><a href="#">Clients</a></li>
|
||||
</ul>
|
||||
<p class="mt-2">© 2025 FlaTheme, All Rights Reserved.</p>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 text-center text-md-end">
|
||||
<ul class="list-inline">
|
||||
<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>
|
||||
<li><a 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-theme" 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>
|
||||
Reference in New Issue
Block a user