bla bla changes bla impressum and stuff

main/README.md

@@ -1,62 +0,0 @@
-# [Start Bootstrap - Heroic Features](https://startbootstrap.com/template-overviews/heroic-features/)
-
-[Heroic Features](http://startbootstrap.com/template-overviews/heroic-features/) is a multipurpose HTML template for [Bootstrap](http://getbootstrap.com/) created by [Start Bootstrap](http://startbootstrap.com/).
-
-## Preview
-
-[![Heroic Features Preview](https://startbootstrap.com/assets/img/templates/heroic-features.jpg)](https://blackrockdigital.github.io/startbootstrap-heroic-features/)
-
-**[View Live Preview](https://blackrockdigital.github.io/startbootstrap-heroic-features/)**
-
-## Status
-
-[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/BlackrockDigital/startbootstrap-heroic-features/master/LICENSE)
-[![npm version](https://img.shields.io/npm/v/startbootstrap-heroic-features.svg)](https://www.npmjs.com/package/startbootstrap-heroic-features)
-[![Build Status](https://travis-ci.org/BlackrockDigital/startbootstrap-heroic-features.svg?branch=master)](https://travis-ci.org/BlackrockDigital/startbootstrap-heroic-features)
-[![dependencies Status](https://david-dm.org/BlackrockDigital/startbootstrap-heroic-features/status.svg)](https://david-dm.org/BlackrockDigital/startbootstrap-heroic-features)
-[![devDependencies Status](https://david-dm.org/BlackrockDigital/startbootstrap-heroic-features/dev-status.svg)](https://david-dm.org/BlackrockDigital/startbootstrap-heroic-features?type=dev)
-
-## Download and Installation
-
-To begin using this template, choose one of the following options to get started:
-* [Download the latest release on Start Bootstrap](https://startbootstrap.com/template-overviews/heroic-features/)
-* Install via npm: `npm i startbootstrap-heroic-features`
-* Clone the repo: `git clone https://github.com/BlackrockDigital/startbootstrap-heroic-features.git`
-* [Fork, Clone, or Download on GitHub](https://github.com/BlackrockDigital/startbootstrap-heroic-features)
-
-## Usage
-
-### Basic Usage
-
-After downloading, simply edit the HTML and CSS files included with the template in your favorite text editor to make changes. These are the only files you need to worry about, you can ignore everything else! To preview the changes you make to the code, you can open the `index.html` file in your web browser.
-
-### Advanced Usage
-
-After installation, run `npm install` and then run `gulp dev` which will open up a preview of the template in your default browser, watch for changes to core template files, and live reload the browser when changes are saved. You can view the `gulpfile.js` to see which tasks are included with the dev environment.
-
-## Bugs and Issues
-
-Have a bug or an issue with this template? [Open a new issue](https://github.com/BlackrockDigital/startbootstrap-heroic-features/issues) here on GitHub or leave a comment on the [template overview page at Start Bootstrap](http://startbootstrap.com/template-overviews/heroic-features/).
-
-## Custom Builds
-
-You can hire Start Bootstrap to create a custom build of any template, or create something from scratch using Bootstrap. For more information, visit the **[custom design services page](https://startbootstrap.com/bootstrap-design-services/)**.
-
-## About
-
-Start Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.
-
-* https://startbootstrap.com
-* https://twitter.com/SBootstrap
-
-Start Bootstrap was created by and is maintained by **[David Miller](http://davidmiller.io/)**, Owner of [Blackrock Digital](http://blackrockdigital.io/).
-
-* http://davidmiller.io
-* https://twitter.com/davidmillerskt
-* https://github.com/davidtmiller
-
-Start Bootstrap is based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).
-
-## Copyright and License
-
-Copyright 2013-2018 Blackrock Digital LLC. Code released under the [MIT](https://github.com/BlackrockDigital/startbootstrap-heroic-features/blob/gh-pages/LICENSE) license.

main/guided.html

@@ -57,7 +57,7 @@
         <p class="lead">Entdecken Sie Mount Fuji in seiner vollen Pracht </p>
         <a href="#" class="btn btn-primary btn-lg">Fuji jetzt entdecken!</a>
       </header>
-	 <form action="/action_page.php">
+	 <form action="#">
  <div class="form-group">
   <label for="sel1">Anrede:</label>
   <select class="form-control" id="sel1">
@@ -79,7 +79,7 @@
   </div>
 <div class="form-group">
     <label for="plz">Plz:</label>
-    <input type="number" class="form-control" id="plz">
+    <input type="text" class="form-control" id="plz">
   </div>
 <div class="form-group">
     <label for="ort">Ort:</label>
@@ -88,6 +88,10 @@
 <div class="form-group">
     <label for="mail">E-mail:</label>
     <input type="email" class="form-control" id="mail">
+  </div>
+<div class="form-group">
+    <label for="date">E-mail:</label>
+    <input type="date" class="form-control" id="date">
   </div>
   	<button type="submit" class="btn btn-default">Submit</button>
 	</form> 

main/impressum.html

@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+    <title>Mount Fuji</title>
+
+    <!-- Bootstrap core CSS -->
+    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+    <!-- Custom styles for this template -->
+    <link href="css/heroic-features.css" rel="stylesheet">
+
+  </head>
+
+  <body>
+
+    <!-- Navigation -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      <div class="container">
+        <a class="navbar-brand" href="index.html">Mount Fuji</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarResponsive">
+          <ul class="navbar-nav ml-auto">
+            <li class="nav-item active">
+              <a class="nav-link" href="index.html">Home
+                <span class="sr-only">(current)</span>
+              </a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="about.html">About</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#">Services</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="contact.html">Contact</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <!-- Page Content -->
+    <div class="container">
+
+	<div class='impressum'><h1>Impressum</h1><p>Angaben gemäß § 5 TMG</p><p>Philipp Allmendinger <br> 
+XXXXXXX<br> 
+xxxxx XXXXXX <br> 
+</p><p> <strong>Vertreten durch: </strong><br>
+Philipp Allmendinger<br>
+</p><p><strong>Kontakt:</strong> <br>
+Telefon: xxxxx-xxxxxx<br>
+E-Mail: <a href='mailto:x@y.z'>x@y.z</a></br></p><p><strong>Haftungsausschluss: </strong><br><br><strong>Haftung für Inhalte</strong><br><br>
+Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.<br><br><strong>Urheberrecht</strong><br><br>
+Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.<br><br><strong>Datenschutz</strong><br><br>
+Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben. <br>
+Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich. <br>
+Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.<br>
+</p><br> 
+Website Impressum erstellt durch <a href="https://www.impressum-generator.de">impressum-generator.de</a> von der <a href="https://www.kanzlei-hasselbach.de/">Kanzlei Hasselbach</a>
+ </div>
+ 
+    <!-- Footer -->
+    <footer class="py-5 bg-dark">
+      <div class="container">
+        <p class="m-0 text-center text-white">Copyright &copy; Your Website 2018</p>
+      </div>
+      <!-- /.container -->
+    </footer>
+
+    <!-- Bootstrap core JavaScript -->
+    <script src="vendor/jquery/jquery.min.js"></script>
+    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+  </body>
+
+</html>

main/index.html

@@ -69,7 +69,7 @@
               <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse necessitatibus neque.</p>
             </div>
             <div class="card-footer">
-              <a href="#" class="btn btn-primary">Find Out More!</a>
+              <a href="info.html" class="btn btn-primary">Find Out More!</a>
             </div>
           </div>
         </div>

main/info.html

@@ -53,72 +53,28 @@
 
       <!-- Jumbotron Header -->
       <header class="jumbotron my-4">
-        <h1 class="display-3">Wilkommen zu Mount Fuji</h1>
-        <p class="lead">Entdecken Sie Mount Fuji in seiner vollen Pracht </p>
-        <a href="#" class="btn btn-primary btn-lg">Fuji jetzt entdecken!</a>
+        <h1 class="display-3">Fuji-san</h1>
+	<p class="lead">Der Fuji ist ein Vulkan und mit 3776,24 m[5] Höhe über dem Meeresspiegel der höchste Berg Japans. Sein Gipfel befindet sich auf der japanischen Hauptinsel Honshū an der Grenze zwischen den Präfekturen Yamanashi und Shizuoka. Seit 2013 ist er Teil des Weltkulturerbes. </p>
+        <p class="lead">Er befindet sich in der Berührungszone der Eurasischen Platte, der Pazifischen Platte und der Philippinenplatte und gehört zu den Stratovulkanen (Schichtvulkanen) des pazifischen Feuerrings. Er wird als aktiv mit geringem Ausbruchsrisiko eingestuft.</p>
+	<p claSS="lead">
       </header>
+    <header class="jumbotron my-4">
+	<a href="https://www.findlocalweather.com/forecast/wi/mount+fuji.html" target="_blank"><img src="https://www.findlocalweather.net/forecast.php?forecast=zandh&place=mount+fuji&state=wi&country=us&config=png&alt=hwizonenew" border="0" alt="Click for the latest Mount Fuji weather forecast."></a>
+        <p class="lead">Zur Spitze des Fujis gibt es insgesamt vier Wanderrouten. Sie unterscheiden sich von der Starthöhe, dem Anstieg, der Länge, Steigung und Dauer. Alle Routen beginnen an der jeweiligen fünften Station, die auf unterschiedlichen Höhen liegen.
 
-      <!-- Page Features -->
-      <div class="row text-center">
-
-        <div class="col-lg-3 col-md-6 mb-4">
-          <div class="card">
-            <img class="card-img-top" src="http://placehold.it/500x325" alt="">
-            <div class="card-body">
-              <h4 class="card-title">Infos</h4>
-              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse necessitatibus neque.</p>
-            </div>
-            <div class="card-footer">
-              <a href="#" class="btn btn-primary">Find Out More!</a>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-lg-3 col-md-6 mb-4">
-          <div class="card">
-            <img class="card-img-top" src="http://placehold.it/500x325" alt="">
-            <div class="card-body">
-              <h4 class="card-title">Online Tour</h4>
-              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo magni sapiente, tempore debitis beatae culpa natus architecto.</p>
-            </div>
-            <div class="card-footer">
-              <a href="#" class="btn btn-primary">Find Out More!</a>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-lg-3 col-md-6 mb-4">
-          <div class="card">
-            <img class="card-img-top" src="http://placehold.it/500x325" alt="">
-            <div class="card-body">
-              <h4 class="card-title">Guided Tour</h4>
-              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse necessitatibus neque.</p>
-            </div>
-            <div class="card-footer">
-              <a href="#" class="btn btn-primary">Find Out More!</a>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-lg-3 col-md-6 mb-4">
-          <div class="card">
-            <img class="card-img-top" src="http://placehold.it/500x325" alt="">
-            <div class="card-body">
-              <h4 class="card-title">Card title</h4>
-              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo magni sapiente, tempore debitis beatae culpa natus architecto.</p>
-            </div>
-            <div class="card-footer">
-              <a href="#" class="btn btn-primary">Find Out More!</a>
-            </div>
-          </div>
-        </div>
-
-      </div>
-      <!-- /.row -->
+Eine Übersicht aller Routen:[19]
 
+    Yoshida Route (吉田ルート), die beliebteste, startet auf 2300 m
+    Fujinomiya Route (富士宮ルート), die kürzeste, aber steilste, startet auf 2400 m
+    Subashiri Route (須走ルート), die sandigste, startet auf 2000 m
+    Gotemba Route (御殿場ルート), die längste und startet am niedrigsten auf 1450 m</p>
+        <a href="guided.html" class="btn btn-primary btn-lg">Jetzt anmelden!</a>
+      </header>
     </div>
+
     <!-- /.container -->
 
+
     <!-- Footer -->
     <footer class="py-5 bg-dark">
       <div class="container">