Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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">
- <!-- Die 3 Meta-Tags oben *müssen* zuerst im head stehen; jeglicher sonstiger head-Inhalt muss *nach* diesen Tags kommen -->
- <title>Bootstrap-Basis-Vorlage</title>
- <!-- Bootstrap/css-->
- <link href="css/bootstrap.min.css" rel="stylesheet">
- <link href="css/style.css" rel="stylesheet">
- <!-- Unterstützung für Media Queries und HTML5-Elemente in IE8 über HTML5 shim und Respond.js -->
- <!-- ACHTUNG: Respond.js funktioniert nicht, wenn du die Seite über file:// aufrufst -->
- <!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
- <![endif]-->
- </head>
- <body>
- <div class="container-fluid">
- <div class="row ueberschrift">
- <div class="col-md-12"><h1>Überwachungstool</h1></div>
- </div>
- <div class="row">
- <div class="col-md-4">
- <img class="img-responsive bild" src="foto.jpg"></div>
- <div class="col-md-4">
- <img class="img-responsive bild" src="foto2.jpg"></div>
- <div class="col-md-4">
- <img class="img-responsive bild" src="foto3.jpg"></div>
- </div>
- <hr>
- <div class="row">
- <div class="col-md-4">
- <div style="text-align:center;">
- <button type="button" class="btn btn-warning btn-lg butt">Polizei melden
- <span class="glyphicon glyphicon-earphone icons" aria-hidden="true"></span></button>
- </div></div>
- <div class="col-md-4">
- <div style="text-align:center;">
- <button type="button" class="btn btn-danger btn-lg butt">Alarm ausschalten
- <span class="glyphicon glyphicon-off icons" aria-hidden="true"></span></button>
- </div></div>
- <div class="col-md-4">
- <div style="text-align:center;">
- <button type="button" class="btn btn-info btn-lg butt">Alarm weiterleiten
- <span class="glyphicon glyphicon-share-alt icons" aria-hidden="true"></span></button>
- </div></div>
- </div>
- </div>
- <div class="row footer">
- <div class="col-md-12">footer</div>
- </div>
- </div>
- <!-- jQuery (wird für Bootstrap JavaScript-Plugins benötigt) -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
- <!-- Binde alle kompilierten Plugins zusammen ein (wie hier unten) oder such dir einzelne Dateien nach Bedarf aus -->
- <script src="js/bootstrap.min.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement