<!DOCTYPE HTML>
<!--
	Natursteine Andr&eacute; Mertel
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Natursteine Andr&eacute; Mertel</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-preload">

		<!-- Page Wrapper -->
			<div id="page-wrapper">

				<!-- Header -->
					<header id="header" class="alt">
						<h1><a href="index.html">Natursteine Andr&eacute; Mertel</a></h1>
						<nav>
							<a href="#menu">Menu</a>
						</nav>
					</header>

				<!-- Menu -->
					<nav id="menu">
						<div class="inner">
							<h2>Menu</h2>
							<ul class="links">
								<li><a href="index.html">Home</a></li>
								<li><a href="ueberuns.html">&Uuml;ber Uns</a></li>
								<li><a href="grabmale.html">Grabmale</a></li>
								<li><a href="treppen.html">Treppen</a></li>
								<li><a href="kuechenarbeitsplatten.html">Arbeitsplatten</a></li>
								<li><a href="gartensteine.html">Denkm&auml;hler&nbsp;&nbsp;&nbsp;Gartensteine</a></li>
								<li><a href=""></a></li>
								<li><a href="impressum.html">Impressum</a></li>
							</ul>
							<a href="#" class="close">Close</a>
						</div>
					</nav>

				
					<section id="banner">
						<div class="inner">
							<div class="logo"><img src="logo.png"></div>
							<h2>Natursteine Andr&eacute; Mertel</h2>
							<p>Steinmetz- und Steinbildhauermeister<a href="http://html5up.net"></a></p>
						</div>
					</section> 

				<!-- Wrapper -->
					

						<!-- Four -->
							<section id="four" class="wrapper alt style1">
								<div class="inner">
									<section>
										<h3 class="major">Treppen</h3>
										<div class="box alt">
										<h4>Sprechen Sie uns an. Wir beraten Sie gerne!</h4>	
											<div class="row gtr-uniform">
												<div class="col-4"><span class="image fit"><img src="treppen/treppen1.jpg" alt="" /></span></div>
												<div class="col-4"><span class="image fit"><img src="treppen/treppen2.jpg" alt="" /></span></div>
                                              	<div class="col-4"><span class="image fit"><img src="treppen/treppen3.jpg" alt="" /></span></div>
                                              	<div class="col-4"><span class="image fit"><img src="treppen/treppen4.jpg" alt="" /></span></div>
                                              	<div class="col-4"><span class="image fit"><img src="treppen/treppen5.jpg" alt="" /></span></div>
                                              	<div class="col-4"><span class="image fit"><img src="treppen/treppen6.jpg" alt="" /></span></div>
												
											</div>
										
									
								</div>
							</section>

					</section>

				<!-- Footer -->
					<section id="footer">
						<div class="inner">
							<h2 class="major">Kontakt</h2>
							<p><h3>&Ouml;ffnungszeiten:</h3>Unsere Ausstellung ist t&auml;glich ge&ouml;ffnet!  -  Beratung jederzeit nach Vereinbarung.</p></br></br>
							<p><b>Wir freuen uns auf Ihre Anfrage.</b></p>
							<form method="post" action="#">
								<div class="fields">
									<div class="field">
										<label for="name">Name</label>
										<input type="text" name="name" id="name" />
									</div>
									<div class="field">
										<label for="email">Email</label>
										<input type="email" name="email" id="email" />
									</div>
									<div class="field">
										<label for="message">Nachricht</label>
										<textarea name="message" id="message" rows="4"></textarea>
									</div>
								</div>
								<ul class="actions">
									<li><input type="submit" value="Nachricht verschicken" /></li>
								</ul>
							</form>
							<ul class="contact">
								<li class="fa-home">
									Natursteine Andr&eacute; Mertel<br />
									Gr&uuml;nheckstra&szlig;e 10<br />
									DE-76891 Erlenbach
								</li>
								<li class="fa-phone">+49 (0) 6398-372</li>
								<li class="fa-fax">+49 (0) 6398-1225</li>
								<li class="fa-envelope"><a href="#">info@mertel-natursteine.de</a></li>
							</ul>
							<ul class="copyright">
								<li>&copy; Natursteine Andr&eacute; Mertel</li><li>Design: Melanie Eurich <a href="http://html5up.net"></a></li>
							</ul>
						</div>
					</section>

			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>