projects.html

<!DOCTYPE html>
<html lang="de">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Umgesetzte und interessante Projekte, die man nicht alltäglich sieht.">
	<meta name="author" content="Roy Meissner">

	<link rel="shortcut icon" href="Images/leaf.png" />
	<title>Meissner Alternative Energienutzung - Projekte</title>

	<!-- Bootstrap -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
	<!-- Custom styles for this template -->
	<link rel="stylesheet" type="text/css" href="CSS/compressed.css" defer>

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" defer />

</head>

<body>
	<div class="navbar-wrapper">
		<div class="container">
			<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="//alternative-energienutzung.de/">Meissner Alternative Energienutzung</a>
					</div>
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav">
							<li><a href="//alternative-energienutzung.de/">Home</a></li>
							<li class="active"><a href="#">Projekte</a></li>
							<li><a href="about_us.html">Über uns</a></li>
							<li><a href="contact.html">Kontakt / Impressum</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="container marketing projects">
		<div class="row featurette">
			<div class="col-md-7">
				<h2 class="featurette-heading">Kein Platz auf dem Dach?
					<span class="text-muted">Zu ebener Erde geht genauso</span>
				</h2>
				<p class="lead">Solarthermieanlagen wurden ursprünglich für Dächer entwickelt, können aber genauso an der Hauswand oder zu ebener Erde installiert werden. Die abgebildete Anlage befindet sich auf unserem Privatgrundstück und versorgt unser Haus ganzjährig mit warmen
					Wasser und unterstützt unsere Heizung.</p>
			</div>
			<div class="col-md-5">
				<img class="featurette-image img-responsive" src="Images/projects/boden.jpg" width="500" height="500" alt="Bild in Arbeit" style="margin-top: -20px;" loading="lazy">
			</div>
		</div>

		<hr class="featurette-divider" id="komplex">

		<div class="row featurette">
			<div class="col-md-5">
				<img class="featurette-image img-responsive" src="Images/projects/DSCF1591.jpg" width="700" height="525" alt="Photovoltaik- und Solarthermieanlage auf einem Dach vereint" style="margin-top: 30px;" loading="lazy">
			</div>
			<div class="col-md-7">
				<h2 class="featurette-heading">Eine Lösung für alles.
					<br>
					<span class="text-muted">Sowohl Photovoltaik, als auch Thermie</span>
				</h2>
				<p class="lead">Eine Kombination aus Solarthemie und Photovoltaik stellt auf Ihrem Dach kein Problem dar. Selbst eine Terrassenüberdachung kann gewinnbringend genutzt werden und bietet Ihnen ein schattiges Plätzchen.</p>
			</div>
		</div>

		<hr class="featurette-divider">

		<div class="row featurette">
			<div class="col-md-7">
				<h2 class="featurette-heading">Ihnen gefallen typische Anlagen nicht?
					<span class="text-muted">Mal eine andere Variante</span>
				</h2>
				<p class="lead">Photovoltaikanlagen lassen sich auch ins Dach integrieren, sodass die sonst übliche Dachhaut (z.b. Dachziegel) entfällt. Dies stellt keinen Stilbruch dar und Ihr Dach bleibt genauso wiederstandsfähig, wie eh und je.</p>
			</div>
			<div class="col-md-5">
				<img class="featurette-image img-responsive" src="Images/projects/DSCF2023.jpg" width="700" height="525" alt="Pohotovoltaik-Anlage in einem Dach integriert" style="margin-top: 30px;" loading="lazy">
			</div>
		</div>

		<hr class="featurette-divider">

		<div class="row featurette">
			<div class="col-md-5">
				<img class="featurette-image img-responsive" src="Images/projects/wintergarten2.jpg" width="566" height="500" alt="Bild in Arbeit" style="margin-top: 40px;" loading="lazy">
			</div>
			<div class="col-md-7">
				<h2 class="featurette-heading">Mit Thermieanlagen kann man nicht nur das Haus heizen.
					<span class="text-muted">Pool, Wintergärten und ...</span>
				</h2>
				<p class="lead">Solarthermieanlagen eignen sich auch dazu alles um Ihr Haus herum zu heizen. Der Pool kann beispielsweise aus Ihrem Wintergarten heraus geheizt werden, was diesen gleichzeitig durch das kühlere Poolwasser angenehm temperiert. In der Übgangszeit kann
					umgeschaltet und der Wintergarten zusätzlich geheizt werden.</p>
			</div>
		</div>

		<hr class="featurette-divider">

		<div class="row featurette">
			<div class="col-md-7">
				<h2 class="featurette-heading">Mit der Sonne Ihre Raumluft erwärmen.
					<span class="text-muted">Für Ihr Haus und auch alle Nebengebäude</span>
				</h2>
				<p class="lead">Warmluftkollektoren erwärmen ohne zusätzlichen Strombedarf Ihr Nebengebäude/Gartenhaus/Ferienhaus mit Hilfe der Sonne und führen gleichzeitig frische Luft zu. Das verhindert Schimmelbildung und feuchte Räume.</p>
			</div>
			<div class="col-md-5">
				<img class="featurette-image img-responsive" src="Images/projects/warmluft.jpg" width="500" height="500" alt="Bild eines Warmluftkollektors an einem Haus" style="margin-top: 30px;" loading="lazy">
			</div>
		</div>

		<hr class="featurette-divider" id="terrasse">

		<div class="row featurette">
			<div class="col-md-5">
				<img class="featurette-image img-responsive" src="Images/projects/1.jpg" width="500" height="500" alt="Abbildung von durscheinenden Photovoltaik-Modulen" loading="lazy">
			</div>
			<div class="col-md-7">
				<h2 class="featurette-heading">Schattige Terrasse und das Sparschwein füllen.
					<span class="text-muted">Photovoltaik als Terrassenüberdachung</span>
				</h2>
				<p class="lead">Rahmenlose, durchscheinende Photovoltaikmodule können die Funktion eines Terrassendachs übernehmen und gleichzeitig Energie produzieren. Sie haben im Sommer einen Platz zum Sitzen und erfreuen sich beim Blick auf Ihren Stromzähler.</p>
			</div>
		</div>

		<hr class="featurette-divider">

		<div class="row featurette">
			<div class="col-md-7">
				<h2 class="featurette-heading">Stören Sie feuchte Wände?
					<span class="text-muted">Dies kann ohne viel Aufwand beseitigt werden</span>
				</h2>
				<p class="lead">Mit intelligenten Lüftungssystemen schaffen Sie es Ihre Räume zu trocknen. Diese arbeiten nur, wenn die Außenluft Feuchtigkeit aufnehmen und aus Ihren Räumen transportieren kann. Das beseitigt muffige Luft, feuchte Möbel und Schimmel.</p>
			</div>
			<div class="col-md-5">
				<img class="featurette-image img-responsive" src="Images/projects/Luefter.jpg" width="676" height="500" alt="Bild der Abluftgeräte im Gras" style="margin-top: 40px;" loading="lazy">
			</div>
		</div>

		<hr class="featurette-divider">

		<div class="row featurette">
			<div class="col-md-5">
				<img class="featurette-image img-responsive" src="Images/projects/fassade2.jpg" width="725" height="500" alt="Bild in Arbeit" style="margin-top: 30px;" loading="lazy">
			</div>
			<div class="col-md-7">
				<h2 class="featurette-heading">Fassadengestaltung mal anders.
					<span class="text-muted">Auch ihre Wände können Sie nutzen</span>
				</h2>
				<p class="lead">Photovoltaik- und Solarthermieanlagen können auch an Fassaden angebracht werden. Ob senkrecht zur Wand oder im 45° Winkel - In jedem Fall profitieren Sie davon.</p>
			</div>
		</div>

		<hr class="featurette-divider">

		<div class="row featurette">
			<div class="col-md-7">
				<h2 class="featurette-heading">Das sind nur einige Beispiele!
					<span class="text-muted">Sie können noch viel mehr entdecken</span>
				</h2>
				<p class="lead">Wir haben über die Jahre noch deutlich mehr Anlagen konzipiert und aufgebaut, Ihnen jedoch die Interessantesten heraus gesucht. Bei Bedarf zeigen wir Ihnen gern vor Ort noch weitere Anlagen.</p>
			</div>
			<div class="col-md-5">
				<img class="featurette-image img-responsive" src="Images/projects/kollage2.jpg" width="500" height="375" alt="Bild in Arbeit" loading="lazy">
			</div>
		</div>

		<hr class="featurette-divider">
	</div>
	<!-- /.container -->

	<!-- FOOTER -->
	<footer id="footer">
		<div class="container">
			<p class="pull-right"><a class="btn btn-success" role="button" data-toggle="modal" data-target="#umweltModal" style="margin-right: 40px">Klimaschutz</a><a href="#" id="gotoTop">Nach oben <i class="fa fa-arrow-up"></i></a></p>
			<p>Meissner Alternative Energienutzung, <a href="data_protection_policy.html">Datenschutzerklärung</a></p>
		</div>
	</footer>

	<div class="modal fade" id="umweltModal" tabindex="-1" role="dialog" aria-labelledby="umwelt" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span>
						<span class="sr-only">Schließen</span>
					</button>
					<h2 class="modal-title" id="umwelt">Unser Beitrag zum Umweltschutz</h2>
				</div>
				<div class="modal-body">
					<h4>Website</h4>
					<p>Diese Website wird beim Anbieter <a href="https://www.strato.de/ueber-uns/#klimaschutz" target="_blank">Strato</a> betrieben, der von Beginn an auf effiziente Technik setzt. In diesem Zusammenhang werden aktuelle Server eingesetzt, die einerseits
						Strom sparen, andererseits ausgeschaltet werden, wenn keine Last anliegt. Sämtlicher, für den Betrieb der Server, verwendeter Strom wird klimaneutral über Laufwasserkraftwerke erzeugt.</p>
					<hr>
					<h4>Unsere Technik</h4>
					<p>Auch die bei uns in der Firma zum Einsatz kommende Technik (Rechentechnik, Fahrzeuge) und das Büromaterial wurden von uns mit einem Augenmerk auf die Umwelt ausgewählt. Erstere ist energieeffiziente und speziell auf unser Anwendungsgebiet zugeschnitten,
						verschenkt also keine ungenutzte Kapazität, zweiteres wird von uns maximal lang genutzt und nur erneuert, wenn es wirklich nötig ist.</p>
					<hr>
					<h4>Von uns geplante Anlagen</h4>
					<p>Für unsere Kunden nutzen wir bei der Auslegung der Anlagen immer aktuellste Technik, die einerseits einen Mehrwert durch neuste Funktionen bietet, andererseits sowohl selbst effizienter wird, als auch effizienter hergestellt werden kann. Die von
						uns geplanten Lösungen sind für unsere Kunden maßgeschneidert und verschenken damit keine Kapazitäten, wie es Lösungen von der Stange tun würden. Bei der Auswahl der mit uns zusammenarbeitenden Unternehmen achten wir auf lokale Betriebe und versuchen
						lange Lieferketten zu vermeiden. </p>
				</div>
			</div>
		</div>
	</div>

	<!-- Javascript Frameworks-->
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous" defer></script>
	<script type="application/javascript">
		/*!
		 * IE10 viewport hack for Surface/desktop Windows 8 bug
		 * Copyright 2014 Twitter, Inc.
		 * Licensed under the Creative Commons Attribution 3.0 Unported License. For
		 * details, see http://creativecommons.org/licenses/by/3.0/.
		 */

		// See the Getting Started docs for more information:
		// http://getbootstrap.com/getting-started/#support-ie10-width

		(function() {
			'use strict';
			if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
				var msViewportStyle = document.createElement('style')
				msViewportStyle.appendChild(
					document.createTextNode(
						'@-ms-viewport{width:auto!important}'
					)
				)
				document.querySelector('head').appendChild(msViewportStyle)
			}
		})();

		// Scrolls to the selected menu item on the page
		$('#gotoTop').click(function() {
			var target = $('html');
			$('html,body').animate({
				scrollTop: target.offset().top
			}, 1000);
			return false;
		});
	</script>
</body>

</html>