Add a pagination partial
This commit is contained in:
kbe
295
docs/theme/Mono v10.0.1 HTML5/Mono v10.0.1/2. Pages/careers-2.html
vendored
Normal file
295
docs/theme/Mono v10.0.1 HTML5/Mono v10.0.1/2. Pages/careers-2.html
vendored
Normal file
@@ -0,0 +1,295 @@
|
||||
<!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 - Careers 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">
|
||||
<!-- 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 header-color-dark">
|
||||
<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 -->
|
||||
|
||||
<div class="section-lg bg-image bg-fade-white-top parallax" data-bg-src="../assets/images/background.jpg">
|
||||
<div class="bg-white-07">
|
||||
<div class="container text-center">
|
||||
<div class="row g-4">
|
||||
<div class="col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2">
|
||||
<h1>Come and work with us</h1>
|
||||
<p class="lead">Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
|
||||
</div>
|
||||
</div><!-- end row -->
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section-lg pt-0">
|
||||
<div class="container">
|
||||
<div class="masonry column-2 spacing-3">
|
||||
<!-- 1 -->
|
||||
<div class="masonry-item">
|
||||
<div class="bg-white border-radius border p-4 p-lg-5 box-shadow">
|
||||
<h4 class="fw-normal m-0">Web Developer</h4>
|
||||
<div class="mb-2 mb-lg-3 text-dark-03">
|
||||
<p><i class="fas fa-map-marker-alt me-2"></i><span>Remote</span></p>
|
||||
</div>
|
||||
<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">
|
||||
<h6 class="font-small fw-medium uppercase">Requirements:</h6>
|
||||
<ul class="list-dash">
|
||||
<li>First</li>
|
||||
<li>Second</li>
|
||||
<li>Third</li>
|
||||
<li>Fourth</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="text-end mt-2 mt-lg-3">
|
||||
<a class="button button-md button-font-2 button-rounded button-turquoise" href="#">Apply Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 2 -->
|
||||
<div class="masonry-item">
|
||||
<div class="bg-white border-radius border p-4 p-lg-5 box-shadow">
|
||||
<h4 class="fw-normal m-0">Project Manager</h4>
|
||||
<div class="mb-2 mb-lg-3 text-dark-03">
|
||||
<p><i class="fas fa-map-marker-alt me-2"></i><span>Melbourne, AUS</span></p>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
|
||||
<div class="mt-3">
|
||||
<h6 class="font-small fw-medium uppercase">Requirements:</h6>
|
||||
<ul class="list-dash">
|
||||
<li>First</li>
|
||||
<li>Second</li>
|
||||
<li>Third</li>
|
||||
<li>Fourth</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="text-end mt-2 mt-lg-3">
|
||||
<a class="button button-md button-font-2 button-rounded button-turquoise" href="#">Apply Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 3 -->
|
||||
<div class="masonry-item">
|
||||
<div class="bg-white border-radius border p-4 p-lg-5 box-shadow">
|
||||
<h4 class="fw-normal m-0">Graphic Designer</h4>
|
||||
<div class="mb-2 mb-lg-3 text-dark-03">
|
||||
<p><i class="fas fa-map-marker-alt me-2"></i><span>Remote</span></p>
|
||||
</div>
|
||||
<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">
|
||||
<h6 class="font-small fw-medium uppercase">Requirements:</h6>
|
||||
<ul class="list-dash">
|
||||
<li>First</li>
|
||||
<li>Second</li>
|
||||
<li>Third</li>
|
||||
<li>Fourth</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="text-end mt-2 mt-lg-3">
|
||||
<a class="button button-md button-font-2 button-rounded button-turquoise" href="#">Apply Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 4 -->
|
||||
<div class="masonry-item">
|
||||
<div class="bg-white border-radius border p-4 p-lg-5 box-shadow">
|
||||
<h4 class="fw-normal m-0">Photographer</h4>
|
||||
<div class="mb-2 mb-lg-3 text-dark-03">
|
||||
<p><i class="fas fa-map-marker-alt me-2"></i><span>Melbourne, AUS</span></p>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
|
||||
<div class="mt-3">
|
||||
<h6 class="font-small fw-medium uppercase">Requirements:</h6>
|
||||
<ul class="list-dash">
|
||||
<li>First</li>
|
||||
<li>Second</li>
|
||||
<li>Third</li>
|
||||
<li>Fourth</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="text-end mt-2 mt-lg-3">
|
||||
<a class="button button-md button-font-2 button-rounded button-turquoise" href="#">Apply Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end 4 -->
|
||||
</div><!-- end row -->
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
<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>
|
||||
Reference in New Issue
Block a user