294 lines
12 KiB
HTML
294 lines
12 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 - Blog 3</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">
|
|
|
|
<!-- Header -->
|
|
<div class="header center border-bottom">
|
|
<div class="container">
|
|
<!-- Menu -->
|
|
<div class="header-menu">
|
|
<ul class="nav">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Link Only</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Dropdown</a>
|
|
<ul class="nav-dropdown">
|
|
<li class="nav-dropdown-item"><a class="nav-dropdown-link" href="#">Dropdown Item</a></li>
|
|
<li class="nav-dropdown-item"><a class="nav-dropdown-link" href="#">Dropdown Item</a></li>
|
|
<li class="nav-dropdown-item"><a class="nav-dropdown-link" href="#">Dropdown Item</a></li>
|
|
<li class="nav-dropdown-item"><a class="nav-dropdown-link" href="#">Dropdown Item</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Subdropdown</a>
|
|
<ul class="nav-dropdown">
|
|
<li class="nav-dropdown-item">
|
|
<a class="nav-dropdown-link" href="#">Dropdown Item</a>
|
|
<ul class="nav-subdropdown">
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-dropdown-item">
|
|
<a class="nav-dropdown-link" href="#">Dropdown Item</a>
|
|
<ul class="nav-subdropdown">
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Subdropdown LG</a>
|
|
<ul class="nav-dropdown">
|
|
<li class="nav-dropdown-item">
|
|
<a class="nav-dropdown-link" href="#">Dropdown Item</a>
|
|
<div class="nav-subdropdown nav-subdropdown-lg">
|
|
<div class="row g-2 g-lg-3">
|
|
<div class="col-12 col-lg-6">
|
|
<ul>
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-12 col-lg-6">
|
|
<ul>
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
<li class="nav-subdropdown-item"><a class="nav-subdropdown-link" href="#">Subdropdown Item</a></li>
|
|
</ul>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- Menu Extra -->
|
|
<!-- <div class="header-menu-extra">
|
|
<ul class="list-inline-sm">
|
|
<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-linkedin"></i></a></li>
|
|
</ul>
|
|
</div> -->
|
|
<!-- Menu Toggle -->
|
|
<button class="header-toggle">
|
|
<span></span>
|
|
</button>
|
|
</div><!-- end container -->
|
|
</div>
|
|
<!-- end Header -->
|
|
|
|
<div class="section-xs">
|
|
<div class="container text-center">
|
|
<h3 class="font-family-playfair m-0">mono blog.</h3>
|
|
</div><!-- end container -->
|
|
</div>
|
|
|
|
<!-- Post Category section -->
|
|
<div class="container-fluid p-3">
|
|
<div class="owl-carousel text-center" data-owl-margin="20" data-owl-autoplay="true" data-owl-xs="1" data-owl-sm="2" data-owl-md="2" data-owl-lg="3" data-owl-xl="3">
|
|
<!-- 1 -->
|
|
<div class="hoverbox-4 center">
|
|
<a href="#">
|
|
<img src="../assets/images/col-1-square.jpg" alt="">
|
|
<div class="content">
|
|
<h4 class="fw-normal">Travel</h4>
|
|
<p>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus.</p>
|
|
</div>
|
|
<div class="hover-content">
|
|
<a class="button button-rounded button-md button-font-2 button-outline-white" href="#">Read More</a>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<!-- 2 -->
|
|
<div class="hoverbox-4 center">
|
|
<a href="#">
|
|
<img src="../assets/images/col-1-square.jpg" alt="">
|
|
<div class="content">
|
|
<h4 class="fw-normal">Lifestyle</h4>
|
|
<p>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus.</p>
|
|
</div>
|
|
<div class="hover-content">
|
|
<a class="button button-rounded button-md button-font-2 button-outline-white" href="#">Read More</a>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<!-- 3 -->
|
|
<div class="hoverbox-4 center">
|
|
<a href="#">
|
|
<img src="../assets/images/col-1-square.jpg" alt="">
|
|
<div class="content">
|
|
<h4 class="fw-normal">Experience</h4>
|
|
<p>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.</p>
|
|
</div>
|
|
<div class="hover-content">
|
|
<a class="button button-rounded button-md button-font-2 button-outline-white" href="#">Read More</a>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<!-- 4 -->
|
|
<div class="hoverbox-4 center">
|
|
<a href="#">
|
|
<img src="../assets/images/col-1-square.jpg" alt="">
|
|
<div class="content">
|
|
<h4 class="fw-normal">Tips & Tricks</h4>
|
|
<p>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.</p>
|
|
</div>
|
|
<div class="hover-content">
|
|
<a class="button button-rounded button-md button-font-2 button-outline-white" href="#">Read More</a>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div><!-- end container-fluid -->
|
|
<!-- end Post Category section -->
|
|
|
|
<!-- Blog Posts section -->
|
|
<div class="section">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2">
|
|
<!-- Blog Post box 1 -->
|
|
<div class="mb-5">
|
|
<div class="img-link-box">
|
|
<a href="#">
|
|
<img src="../assets/images/col-1.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="mt-4 text-start">
|
|
<div class="d-flex justify-content-between mb-2">
|
|
<div class="d-inline-flex">
|
|
<a class="font-family-poppins font-small fw-medium uppercase" href="#">Tips & Tricks</a>
|
|
</div>
|
|
<div class="d-inline-flex">
|
|
<span class="font-small">Jan 24, 2019</span>
|
|
</div>
|
|
</div>
|
|
<h4><a class="text-link-1" href="#">How to take good pictures</a></h4>
|
|
<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 class="mt-3">
|
|
<a class="button-text-1" href="#">Read More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Blog Post box 2 -->
|
|
<div class="mb-5">
|
|
<div class="img-link-box">
|
|
<a href="#">
|
|
<img src="../assets/images/col-1.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="mt-4 text-start">
|
|
<div class="d-flex justify-content-between mb-2">
|
|
<div class="d-inline-flex">
|
|
<a class="font-family-poppins font-small fw-medium uppercase" href="#">Architecture</a>
|
|
</div>
|
|
<div class="d-inline-flex">
|
|
<span class="font-small">Jan 24, 2019</span>
|
|
</div>
|
|
</div>
|
|
<h4><a class="text-link-1" href="#">Great buildings around the city</a></h4>
|
|
<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 class="mt-3">
|
|
<a class="button-text-1" href="#">Read More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Blog Post box 3 -->
|
|
<div class="mb-5">
|
|
<div class="img-link-box">
|
|
<a href="#">
|
|
<img src="../assets/images/col-1.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="mt-4 text-start">
|
|
<div class="d-flex justify-content-between mb-2">
|
|
<div class="d-inline-flex">
|
|
<a class="font-family-poppins font-small fw-medium uppercase" href="#">Knowledge</a>
|
|
</div>
|
|
<div class="d-inline-flex">
|
|
<span class="font-small">Jan 24, 2019</span>
|
|
</div>
|
|
</div>
|
|
<h4><a class="text-link-1" href="#">Events you should attend</a></h4>
|
|
<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 class="mt-3">
|
|
<a class="button-text-1" href="#">Read More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end Blog Post box 3 -->
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
<!-- end Blog Posts section -->
|
|
|
|
<footer>
|
|
<div class="section-sm bg-dark">
|
|
<div class="container text-center">
|
|
<ul class="list-inline-sm mb-2">
|
|
<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>
|
|
<p>© 2025 FlaTheme, All Rights Reserved.</p>
|
|
</div><!-- end container -->
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- ***** 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> |