@section('slideshow')	
	<!-- Section / Slideshow -->
	<section id="home" class="fullheight dark bg-black">

		<div class="bg-slideshow">
			<div class="bg-image"><img src="assets/img/slider/2.jpg" alt=""></div>
			<div class="bg-image"><img src="assets/img/slider/3.jpg" alt=""></div>
			<div class="bg-image"><img src="assets/img/slider/4.jpg" alt=""></div>
			<div class="bg-image"><img src="assets/img/slider/5.jpg" alt=""></div>
			<div class="bg-image"><img src="assets/img/slider/6.jpg" alt=""></div>
            <div class="bg-image"><img src="assets/img/slider/7.jpg" alt=""></div>
            <div class="bg-image"><img src="assets/img/slider/8.jpg" alt=""></div>
            <div class="bg-image"><img src="assets/img/slider/9.jpg" alt=""></div>
            <div class="bg-image"><img src="assets/img/slider/10.jpg" alt=""></div>
            <div class="bg-image"><img src="assets/img/slider/11.jpg" alt=""></div>
		</div>

		<div class="v-center text-center">
			
			<h1 class="mb-0 text-xl animated" data-animation="fadeInUp">RE AHA SETSHABA...</h1>
		</div>
		
	</section>
@stop

@section('aboutheader')
	<!-- Page Title -->
	<div id="page-title" class="page-title page-title-2 bg-black dark">
		<div class="bg-image"><img src="assets/img/photos/classic_title01.jpg" alt=""></div>
		<div class="container text-center">
			<h1>About Us</h1>
			<ol class="breadcrumb">
				<li><a href="index.html">Home Page</a></li>
				<li class="active">About Us</li>
			</ol>
		</div>
	</div>
	<!-- Page Title / End -->
@stop
@section('aboutpage')
	<!-- Section/ About -->
	<section id="about" class="bg-dark dark">
		<div class="container">
			<div class="row text-center mb-70">
				<div class="col-lg-8 col-lg-push-2">
					<h1 class="text-lg">We are here to build better places for the nation.</h1>
					<p class="lead text-muted">ENM Trading launched its business in 2002 and has grown from strength to strength winning contracts based on our cost effectiveness and the quality workmanship we have sustained from the outset.We are one of the foremost construction and brick manufacturing companies in the Free State, with vast construction experience

			</p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4">
					<!-- Icon Box -->
					<div class="feature feature-1 text-center animated" data-animation="fadeInUp">
						<span class="icon icon-default icon-lg"><i class="fa fa-lightbulb-o"></i></span>
						<h5>CIVIL CRAFTSMANSHIP CONSTRUCTION</h5>
					</div>
				</div>
				<div class="col-md-4">
					<!-- Icon Box -->
					<div class="feature feature-1 text-center animated" data-animation="fadeInUp" data-animation-delay="300">
						<span class="icon icon-default icon-lg"><i class="fa fa-star"></i></span>
						<h5>ROADWORKS HIGHWAY CONSTRUCTION</h5>
					</div>
				</div>
				<div class="col-md-4">
					<!-- Icon Box -->
					<div class="feature feature-1 text-center animated" data-animation="fadeInUp" data-animation-delay="600">
						<span class="icon icon-default icon-lg"><i class="fa fa-trophy"></i></span>
						<h5>CONSTRUCTION HOSPITALS AND SCHOOLS</h5>
					</div>
				</div>
			</div>
		</div>
	</section>
@stop
@section('allmembers')
	<!-- Content -->
	<div id="content">

	 	<div class="masonry row no-padding bg-black">

			<div class="masonry-sizer col-md-3 col-sm-6 col-xs-12"></div>
		
			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member01_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Sebastian Kler</h5>
							<span class="text-muted">CEO / Founder</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member02_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Sebastian Kler</h5>
							<span class="text-muted">CEO / Founder</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member03_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Sebastian Kler</h5>
							<span class="text-muted">CEO / Founder</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member04_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Sebastian Kler</h5>
							<span class="text-muted">CEO / Founder</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member05_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Sebastian Kler</h5>
							<span class="text-muted">CEO / Founder</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member06_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Sebastian Kler</h5>
							<span class="text-muted">CEO / Founder</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member07_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Sebastian Kler</h5>
							<span class="text-muted">CEO / Founder</span>
						</a>
					</div>
				</div>
			</div>

			<div class="masonry-item col-md-3 col-sm-6 col-xs-12">
				<!-- Image -->
				<div class="image-box inner-title text-center">
					<div class="image">
						<img src="assets/img/members/member08_h.jpg" alt="">
					</div>
					<div class="title">
						<a href="#" data-toggle="modal" data-target="#SebastianKler">
							<h5 class="mb-0">Sebastian Kler</h5>
							<span class="text-muted">CEO / Founder</span>
						</a>
					</div>
				</div>
			</div>

		</div>

		

	
	</div>
	<!-- Content / End -->
