@extends('layouts.master')
@extends('layouts.header')
@section('aboutpage')

<style>
    .job-image{
        max-width:350px !important;
    }
    .my-image{
        padding:10px;
        border:none;
        border-radius:10px;
       
    }
</style>
	<!--<section class="section-xl">
		<div class="container text-center">
			<span class="loader-2 loader-primary mb-100"></span>
			<h1 class="text-lg mb-10">We have no available vacancies at the moment <i class="fa fa-frown-o" aria-hidden="true"></i></h1>
			<p class="lead mb-40">Keep tracking our careers page, there'll be something  coming out soon.<i class="fa fa-smile-o" aria-hidden="true"></i></p>
		</div>
	</section>
	-->
<!--</div>-->
<div class="row" style="margin-top:40px;">
    <div class="col-md-4 my-image">
        <img src="https://enmtrading.co.za/assets/img/careers/1.png" class="job-image"/>
    </div>
    <div class="col-md-4 my-image">
        <img src="https://enmtrading.co.za/assets/img/careers/2.png" class="job-image"/>
    </div>
    <div class="col-md-4 my-image">
        <img src="https://enmtrading.co.za/assets/img/careers/3.png" class="job-image"/>
    </div>
</div>
<div class="row" style="margin-top:30px;">
    <div class="col-md-4 my-image">
        <img src="https://enmtrading.co.za/assets/img/careers/4.png" class="job-image"/>
    </div>
    <div class="col-md-4 my-image">
        <img src="https://enmtrading.co.za/assets/img/careers/5.png" class="job-image"/>
    </div>
    <div class="col-md-4 my-image">
        <img src="https://enmtrading.co.za/assets/img/careers/6.png" class="job-image"/>
    </div>
</div>
	<section class="bg-black fullheight dark">
		
		<div class="bg-image"><img src="assets/img/photos/classic_bg04.jpg" alt=""></div>

		<div class="container v-center">
			<div class="row">
				<div class="col-lg-10 col-lg-push-1">
					<div class="bordered-box rounded">
						<h2>Apply now!</h2>
						<form class="contact-form validate-form" id="contact-form" method="POST" 
									enctype="multipart/form-data" 
									data-message-error="Opps... Something went wrong - please try again later"
									data-message-success="Thank you form your message! We will answer within 24 hours."
									>
							<div class="row">
								<div class="col-md-6 form-group mb-10">
									<label for="name">Name :</label>
									<input id="name" name="name" type="text" class="form-control" required>
								</div>
								<div class="col-md-6 form-group mb-10">
									<label for="surname">Surname:</label>
									<input id="surname" name="surname" type="text" class="form-control" required>
								</div>
								<div class="col-md-6 form-group mb-10">
									<label for="cell">Cell:</label>
									<input id="cell" name="cell" type="tel" class="form-control" required minlength="10" maxlength="10">
								</div>
								<div class="col-md-6 form-group mb-10">
									<label for="idnum">ID Number:</label>
									<input id="idnum" name="name" type="tel" class="form-control" required minlength="13" maxlength="13">
								</div>
								<div class="col-md-6 form-group mb-10">
									<label for="email">E-mail:</label>
									<input id="email" name="email" type="email" class="form-control" required>
								</div>
								<div class="col-md-6 form-group mb-10">
									<label for="myfile">Upload CV:(5mb max)</label>
									<input id="myfile" name="myfile" type="file" data-show-preview="false" class="form-control file" size="5242880" accept=".pdf,.doc,.docx"
									style="
								    top: 0;
								    right: 0;
								    min-width: 100%;
								    min-height: 100%;
								    text-align: right;
								    opacity: 1;
								    cursor: inherit;
								    display: block;" required>
								</div>
								<div class="col-md-6 form-group mb-10">
									<label for="myselect">JOB CATEGORIES</label>
									<select id="myselect" name="category" class="form-control" required>
									<option value="Civil">CIVIL</option>
									<option value="Quantity Survey">QUANTITY SURVEY</option>
									<option value="Accounts">ACCOUNTS</option>
									<option value="Operations">OPERATIONS</option>
									<option value="Site Manager">SITE FOREMAN</option>
									<option value="Human Resource">HR</option>
									<option value="Administrator">ADMINISTRATION</option>
									<option value="Project Management">PROJECT MANAGEMENT</option>
									<option value="Legal">LEGAL</option>
									<option value="Marketing">MARKETING</option>
									<option value="Sales">SALES</option>
																											
									</select>
								</div>
								
							
								
								
							</div>
							<div class="row">
					<div class="col-md-4 col-sm-6">
					    	<p>For more information or enquiries email us at : recruitment@tapsonline.co.za.</p>
						<button type="submit" class="btn btn-filled btn-submit btn-block"><span>Send it <i class="i-after ti-arrow-right"></i></span></button>
					</div>
				</div>
						</form>
					</div>
				</div>
			</div>
		</div>

	</section>

	<div id="content">
			<div class="carousel inner-controls" data-single-item="true" style="margin-top: 80px;">
				<img src="assets/img/service1.jpg" alt="">
				<img src="assets/img/service2.jpg" alt="">
				<img src="assets/img/service3.jpg" alt="">
				<img src="assets/img/service4.jpg" alt="">

			</div>
	</div>

@stop
@extends('layouts.footer')