Add a pagination partial
This commit is contained in:
kbe
272
docs/theme/Mono v10.0.1 HTML5/Mono v10.0.1/1. Home Pages/photographer-1.html
vendored
Normal file
272
docs/theme/Mono v10.0.1 HTML5/Mono v10.0.1/1. Home Pages/photographer-1.html
vendored
Normal file
@@ -0,0 +1,272 @@
|
||||
<!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 - Photographer 1</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 transparent-light">
|
||||
<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">
|
||||
<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 -->
|
||||
|
||||
<!-- Hero section -->
|
||||
<div class="owl-carousel owl-nav-overlay owl-dots-overlay" data-owl-nav="true" data-owl-items="1">
|
||||
<!-- Slider Item 1 -->
|
||||
<div class="section-fullscreen bg-image" data-bg-src="../assets/images/background.jpg">
|
||||
<div class="bg-dark-05">
|
||||
<div class="container text-center">
|
||||
<div class="position-middle">
|
||||
<h1>Gallery Image Title</h1>
|
||||
<a class="button button-xl button-outline-white mt-3" href="#">View Gallery</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Slider Item 2 -->
|
||||
<div class="section-fullscreen bg-image" data-bg-src="../assets/images/background.jpg">
|
||||
<div class="bg-dark-05">
|
||||
<div class="container text-center">
|
||||
<div class="position-middle">
|
||||
<h1>Gallery Image Title</h1>
|
||||
<a class="button button-xl button-outline-white mt-3" href="#">View Gallery</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Slider Item 3 -->
|
||||
<div class="section-fullscreen bg-image" data-bg-src="../assets/images/background.jpg">
|
||||
<div class="bg-dark-05">
|
||||
<div class="container text-center">
|
||||
<div class="position-middle">
|
||||
<h1>Gallery Image Title</h1>
|
||||
<a class="button button-xl button-outline-white mt-3" href="#">View Gallery</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- end owl-carousel -->
|
||||
<!-- end Hero section -->
|
||||
|
||||
<!-- Gallery section -->
|
||||
<div class="section">
|
||||
<div class="container">
|
||||
<div class="row g-3">
|
||||
<!-- 1 -->
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="hoverbox-6">
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-3.jpg" alt="">
|
||||
<div class="content center bg-white-09">
|
||||
<span class="font-family-poppins font-small fw-normal uppercase text-dark-09">Abstract</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 2 -->
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="hoverbox-6">
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-3.jpg" alt="">
|
||||
<div class="content center bg-white-09">
|
||||
<span class="font-family-poppins font-small fw-normal uppercase text-dark-09">Fashion</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 3 -->
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="hoverbox-6">
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-3.jpg" alt="">
|
||||
<div class="content center bg-white-09">
|
||||
<span class="font-family-poppins font-small fw-normal uppercase text-dark-09">Nature</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 4 -->
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="hoverbox-6">
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-3.jpg" alt="">
|
||||
<div class="content center bg-white-09">
|
||||
<span class="font-family-poppins font-small fw-normal uppercase text-dark-09">Portrait</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 5 -->
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="hoverbox-6">
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-3.jpg" alt="">
|
||||
<div class="content center bg-white-09">
|
||||
<span class="font-family-poppins font-small fw-normal uppercase text-dark-09">Painting</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 6 -->
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="hoverbox-6">
|
||||
<a href="#">
|
||||
<img src="../assets/images/col-3.jpg" alt="">
|
||||
<div class="content center bg-white-09">
|
||||
<span class="font-family-poppins font-small fw-normal uppercase text-dark-09">Travel</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- end row -->
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
<!-- end Gallery section -->
|
||||
|
||||
<!-- About section -->
|
||||
<div class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row g-4">
|
||||
<div class="col-12 col-md-4">
|
||||
<h4 class="fw-light">Subheading</h4>
|
||||
<h3>Bold Heading</h3>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<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.</p>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<p>Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p>
|
||||
</div>
|
||||
</div><!-- end row -->
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
<!-- end About section -->
|
||||
|
||||
<footer>
|
||||
<div class="section bg-dark">
|
||||
<div class="container text-center">
|
||||
<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-instagram" href="#"><i class="bi bi-instagram"></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-dribbble" href="#"><i class="bi bi-dribbble"></i></a></li>
|
||||
<li><a class="button-circle button-circle-sm button-circle-social-linkedin" href="#"><i class="bi bi-linkedin"></i></a></li>
|
||||
</ul>
|
||||
</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