@stop
@section('myservices')
	<!-- Section / Services -->
	<section id="services">
		<div class="container">
			<div class="row text-center mb-70">
				<div class="col-lg-8 col-lg-push-2">
					<h6 class="text-uppercase text-muted mb-40">Services</h6>
					<h4>Aenean neque justo, pellentesque eget orci ac, vestibulum laoreet nulla. Nunc nunc nisi, hendrerit sed arcu gravida, ultricies lobortis odio.</h4>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<!-- Icon Box -->
					<div class="feature feature-1 text-center bordered animated" data-animation="fadeInLeft">
						<span class="icon icon-primary icon-lg"><i class="ti-layers"></i></span>
						<h3>Interior &amp; Exterior Design</h3>
						<p class="text-muted">Nunc nunc nisi, hendrerit sed arcu gravida, ultricies lobortis odio. Vivamus pellentesque dolor quis mi cursus malesuada.</p>
					</div>
				</div>
				<div class="col-md-6">
					<!-- Icon Box -->
					<div class="feature feature-1 text-center bordered animated" data-animation="fadeInRight">
						<span class="icon icon-primary icon-lg"><i class="ti-receipt"></i></span>
						<h3>Cost estimating</h3>
						<p class="text-muted">Nunc nunc nisi, hendrerit sed arcu gravida, ultricies lobortis odio. Vivamus pellentesque dolor quis mi cursus malesuada.</p>
					</div>
				</div>
			</div>
		</div>
	</section>
@stop

@section('mygallery')
	<!-- Section / Gallery -->
	<section id="gallery" class="cover bg-dark">

		<h6 class="hidden
		">Gallery</h6>

		<div class="carousel inner-controls" data-items="3" data-pagination="true" data-navigation="true" data-autoplay="3000">
			<div class="slide">
				<img src="assets/img/slider2/1.jpg" alt="">
			</div>
			<div class="slide">
				<img src="assets/img/slider2/2.jpg" alt="">
			</div>
			<div class="slide">
				<img src="assets/img/slider2/3.jpg" alt="">
			</div>
			<div class="slide">
				<img src="assets/img/slider2/4.jpg" alt="">
			</div>
			<div class="slide">
				<img src="assets/img/slider2/5.jpg" alt="">
			</div>
			<div class="slide">
				<img src="assets/img/slider2/6.jpg" alt="">
			</div>
			<div class="slide">
				<img src="assets/img/slider2/7.jpg" alt="">
			</div>
			
		</div>
		
	</section>
@stop

@section('backvideo')
	<!-- Section / Donate -->
	<section id="donate" class="section-xl text-center bg-primary dark">
	
        <!-- Video BG -->
        <div class="bg-video" data-property="{videoURL:'https://www.youtube.com/watch?v=f-Uj8HscQgM', showControls: false, containment:'self',startAt:50,mute:true,autoPlay:true,loop:true,opacity:.2}">
        </div>

		<h2>Want to CONTACT US? You'll get an answer instantly!</h2>
		<div class="row">
			<div class="col-md-4 col-md-push-4 col-sm-6 col-sm-push-3">
				<form class="contact-form validate-form" id="contact-form" method="POST" 
					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="form-group col-sm-6">
								<input name="name" id="name" type="text" class="form-control" placeholder="Name" required>
							</div>
							<div class="form-group col-sm-6">
								<input name="email" id="email" type="text" class="form-control" placeholder="E-mail address" required>
							</div>
						</div>
						<div class="form-group">
							<textarea name="message" id="message" cols="30" rows="7" class="form-control" placeholder="Message" required></textarea>
						</div>
						<div class="row">
							<div class="col-md-4 col-sm-6">
								<button type="submit" class="btn btn-filled btn-submit btn-block"><span>Send it <i class="fa fa-arrow-right"></i></span></button>
							</div>
						</div>
					</form>
			</div>
		</div>

	</section>
@stop

