HCI/prototype/html-prototype/login.html

104 lines
4.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- PAGE settings -->
<title>CloudMan</title>
<!-- CSS dependencies -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="neon.css">
<!-- Script: Make my navbar transparent when the document is scrolled to top -->
<script src="js/navbar-ontop.js"></script>
<!-- Script: Animated entrance -->
<script src="js/animate-in.js"></script>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark navbar-ontop">
<div class="container">
<a class="navbar-brand" href="#">CloudMan<br></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2SupportedContent"
aria-controls="navbar2SupportedContent" aria-expanded="true" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse text-center justify-content-end collapse show" id="navbar2SupportedContent" style="">
<ul class="navbar-nav">
<li class="nav-item mx-2">
<a class="nav-link" href="#features">Hilfe</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Cover -->
<!-- Article style section -->
<!-- Features -->
<!-- Features -->
<!-- Carousel reviews -->
<!-- Call to action -->
<!-- Footer -->
<!-- JavaScript dependencies -->
<div class="pt-5 pb-2">
<div class="container">
<div class="row">
<div class="col-md-12" style="">
<h1 class="display-6 text-center">Login</h1>
</div>
</div>
</div>
</div>
<div class="py-3">
<div class="container">
<div class="row">
<div class="col-md-12">
<form class="">
<div class="form-group"> <label>Email Adresse</label> <input type="email" class="form-control" placeholder="Email eingeben">
<small class="form-text text-muted">Wir teilen niemals ihr Passwort mit anderen!</small> </div>
<div class="form-group"> <label>Passwort</label> <input type="password" class="form-control" placeholder="Passwort">
</div>
</form>
</div>
</div>
</div>
</div>
<div class="py-3" align="center">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="w-100"><a href="./home.html"> <button type="button" class="btn btn-primary">Login</button></a><a
href="./home.html"> <button type="button" class="btn btn-secondary"><i class="fa fa-user fa-fw"></i>Registrieren</button>
</a></div>
<div class="modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
</div>
</div>
</div>
<div class="py-2 text-center" style=""><a href="\">
</a>
<div class="container"><a href="\">
</a>
<div class="row" style=""><a href="\">
</a>
<div class="col-md-12" style=""><a class="btn text-white" href="#" style="background:#dd4b39" target="_blank"><i
class="fa fa-google-plus fa-fw fa-1x py-1"></i></a><a class="btn text-white" href="#" style="background: rgb(59, 89, 152);"
target="_blank"><i class="fa fa-facebook fa-fw fa-1x py-1"></i></a></div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous" style=""></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
<!-- Script: Smooth scrolling between anchors in the same page -->
<script src="js/smooth-scroll.js"></script>
</div>
</div>
</div>
</div>
</body>
</html>