HCI/prototype/html-prototype/home.html

108 lines
4.8 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 -->
<div class="py-2">
<div class="container">
<div class="row">
</div>
</div>
</div>
<!-- Cover -->
<!-- Article style section -->
<!-- Features -->
<!-- Features -->
<!-- Carousel reviews -->
<!-- Call to action -->
<!-- Footer -->
<!-- JavaScript dependencies -->
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark navbar-ontop" style="">
<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" style=""> </button>
<div class="navbar-collapse text-center justify-content-end collapse show" id="navbar2SupportedContent" style="">
</div>
</div>
</nav>
<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" style=""> <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="dashboard.html">Finanzielles<br></a>
</li>
<li class="nav-item mx-2">
<a class="nav-link" href="#features">Hilfe<br></a>
</li>
<li class="nav-item mx-2">
<a class="nav-link" href="login.html">Ausloggen</a>
</li>
<li class="nav-item mx-2" style="">
<a class="nav-link" href="">Sprache (deutsch)<br></a>
</li>
</ul>
</div>
</div>
</nav>
<div class="py-3" align="center" style="">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="py-2 text-center" style=""><a href="\">
</a>
<div class="container"><a href="\">
</a>
<div class="row">
<div class="col-md-12">
<div class="col-md-12 my-5">
<h3 class="my-4">Herzlich Willkommen!<br>Bitte wählen Sie Ihren Bereich!</h3>
<div class="btn-group"> <a class="btn btn-success" href="bar.html">Schank</a> <a class="btn btn-danger"
href="tables.html">Tische</a> <a class="btn btn-warning" href="kitchen.html">Küche</a> </div>
</div>
</div>
</div>
<div class="row" style=""><a href="\">
</a>
<div class="col-md-12 mt-5" 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 class="row">
<div class="col-md-12 mt-2 text-right" ><a class="btn btn-success">Online</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>