Initial Commit
This commit is contained in:
commit
36b33e6aa9
|
@ -0,0 +1,4 @@
|
|||
# Eclipse stuff
|
||||
.buildpath
|
||||
.project
|
||||
.settings
|
|
@ -0,0 +1,112 @@
|
|||
<DOCTYPE html!>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="res/css/style.css">
|
||||
<title>Werden Sie jetzt Ihr eigener Gott!</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
<h1>Werden Sie jetzt Ihr eigener Gott!</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="well">
|
||||
<h3>Kennen Sie das?</h3>
|
||||
<p>
|
||||
Sie fühlen sich von Ihrer Umgebung nicht richtig wahrgenommen?<br>
|
||||
Sie fühlen sich unerfüllt und haben Ihre Welt nicht im Griff?
|
||||
</p>
|
||||
<h3>Kein Problem!</h3>
|
||||
<p>
|
||||
Mit unseren kostenlosen Schulungen werden Sie in wenigen, einfachen Schritten zu Ihrem eigenen, persönlichen Gott!
|
||||
</p>
|
||||
</div>
|
||||
<div class="page-header">
|
||||
<h2>Ihr Weg zum staatlich geprüften Gott</h2>
|
||||
</div>
|
||||
<p>Registrieren Sie sich noch heute für unsere Monatlichen Schulungen und Sie erhalten <strong>25% Rabatt</strong>!</p>
|
||||
<p>
|
||||
Nach einer erfolgreichen Registrierung werden Sie von unseren Mitarbeitern in eine kleine Gruppe anderer
|
||||
Gottes-Anwärter gewählt. Um die Kurse so persönlich wie möglich zu halten, werden diese Gruppen relativ klein gehalten.
|
||||
</p>
|
||||
<p>
|
||||
Sobald wir nähere Informationen über den Termin und den Veranstaltungsort wissen, werden wir Ihnen eine E-mail zukommen lassen.
|
||||
</p>
|
||||
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#registerModal">Jetzt Registrieren</button>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="panel panel-info">
|
||||
<div class="panel-heading">Meinungen von glücklichen Absolventen</div>
|
||||
<div class="panel-body">
|
||||
<blockquote>
|
||||
<p>Seit ich mein eigener Gott bin, kann ich Sonntags ausschlafen. Das freut mich total!</p>
|
||||
<footer><cite>Frank Peters (23)</cite></footer>
|
||||
</blockquote>
|
||||
<blockquote>
|
||||
<p>Endlich habe ich meine Welt voll im Griff! Nie wieder Verspätungen durch Stau auf der Autobahn!</p>
|
||||
<footer><cite>karl Augustin (49)</cite></footer>
|
||||
</blockquote>
|
||||
<blockquote>
|
||||
<p>Ich wusste schon immer, das in meinem Leben etwas fehlt - aber jetzt fühle ich mich komplett!</p>
|
||||
<footer><cite>Anna Maria von-Heinsen (51)</cite></footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<!-- Social Media Buttons
|
||||
-- Source: http://www.atomtigerzoo.com/714/freebie-share-social-media-network-buttons/ -->
|
||||
<a href="http://facebook.de"><img src="res/img/facebook.png" border="0"></a>
|
||||
<a href="http://google.de"><img src="res/img/googleplus.png" border="0"></a>
|
||||
<a href="http://rss.com"><img src="res/img/rssfeed.png" border="0"></a>
|
||||
<a href="http://twitter.com"><img src="res/img/twitter.png" border="0"></a>
|
||||
<a href="http://youtube.de"><img src="res/img/youtube.png" border="0"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-labelledby="registerModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span></button>
|
||||
<h4>Registrieren</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal" role="form">
|
||||
<div class="form-group">
|
||||
<label for="name" class="col-sm-2 control-label">Name</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="name" placeholder="Vorname, Nachname">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email" class="col-sm-2 control-label">E-Mail</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="email" class="form-control" id="email" placeholder="max.mustermann@example.com">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<p>
|
||||
Sie erhalten eine Benachrichtigung sobald wir einen Platz für Sie haben!
|
||||
</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-danger" data-dismiss="modal">Abbrechen</button>
|
||||
<button type="button" class="btn btn-success" data-dismiss="modal">Registrieren</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Load after content to prevent long loading of page -->
|
||||
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,5 @@
|
|||
@CHARSET "UTF-8";
|
||||
|
||||
body {
|
||||
margin-bottom: 40px;
|
||||
}
|
Binary file not shown.
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
After Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
After Width: | Height: | Size: 4.9 KiB |
Loading…
Reference in New Issue