@extends('layouts.master')

@section('content')

	<!-- start banner section -->
	<section class="inner-banner position-relative">
		<div class="container">
			<div class="row">
				<div class="col-12 col-lg-10">
					<div class="content">
						<h1 class="text-light">Application</h1>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- end banner section -->

	<!-- start application section -->
	<section class="application ">
		<div class="container">
			<div class="row">
				<h2 class="mb-5 position-relative text-center">FIELD OF APPLICATION</h2>
				<div class="col-12 col-md-6 col-lg-3">
					<div class="box text-center mt-4 d-flex flex-column justify-content-center">
						<img src="{{ asset('website/assets/img/mining.png') }}" class="mx-auto" width="100px" height="100px" alt="">
						<h5 class="mt-4">Mining</h5>
					</div>
				</div>
				<div class="col-12 col-md-6 col-lg-3">
					<div class="box text-center mt-4 d-flex flex-column justify-content-center mt-lg-7">
						<img src="{{ asset('website/assets/img/agriculture.png') }}" class="mx-auto" width="100px" height="100px" alt="">
						<h5 class="mt-4">Agriculture</h5>
					</div>
				</div>
				<div class="col-12 col-md-6 col-lg-3">
					<div class="box text-center mt-4 d-flex flex-column justify-content-center">
						<img src="{{ asset('website/assets/img/medical.png') }}" class="mx-auto" width="100px" height="100px" alt="">
						<h5 class="mt-4">Medical</h5>
					</div>
				</div>
				<div class="col-12 col-md-6 col-lg-3">
					<div class="box text-center mt-4 d-flex flex-column justify-content-center mt-lg-7">
						<img src="{{ asset('website/assets/img/printing.png') }}" class="mx-auto" width="100px" height="100px" alt="">
						<h5 class="mt-4">Printing</h5>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- end application section -->

@endsection



@section('bottom_script')

@endsection