276 lines
13 KiB
HTML
276 lines
13 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 - Careers 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 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 -->
|
|
|
|
<!-- Hero section -->
|
|
<div class="section-xl bg-image parallax" data-bg-src="../assets/images/background.jpg">
|
|
<div class="bg-dark-06 section-divider-wavesOpacity-bottom">
|
|
<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>
|
|
<!-- end Hero section -->
|
|
|
|
<!-- Job Listings section -->
|
|
<div class="section">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-12 col-lg-10 offset-lg-1">
|
|
<!-- Job Listing 1 -->
|
|
<div class="p-5 border border-radius hover-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. 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.</p>
|
|
<div class="mt-3">
|
|
<h6 class="font-small fw-medium uppercase">Requirements:</h6>
|
|
<ul class="list-dash">
|
|
<li>PHP programming experience</li>
|
|
<li>JavaScript programming experience</li>
|
|
<li>Self-driven and solution oriented</li>
|
|
<li>Graphical user interface design experience</li>
|
|
<li>3+ years of hands-on experience with web development</li>
|
|
</ul>
|
|
</div>
|
|
<div class="text-end mt-2 mt-lg-3">
|
|
<a class="button button-md button-rounded button-font-2 button-turquoise" href="#">Apply Now</a>
|
|
</div>
|
|
</div>
|
|
<!-- Job Listing 2 -->
|
|
<div class="p-5 border border-radius hover-shadow mt-5">
|
|
<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. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. 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.</p>
|
|
<div class="mt-3">
|
|
<h6 class="font-small fw-medium uppercase">Requirements:</h6>
|
|
<ul class="list-dash">
|
|
<li>Native-level proficiency in spoken and written English</li>
|
|
<li>Ability to travel on short notice</li>
|
|
<li>Self-driven and solution oriented</li>
|
|
<li>Impeccable attention to detail</li>
|
|
<li>3+ years of hands-on experience with project management</li>
|
|
</ul>
|
|
</div>
|
|
<div class="text-end mt-2 mt-lg-3">
|
|
<a class="button button-md button-rounded button-font-2 button-turquoise" href="#">Apply Now</a>
|
|
</div>
|
|
</div>
|
|
<!-- Job Listing 3 -->
|
|
<div class="p-5 border border-radius hover-shadow mt-5">
|
|
<h4 class="fw-normal m-0">Creative Director</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. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. 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.</p>
|
|
<div class="mt-3">
|
|
<h6 class="font-small fw-medium uppercase">Requirements:</h6>
|
|
<ul class="list-dash">
|
|
<li>Native-level proficiency in spoken and written English</li>
|
|
<li>Ability to travel on short notice</li>
|
|
<li>Self-driven and solution oriented</li>
|
|
<li>Impeccable attention to detail</li>
|
|
<li>3+ years of hands-on experience with project management</li>
|
|
</ul>
|
|
</div>
|
|
<div class="text-end mt-2 mt-lg-3">
|
|
<a class="button button-md button-rounded button-font-2 button-turquoise" href="#">Apply Now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div><!-- end container -->
|
|
</div>
|
|
<!-- end Job Listings section -->
|
|
|
|
<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> |