HCI/prototype/html-prototype/order.html

207 lines
8.1 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"> </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"> <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="pt-5">
<div class="container">
<div class="row">
<div class="col-md-12">
<a class="btn btn-info" href="#">Tisch 5</a>
<h1 class="display-6 text-center" style="">Bestellung</h1>
</div>
</div>
</div>
</div>
<div class="py-3 text-center" style="">
<div class="container">
<div class="row">
<div class="col-md-12">
<form class="form-center">
<div class="input-group">
<input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Grillhendl">
<div class="input-group-append"><button class="btn btn-primary" type="button"><i class="fa fa-search"></i></button></div>
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-md-12" style="">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th class="w-25" style=""><span style="font-weight: normal;">Getränke</span></th>
<th class="w-50"><span style="font-weight: normal;">Speisen</span></th>
</tr>
</thead>
<tbody>
<tr>
<td style="" class="w-25">+</td>
<td class="w-50">20,80&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Kassieren</td>
<td class="w-25">-</td>
</tr>
</tbody>
<tbody>
<tr>
<td style="" class="w-25 border-primary">2<br></td>
<td>Grillhendl</td>
<td>6,0 / 12<br></td>
</tr>
</tbody>
<tbody>
<tr>
<td style="" class="w-25">1<br></td>
<td>Bratwürstel</td>
<td>4,7<br></td>
</tr>
</tbody>
<tbody>
<tr>
<td style="" class="w-25">1<br></td>
<td>Schnitzelsemmel</td>
<td>2,8<br></td>
</tr>
</tbody>
<tbody>
<tr>
<td style="" class="w-25">1<br></td>
<td>Kotlette</td>
<td>5,8<br></td>
</tr>
</tbody>
<tbody>
<tr>
<td style="" class="w-25">2<br></td>
<td>Käsesemmel</td>
<td>2,5 / 5,0<br></td>
</tr>
</tbody>
<tbody>
<tr>
<td style="" class="w-25"><br></td>
<td></td>
<td><br></td>
</tr>
</tbody>
<tbody>
<tr>
<td style="" class="w-25">2<br></td>
<td>Grillhendl</td>
<td style="">6,0 / 12<br></td>
</tr>
</tbody>
</table>
</div>
<form class="">
<a href="./home.html" class="btn w-75 text-uppercase btn-primary my-2">
<font size="+2"><b class="w-25">Bestellen!</b></font>
</a>
</form>
</div>
</div>
<div class="row">
<div class="col-md-6"><a class="btn w-75 btn-success text-uppercase my-1" href="#">Zugestellt</a></div>
<div class="col-md-6"><a class="btn w-75 btn-info" href="./cashier.html"><b class="text-uppercase">Kassieren</b></a></div>
</div>
<div class="row">
<div class="col-md-12"><a class="btn btn-secondary w-25 mt-4" href="tables.html">zurück</a></div>
</div>
</div>
</div>
<div class="py-3" align="center">
<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" 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 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>