@section('mycontact')
	<!-- Content -->
	<div id="content">

		<section class="bg-grey">
			<div class="container text-center">
				<div class="row">
					<div class="col-lg-6 col-lg-push-3">
						<img class="mb-80" width="200" src="assets/img/logo-dark.png" alt="Okno">
					</div>
				</div>
				<div class="row">
					<div class="col-lg-3 col-lg-push-3">
						<span class="icon icon-primary icon-sm"><i class="fa fa-compass"></i></span>
						<h4>Warsaw, Poland</h4>
						<address class="mb-50">
							A795 Folsom Ave, Suite 600<br>
							San Francisco, CA 94107<br>
							+48 221 909 99<br>
							<a href="#" class="text-primary">your.name@example.com</a><br>
						</address>
						
					</div>
					<div class="col-lg-3 col-lg-push-3">
						<span class="icon icon-primary icon-sm"><i class="fa fa-compass"></i></span>
						<h4>Berlin, Germany</h4>
						<address class="mb-50">
							A795 Folsom Ave, Suite 600<br>
							San Francisco, CA 94107<br>
							+48 221 909 99<br>
							<a href="#" class="text-primary">your.name@example.com</a><br>
						</address>
						
					</div>
				</div>
			</div>
		</section>

		<section>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-push-2">
						<h2 class="text-center mb-50">Send Us a message!</h2>
						<form class="contact-form validate-form" id="contact-form" method="POST" 
						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="form-group col-sm-6">
									<input name="name" id="name" type="text" class="form-control" placeholder="Name" required>
								</div>
								<div class="form-group col-sm-6">
									<input name="email" id="email" type="text" class="form-control" placeholder="E-mail address" required>
								</div>
							</div>
							<div class="form-group">
								<textarea name="message" id="message" cols="30" rows="7" class="form-control" placeholder="Message" required></textarea>
							</div>
							<div class="row">
								<div class="col-sm-6">
									<div id="contact_recaptcha" class="g-recaptcha" data-sitekey="6LctuyUTAAAAAIECTA2-DBMnVeUz31Dt0J0FGBAH"></div>
								</div>
								<div class="col-sm-6">
									<button type="submit" class="btn btn-filled btn-submit mt-20"><span>Send it <i class="fa fa-arrow-right"></i></span></button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</section>
	</div>
	<!-- Content / End -->
@stop


@section('team')
	<!-- Section -->
	<section class="bg-grey pt-30">
		<div class="container">
			<div class="row mb-30">
				<!-- Member -->
				<div class="col-md-4 mb-30">
					<img src="assets/img/members/member01_v.jpg" alt="">
					<div class="p-30 bg-white">
						<h5 class="mb-0">Sebastian Kler</h5>
						<span class="text-muted">CEO / Founder</span>
						<p class="mt-20 mb-0">Cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est. </p>
					</div>
				</div>
				<!-- Member -->
				<div class="col-md-4 mb-30">
					<img src="assets/img/members/member02_v.jpg" alt="">
					<div class="p-30 bg-white">
						<h5 class="mb-0">Jessica Wine</h5>
						<span class="text-muted">Art Director</span>
						<p class="mt-20 mb-0">Cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est. </p>
					</div>
				</div>
				<!-- Member -->
				<div class="col-md-4 mb-30">
					<img src="assets/img/members/member03_v.jpg" alt="">
					<div class="p-30 bg-white">
						<h5 class="mb-0">Marek Hudson</h5>
						<span class="text-muted">Account Manager</span>
						<p class="mt-20 mb-0">Cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est. </p>
					</div>
				</div>
			</div>
			<div class="row text-center">
				<div class="col-lg-8 col-lg-push-2">
					<h3 class="mb-40">Would you like to join to our team? Check our current openings...</h3>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-6 col-lg-push-3">
					<div class="row">
						<div class="col-sm-6"><a href="page-careers.html" class="btn btn-primary btn-filled btn-block">Go to careers <i class="i-after ti-arrow-right"></i></a></div>
						<div class="col-sm-6"><a href="page-contact-1.html" class="btn btn-link btn-block">Contact Us</a></div>
					</div>
				</div>
			</div>
		</div>
	</section>
@stop

@section('myservices')
	<!-- Content -->
	<div id="content">
		
		<!-- Section -->
		<section class="section-double right" id="serv1">

			<div class="col-md-6 content">
				<h2>Housing</h2>
				<p class="lead">ENM will proudly embark on BNG and RDP projects other established projects include 1 700 BNG houses, also in the Free State. This project will continue into the next financial year. We take pride in building communities we build.</p>
			</div>
			<div class="col-md-6 image">
				<div class="bg-image"><img src="assets/img/photos/classic_photo01.jpg" alt=""></div>
			</div>
			
		</section>

		<!-- Section -->
		<section class="section-double left" id="serv2">

			<div class="col-md-6 content">
				<h2>Structural</h2>
				<p class="lead">Structural design is the methodical investigation of the stability, strength and rigidity of structures. The basic objective in structural analysis and design is to produce a structure capable of resisting all applied loads without failure during its intended life.</p>
			</div>
			<div class="col-md-6 image">
				<div class="bg-image"><img src="assets/img/photos/classic_photo02.jpg" alt=""></div>
			</div>
			
		</section>

		<!-- Section -->
		<section class="section-double right" id="serv3">

			<div class="col-md-6 content">
				<h2>Civil</h2>
				<p class="lead">ENM design and maintains roads, bridges, dams, and much needed civil structures in the communities we are contracted to. The Koppie Storm water drain system in the Ngwathe Local Municipality is a project we currently working on.</p>
			</div>
			<div class="col-md-6 image">
				<div class="bg-image"><img src="assets/img/photos/classic_photo03.jpg" alt=""></div>
			</div>
			
		</section>

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

@section('picele')
	<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