@extends('layouts.current')
@extends('layouts.header')
<!-- Content -->
<!-- Content -->
@section('project-info')
	<!-- Content -->
	<div id="content">

		<section>

			<div class="container">
				<div class="row">
					<div class="col-sm-3">
						<dl class="description-2">
							
							<dt>Project Name</dt>
							<dd>ROUTINE ROAD MAINTANCE BETWEEN KOSTER & MAGALIESBURG</dd>
							<dt>Client</dt>
							<dd><dd><img src="assets/img/clients/public.jpg" alt="" class="img-rounded mb-20"></dd></dd>
						</dl>
					</div>
					<div class="col-sm-3">
						<dl class="description-2">
							<dt>Province</dt>
							<dd>NORTH WEST</dd>
							<dt>Timeline</dt>
							<dd></dd>
						</dl>
					</div>
					<div class="col-sm-6">
						<h6 class="text-muted text-uppercase">Description</h6>
						<p></p>
					</div>
				</div>
			</div>

		</section>

		<!-- Content -->
		<div id="content">
			<div class="carousel inner-controls" data-single-item="true" data-autoplay="3000" data-navigation="true" data-pagination="true">
				<img src="assets/img/projects/koster/2.jpg" alt="">
				<img src="assets/img/projects/koster/1.jpg" alt="">
				<img src="assets/img/projects/koster/3.jpg" alt="">
			</div>
		</div>
		<!-- Content / End -->

			</div>
	<!-- Content / End -->

	<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')