@extends($user_shop ?'web.user.layouts.layout' : 'web.layouts.layout')

@section('content')

			<section class="page-header page-header-xlg parallax parallax-3" style="background-image:url('/assets/images/vision-min.jpg')">
				<div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>

				<div class="container">
				</div>
			</section>
			<!-- /PAGE HEADER -->
			
			<section>
				<div class="container">
					
					<div class="row">
						<!-- LEFT COLUMNS -->
						<div class="col-md-9 col-sm-9 col-md-push-3 col-sm-push-3">
								<h1>Erreichbarkeit mit Familie & Privatem</h1>

								<div class="row">
								
									<div class="col-md-4 col-sm-4">
										<img class="img-fluid" src="/assets/images/1-min.jpg" alt="service" />
										<p class="small"><em>Nesciunt tofu stumptown aliqua, retro synth master cleanse.</em></p>
									</div>

									<div class="col-md-8 col-sm-8">
										<table class="table">
											<tr>
										  		<td><img class="" src="/assets/images/icons/icon_1.png" height="40px" width="40px" alt="" /></td>
										  		<td><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p></td>
										  	</tr>
										  	<tr>
										  		<td><img class="" src="/assets/images/icons/icon_2.png" height="40px" width="40px" alt="" /></td>
										  		<td><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p></td>
										  	</tr>
										  	<tr>
										  		<td><img class="" src="/assets/images/icons/icon_3.png" height="40px" width="40px" alt="" /></td>
										  		<td><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p></td>
										  	</tr>
										  	<tr>
										  		<td><img class="" src="/assets/images/icons/icon_4.png" height="40px" width="40px" alt="" /></td>
										  		<td><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p></td>
										  	</tr>
										  	<tr>
										  		<td><img class="" src="/assets/images/icons/icon_5.png" height="40px" width="40px" alt="" /></td>
										  		<td><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p></td>
										  	</tr>
										</table>
									</div>
								</div>

								<div class="col-md-12">
									<hr>
								</div>

								<div class="col-md-12">
									<h2>Mache Menschen glücklich ....</h2>
									<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
									<img class="img-fluid" src="/assets/images/produktfamilie.jpg" alt="" />
								</div>

								@include('web.templates._content_contact')
						</div>
						<!-- /LEFT COLUMNS -->

						<!-- RIGHT COLUMNS -->
						<div class="col-md-3 col-sm-3 col-md-pull-9 col-sm-pull-9">
							@include('web.templates._bcategories')
						</div>
						<!-- /RIGHT COLUMNS -->

					</div>
					
				</div>
			</section>


@endsection