113 lines
6.2 KiB
HTML
113 lines
6.2 KiB
HTML
<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>
|