-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
403 lines (373 loc) · 21.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
<!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="Informieren Sie sich über Ihre Möglichkeiten Geld zu sparen oder sogar zu verdienen!">
<meta name="author" content="Roy Meissner">
<meta name="google-site-verification" content="MNvLNw3QK3s5qcIH7vHfdZWxzvbJugSmllptXfV8dhM" />
<link rel="shortcut icon" href="Images/leaf.png" />
<title>Meissner Alternative Energienutzung</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 />
<style>
.popover {
max-width: 1000px;
}
</style>
</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="#">Meissner Alternative Energienutzung</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="projects.html">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 id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="8000">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<div class="container">
<img src="Images/Carousel/lkw.jpg" width="300" height="300" alt="Zwei LKW auf einer Autobahn" loading="lazy">
<div class="caro-caption">
<h1>Keine Lust auf Lieferschwierigkeiten?</h1>
<br>
<p>Kein Problem! Wir beliefern Sie gern und zeitnah mit den nötigen Komponenten.</p>
<p><a class="btn btn-lg btn-primary tool" href="contact.html" role="button" data-toggle="tooltip" data-placement="bottom" title="Kontakt">Kontaktieren Sie uns!</a></p>
</div>
</div>
</div>
<div class="item">
<div class="container">
<img src="Images/Carousel/1.jpg" width="300" height="300" alt="Bild einer Photovoltaik-Terrassenanlage" loading="lazy">
<div class="caro-caption">
<h1>Eine Terrasse, die Sie mit Energie versorgt?</h1>
<br>
<p>Kein Problem! Sie können Sitzecken oder Wintergärten bequem mit PV-Modulen als Dach verkleiden</p>
<p><a class="btn btn-lg btn-primary tool" href="projects.html#terrasse" role="button" data-toggle="tooltip" data-placement="bottom" title="Zur Projektseite">Mehr erfahren</a></p>
</div>
</div>
</div>
<div class="item">
<div class="container">
<div class="caro-caption">
<h1>Ihr Dach ist komplex?</h1>
<br>
<p>Ebenfalls kein Problem. Die Anlagen werden so geplant, das sie perfekt zu Ihrem Dach passen.</p>
<p><a class="btn btn-lg btn-primary tool" href="projects.html#komplex" role="button" data-toggle="tooltip" data-placement="bottom" title="Zur Projektseite">Mehr erfahren</a></p>
</div>
<img src="Images/Carousel/2.jpg" width="300" height="300" alt="Bild eines Dachs mit einer Photovoltaikanlage, die kompliziert aufgebaut ist" loading="lazy">
</div>
</div>
<div class="item">
<div class="container">
<img src="Images/Carousel/6.jpg" width="300" height="300" alt="Bild von Dachdeckern beim Aufbau einer Photovoltaikanlage" loading="lazy">
<div class="caro-caption">
<h1>Wie ist das eigentlich mit dem Aufbau?</h1>
<br>
<p>Unser kompetentes Fach-Personal übernimmt den Aufbau der Anlage auf Ihrem Dach.</p>
<p><a class="btn btn-lg btn-primary" role="button" data-toggle="modal" data-target="#aufbaukModal">Mehr erfahren</a></p>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<!-- /.carousel -->
<div class="container marketing mobil">
<div class="row text-center">
<div class="col-md-4">
<img class="img-circle" src="Images/photovoltaik.jpg" alt="Bild einer Photovoltaik-Anlage in der Sonne" width="140" height="140" loading="lazy">
<h2>Photovoltaik</h2>
<p>Schaffen Sie sich mit Hilfe Ihres Daches Ihre eigene Stromversorgung oder verkaufen Sie den Strom an die Energiebetreiber. Auf welche Art Sie das auch tun: Es ist immer ein Gewinn für Sie!</p>
<p><a class="btn btn-default" role="button" data-toggle="modal" data-target="#photovoltaikModal">Details »</a></p>
</div>
<div class="col-md-4">
<img class="img-circle" src="Images/thermie2.jpg" alt="Bild mehrerer Thermiekollektoren in der Sonne" width="140" height="140" loading="lazy">
<h2>Solarthermie</h2>
<p>Sie wollen wertvolle Ressourcen sparen und Ihre Heizkosten minimieren? Solarthermie-Anlagen helfen Ihnen dabei Ihre Heizung im Sommer ganz auszuschalten.</p>
<p><a class="btn btn-default" role="button" data-toggle="modal" data-target="#thermieModal">Details »</a></p>
</div>
<div class="col-md-4">
<img class="img-circle" src="Images/trocknung2.jpg" alt="Bild einer Backsteinwand" width="140" height="140" loading="lazy">
<h2>Gebäudetrockenlegung</h2>
<p>Wenn Sie in einem Altbau wohnen, kennen Sie vielleicht das Problem feuchter Kellerwände. Das muss weder so sein, noch muss die Beseitigung viel kosten.</p>
<p><a class="btn btn-default" role="button" data-toggle="modal" data-target="#trockenModal">Details »</a></p>
</div>
</div>
<!-- /.row -->
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Sie ersticken in einem Berg aus Rechnungen?
<span class="text-muted">Und jedes Jahr wird die Zahl größer?</span>
</h2>
<p class="lead">Das muss nicht so sein!
<br> Mit Hilfe alternativer Energien, wie Photovoltaik oder Solarthermie, können Sie Ihre Energierechnungen verringern. Sie nutzen Ressourcen, die sowieso kostenlos sind und schonen damit die Umwelt.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive" src="Images/money2.jpg" width="500" height="500" alt="Bild in Arbeit" 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/entspannung.jpg" width="500" height="500" alt="Bild in Arbeit" loading="lazy">
</div>
<div class="col-md-7">
<h2 class="featurette-heading">Unterstützen Sie Ihr Leben.
<span class="text-muted">Alternative Energien machen es Ihnen leichter</span>
</h2>
<p class="lead">Durch die Nutzung solarer Energie gestalten Sie Ihr Leben aktiv und auf einfache Weise. Alles funktioniert automatisch und arbeitet mit Ihren bisherigen Systemen so zusammen, als ob diese schon immer zusammengehört hätten.</p>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Der Umwelt etwas Gutes tun.
<span class="text-muted">Auch Ihr Beitrag zählt</span>
</h2>
<p class="lead">Durch die Erweiterung und Optimierung Ihres Hauses mit alternativer Energie tun Sie aktiv etwas dafür, dass auch Ihre Kinder den Planeten noch so erleben können, wie Sie ihn als Kind erlebt haben. Schließlich hätten auch Sie Ihre Kindheit nicht zwischen
Plastikbäumen und Hochhäusern verbringen wollen.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive" src="Images/natur.jpg" width="500" height="500" alt="Bild eines Regendwalds im Nebel" loading="lazy">
</div>
</div>
<hr class="featurette-divider">
</div>
<!-- /.container -->
<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="aufbaukModal" tabindex="-1" role="dialog" aria-labelledby="Fachpersonal" 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">×</span>
<span class="sr-only">Schließen</span>
</button>
<h2 class="modal-title" id="Fachpersonal">Unser Fachpersonal</h2>
</div>
<div class="modal-body">
<p> Wir arbeiten mit regionalen, zugelassenen Elektrikern, Dachdeckerfachbetrieben und Installateuren - auch Ihrer Wahl - zusammen, um Ihnen eine fach- und sachgerechte Anlage bieten zu können. Bevor wir als Firma Ihnen ein Angebot erstellen, machen
wir uns mit Ihren örtlichen Gegebenheiten vertraut und beraten Sie zu den verschiedenen Möglichkeiten der Anlageninstallation. Dadurch sind wir in der Lage, Ihnen ein speziell für Sie zugeschnittenes Angebot zu erstellen und Sie auch in der Bauphase
zu betreuen. </p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="photovoltaikModal" tabindex="-1" role="dialog" aria-labelledby="Photovoltaik" 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">×</span>
<span class="sr-only">Schließen</span>
</button>
<h2 class="modal-title" id="Photovoltaik">Photovoltaik</h2>
</div>
<div class="modal-body">
<p>
Solarzellen funktionieren ähnlich wie die LED-Beleuchtung in Ihrem Haushalt. Einer Led wird Strom zugeführt und in Bruchteilen von Sekunden geben diese Licht ab. Das sogar hocheffizient.
</p>
<p>
Solarzellen nutzen den gleichen Effekt, aber in umgekehrter Richtung. Sie werden beleuchtet und geben, über den sogenannten Foto-elektrischen Effekt, Strom ab.
<br>Werden die Solarzellen groß genug (wird bspw. Ihr Dach damit verkleidet), so könnten Sie an sonnenreichen Tagen mit Leichtigkeit Ihr ganzes Haus damit versorgen, somit den selbstproduzierten Strom persönlich nutzen. Wenn Sie aber bspw. Ihrer Arbeit
nachgehen und nicht zu Hause sind, würde dieser Strom ungenutzt bleiben. Genau deshalb wird er in das örtliche Netz eingespeist und anderen Personen bzw. Firmen zur Verfügung gestellt. Ein Zähler innerhalb ihres Haushalts rechnet mit, wieviel Strom
Sie eingespeist haben und am Ende des Monats bekommen Sie Diesen von den Energiekonzernen vergütet. Sie bilden also Ihr eigenes Kraftwerk.
</p>
<p>
Alternativ können Sie den am Tag produzierten Strom auch in einem Akku, ähnlich wie dem in Ihrem Smartphone, zwischenspeichern. Wenn Sie schließlich abends nach Hause kommen, können Sie Diesen dann selbst verbrauchen, egal ob mit PC, Fernseher oder Waschmaschine.
</p>
<p>
Photovoltaik-Anlagen bieten sich vor allem für sonst ungenutze Flächen, wie Ihr Hausdach, Ihr Garagendach oder als Überdachung für Ihre Terrasse an. Damit verschwenden Sie keinen wertvollen Platz in Ihrem Garten, müssen sich um nichts kümmern und verdienen
bzw. sparen Geld.
</p>
<p>
Individuell auf Ihre Bedürfnisse und die baulichen Gegebenheiten abgestimmt, bieten wir Ihnen Photovoltaikanlagen für Hausdächer, Flachdächer, Fassaden, als Terrassenverkleidung und falls nicht anders möglich - zu ebener Erde - an. Wir beraten Sie ausführlich,
planen Ihre Anlage und bauen Diese mit kompetentem Fachpersonal auf. Sie bekommen alles aus einer Hand.
</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="thermieModal" tabindex="-1" role="dialog" aria-labelledby="Solarthermie" 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">×</span>
<span class="sr-only">Schließen</span>
</button>
<h2 class="modal-title" id="Solarthermie">Solarthermie</h2>
</div>
<div class="modal-body">
<h3>Wasserthermie</h3>
<p>
Sie kennen sicher den Effekt, dass wenn Sie schwarze Gegenstände anfassen, die in der Sonne lagen, Sie sich fast verbrennen. Schwarz beschichtete Metalle erwärmen sich in der Sonne schnell und leiten durch die ihnen eigenen Eigenschaften Wärme sehr gut
weiter. Lässt man nun über schwarze Metallflächen Wasser strömen, so erhitzt sich das Wasser. Wir haben also einen einfachen Warmwasser Kollektor entworfen.
</p>
<p>
Heutige Kollektoren sind deutlich komplexer und viel Forschung ist in Diese eingeflossen, damit sie ihre Arbeit so effektiv wie nur möglich verrichten können. Bereits mit vier Quadratmetern dieser Kollektoren können Sie ihr Einfamilienhaus mit warmen
Wasser versorgen. Dabei würden die Kollektoren ihre Energie in einen Wärmespeicher einspeisen, der als Wärmebatterie für Ihr Haus fungiert. Ihre Heizungsanalge kann die Wärme aus diesem Speicher entnehmen und Ihr Haus erwärmen bzw. Ihnen heißes
Wasser zur Verfügung stellen - so gut wie kostenlos.
</p>
<p>
Wie Sie diese Wärme verbrauchen, bleibt Ihnen überlassen. Ob mit Ihrer Heizung, mit Ihrem Warmwasser, mit Ihrer Waschmachine oder als Wärmequelle für Ihren Pool, alles ist möglich. Indem Sie die Wärme von der Sonne statt aus Ihrer Heizungsanlage beziehen,
muss Diese sich nicht mehr so häufig einschalten. Das spart, je nachdem was Sie benutzen, Öl, Gas, Holz oder auch Strom und senkt damit Ihre Enrgierechnung - und das funktioniert sogar im Winter!
</p>
<p>Eine staatliche Förderung ist von Bundesland zu Bundesland unterschiedlich – stellt aber in jedem Fall einen Anreizpunkt für die Nutzung alternativer Energien dar. Auch eine Solarthermieanlage kann individuell, abgestimmt auf Ihren Geschmack, an
die Architektur Ihres Hauses angepasst werden.
</p>
<br>
<h3>Luftthermie</h3>
<p>
Warmluftkollektoren arbeiten nach dem gleichen Prinzip wie Warmwasserkollektoren, nur das Diese als Medium nicht Wasser, sondern Luft verwenden. Die erwärmte Luft kann Räume erwärmen und zugleich als Frischluftzufuhr dienen. Entwickelt wurden die Anlagen
für Ferienhäuser, Garagen und Schuppen, die durch seltene Benutzung zu einer hohen Luftfeuchtigkeit und damit Schimmelbildung, Pilzbefall und auch schlechtem Geruch neigen.
</p>
<p>
Die Installation eines solchen Moduls kann senkrecht zur Wand, auf dem Dach oder zu ebener Erde erfolgen. Die Luft wird von der Sonne aufgewärmt und ins Haus geblasen, nimmt Feuchtigkeit auf und verdrängt gleichzeitig die alte Raumluft. Die Feuchtigkeit
wird damit nach außen transportiert, weg von Ihren Möbeln und Wänden. Ein kleines, integriertes Photovoltaikmodul sorgt für die Ansteuerung des zur Umwälzung benötigten Lüfters. Die Anlage arbeitet für Sie also vollkommen kostenfrei.
</p>
<p>
Unsere Firma bietet Ihnen beide Anlagentypen inklusive Auslegung und Montage bzw. auch zur Selbstmontage an. Bei Interesse kontaktieren Sie uns über unsere Webseite, wir beraten Sie gern.
</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="trockenModal" tabindex="-1" role="dialog" aria-labelledby="trockenlegung" 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">×</span>
<span class="sr-only">Schließen</span>
</button>
<h2 class="modal-title" id="trockenlegung">Gebäudetrockenlegung</h2>
</div>
<div class="modal-body">
<p>
Wenn Sie einen Altbau haben, kennen Sie sicher das Problem feuchter Wände bzw. Räume. Die Luft riecht muffig, die Feuchtigkeit ist hoch und über die Zeit bilden sich Pilze und Schimmel an Ihren Wänden. Diese zerstören das Mauerwerk, sind schlecht für
die Einrichtung und können potenziell gesundheitsschädlich sein.
</p>
<p>
Um zu verhindern, dass eben Dies passiert, wurden spezielle Lüfter entwickelt, die die einen Luftaustausch zwischen Raumluft und Außenluft, abhängig von der Luftfeuchte, ermöglichen. Eine intelliegente, integrierte Steuereinheit inkl. Sensoren und Lüftern
beseitigt das Problem feuchter Räume. Es muss also keine teure Haussanierung bzw. Isoierung vorgenommen werden. Die Radiallüfter werden lediglich in Kellerfenstern oder Luftschächten verankert und funktionieren ab dann ganz ohne Ihr Zutun.
</p>
<p>
Je nach örtlicher Gegebenheit kann auch ein Warmluftkollektor eingesetzt werden, der zusätzlich zum Luftaustausch und zur Trocknung beiträgt. Dies müsste jedoch von uns vor Ort besichtigt und mit Ihnen besprochen werden.
</p>
</div>
</div>
</div>
</div>
<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">×</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"></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)
}
})();
$('.tool').tooltip();
$('.modal').on('show.bs.modal', function(e) {
$('#myCarousel').carousel('pause');
});
$('.modal').on('hidden.bs.modal', function(e) {
$('#myCarousel').carousel('cycle');
});
// 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>