Add a pagination partial
This commit is contained in:
kbe
297
docs/theme/Mono v10.0.1 HTML5/Mono v10.0.1/1. Home Pages/portfolio-3.html
vendored
Normal file
297
docs/theme/Mono v10.0.1 HTML5/Mono v10.0.1/1. Home Pages/portfolio-3.html
vendored
Normal file
@@ -0,0 +1,297 @@
|
||||
<!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 - Portfolio 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 right border-bottom">
|
||||
<div class="container">
|
||||
<!-- 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>
|
||||
<!-- Menu -->
|
||||
<div class="header-menu dropdown-color-dark">
|
||||
<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">
|
||||
<a class="button button-sm button-rounded button-gradient-5 align-middle" href="#">Button</a>
|
||||
</div>
|
||||
<!-- Menu Toggle -->
|
||||
<button class="header-toggle">
|
||||
<span></span>
|
||||
</button>
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
<!-- end Header -->
|
||||
|
||||
<div class="section-lg">
|
||||
<div class="container">
|
||||
<div class="row g-4">
|
||||
<div class="col-12 col-sm-11 col-md-10 col-lg-9 col-xl-8">
|
||||
<h1 class="display-5 fw-normal"><span class="text-gradient-5">we keep it simple.</span></h1>
|
||||
<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. Nulla consequat massa quis enim.</p>
|
||||
</div>
|
||||
</div><!-- end row -->
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
|
||||
<!-- Scroll to top button -->
|
||||
<div class="scrolltotop icon-lg">
|
||||
<a class="button-circle button-circle-md button-circle-gradient-5" href="#"><i class="bi bi-arrow-up-short"></i></a>
|
||||
</div>
|
||||
<!-- end Scroll to top button -->
|
||||
|
||||
<!-- Portfolio section -->
|
||||
<div class="section-lg pt-0">
|
||||
<div class="container">
|
||||
<!-- Portfolio filter -->
|
||||
<div class="filter filter-style-3 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 hover-style-3 border-radius"><!-- column-(1/2/3/4/5/6) -->
|
||||
<!-- 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 -->
|
||||
<!-- Portfolio Hover Title -->
|
||||
<div class="portfolio-title">
|
||||
<div class="portfolio-title-item">
|
||||
<h5 class="fw-medium">Project Title</h5>
|
||||
</div>
|
||||
<div class="portfolio-title-item">
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end Portfolio Hover Title -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio box 2 -->
|
||||
<div class="portfolio-item category-2">
|
||||
<div class="portfolio-box">
|
||||
<div class="portfolio-img">
|
||||
<img src="../assets/images/col-3.jpg" alt=""><!-- Image source -->
|
||||
</div>
|
||||
<a href="#"></a><!-- Portfolio Single link -->
|
||||
<!-- Portfolio Hover Title -->
|
||||
<div class="portfolio-title">
|
||||
<div class="portfolio-title-item">
|
||||
<h5 class="fw-medium">Project Title</h5>
|
||||
</div>
|
||||
<div class="portfolio-title-item">
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end Portfolio Hover Title -->
|
||||
</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 -->
|
||||
<!-- Portfolio Hover Title -->
|
||||
<div class="portfolio-title">
|
||||
<div class="portfolio-title-item">
|
||||
<h5 class="fw-medium">Project Title</h5>
|
||||
</div>
|
||||
<div class="portfolio-title-item">
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end Portfolio Hover Title -->
|
||||
</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 -->
|
||||
<!-- Portfolio Hover Title -->
|
||||
<div class="portfolio-title">
|
||||
<div class="portfolio-title-item">
|
||||
<h5 class="fw-medium">Project Title</h5>
|
||||
</div>
|
||||
<div class="portfolio-title-item">
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end Portfolio Hover Title -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio box 5 -->
|
||||
<div class="portfolio-item category-2">
|
||||
<div class="portfolio-box">
|
||||
<div class="portfolio-img">
|
||||
<img src="../assets/images/col-3.jpg" alt=""><!-- Image source -->
|
||||
</div>
|
||||
<a href="#"></a><!-- Portfolio Single link -->
|
||||
<!-- Portfolio Hover Title -->
|
||||
<div class="portfolio-title">
|
||||
<div class="portfolio-title-item">
|
||||
<h5 class="fw-medium">Project Title</h5>
|
||||
</div>
|
||||
<div class="portfolio-title-item">
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end Portfolio Hover Title -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio box 6 -->
|
||||
<div class="portfolio-item category-3">
|
||||
<div class="portfolio-box">
|
||||
<div class="portfolio-img">
|
||||
<img src="../assets/images/col-3.jpg" alt=""><!-- Image source -->
|
||||
</div>
|
||||
<a href="#"></a><!-- Portfolio Single link -->
|
||||
<!-- Portfolio Hover Title -->
|
||||
<div class="portfolio-title">
|
||||
<div class="portfolio-title-item">
|
||||
<h5 class="fw-medium">Project Title</h5>
|
||||
</div>
|
||||
<div class="portfolio-title-item">
|
||||
<span>Category</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end Portfolio Hover Title -->
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- end portfolio-masonry-->
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
<!-- end Portfolio 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="#">Contact</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>
|
||||
|
||||
<!-- ***** 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