312 lines
13 KiB
HTML
312 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 - Career Single</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 header-color-black">
|
|
<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-lg bg-dark">
|
|
<div class="container text-center">
|
|
<h1>Full Time: Web Developer</h1>
|
|
<ul class="list-inline">
|
|
<li><a href="#"><i class="fas fa-user-tie me-2"></i><span>Envato Pty Ltd</span></a></li>
|
|
<li><a href="#"><i class="fas fa-map-marker-alt me-2"></i><span>Melbourne, Australia</span></a></li>
|
|
</ul>
|
|
</div><!-- end container -->
|
|
</div>
|
|
<!-- end Hero section -->
|
|
|
|
<!-- Job Listing Details -->
|
|
<div class="section">
|
|
<div class="container">
|
|
<div class="row g-5">
|
|
<div class="col-12 col-lg-8">
|
|
<div>
|
|
<h5 class="fw-medium">Job Description</h5>
|
|
<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>
|
|
<div class="mt-4 mt-lg-5">
|
|
<h5 class="fw-medium">Responsibilities</h5>
|
|
<ul class="list-dash">
|
|
<li>List Item</li>
|
|
<li>List Item</li>
|
|
<li>List Item</li>
|
|
<li>List Item</li>
|
|
<li>List Item</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-lg-4">
|
|
<h5 class="fw-medium">Requirements</h5>
|
|
<ul class="list-dash">
|
|
<li>List Item</li>
|
|
<li>List Item</li>
|
|
<li>List Item</li>
|
|
<li>List Item</li>
|
|
<li>List Item</li>
|
|
<li>List Item</li>
|
|
<li>List Item</li>
|
|
</ul>
|
|
</div>
|
|
</div><!-- end row -->
|
|
<div class="mt-5">
|
|
<form>
|
|
<div class="row g-4">
|
|
<div class="col-12 col-sm-6 col-lg-4">
|
|
<label class="required">First name</label>
|
|
<input type="text" required>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-lg-4">
|
|
<label class="required">Last name</label>
|
|
<input type="text" required>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-lg-4">
|
|
<label class="required">Phone</label>
|
|
<input type="tel" required>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-lg-4">
|
|
<label class="required">Email address</label>
|
|
<input type="email" required>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-lg-4">
|
|
<label>Professional title</label>
|
|
<input type="text" placeholder="e.g. 'Marketing Specialist'">
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-lg-4">
|
|
<label class="required">Location</label>
|
|
<input type="text" placeholder="e.g. 'Melbourne, AUS'" required>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-lg-4">
|
|
<label class="required">Experience</label>
|
|
<select class="custom-select w-100">
|
|
<option selected></option>
|
|
<option value="1">0-2 Years</option>
|
|
<option value="2">3-5 Years</option>
|
|
<option value="3">6-9 Years</option>
|
|
<option value="4">10+ Years</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-lg-4">
|
|
<label class="required">Position Applying for</label>
|
|
<select class="custom-select w-100">
|
|
<option selected></option>
|
|
<option value="1">Creative Director</option>
|
|
<option value="2">Graphic Designer</option>
|
|
<option value="3">Marketing Specialist</option>
|
|
<option value="4">Photographer</option>
|
|
<option value="5">Recruiter</option>
|
|
<option value="6">Web Developer</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-12 col-lg-4">
|
|
<label>How were you referred to us?</label>
|
|
<select class="custom-select w-100">
|
|
<option selected></option>
|
|
<option value="1">Ads</option>
|
|
<option value="2">Employee</option>
|
|
<option value="3">Friend</option>
|
|
<option value="4">Social Media</option>
|
|
<option value="5">Other</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-12">
|
|
<form>
|
|
<div class="form-group">
|
|
<label for="exampleFormControlFile1" class="required">Resume file</label>
|
|
<input type="file" class="form-control-file" id="exampleFormControlFile1">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-12">
|
|
<label>Additional Information(optional)</label>
|
|
<textarea></textarea>
|
|
</div>
|
|
</div>
|
|
<button class="button button-lg button-turquoise button-radius">Submit CV</button>
|
|
</form>
|
|
</div>
|
|
</div><!-- end container -->
|
|
</div>
|
|
<!-- Job Listing Details -->
|
|
|
|
<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> |