FH-Joanneum_public
/
HCI
1
0
Fork 0
Code Issues Pull Requests Releases 1 Wiki Activity
HCI/prototype/html-prototype/tables.html

183 lines
7.9 KiB
HTML
Raw Blame History

<!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">
<h1 class="display-6 text-center">Tisch Übersicht</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="5">
<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 justify-content-center">
<div class="col-md-6 col-6 p-4">
<h3 class="">Freie Tische</h3>
<div class="row">
<div class="col-md-12" style="">
</div>
</div>
<div class="row">
<div class="col-md-12"><a class="btn btn-lg btn-success m-1" href="./order.html" data-target="./order.html">#2</a><a
class="btn btn-lg btn-success m-1" href="./order.html" data-target="./order.html">#3</a><a class="btn btn-lg btn-success m-1"
href="./order.html" data-target="./order.html">#5</a><a class="btn btn-lg btn-warning" href="./order.html"
data-target="./order.html">#6</a><a class="btn btn-lg btn-success m-1" href="./order.html" data-target="./order.html">#8</a>
<div class="row">
<div class="col-md-12"><a class="btn btn-lg btn-success m-1" href="./order.html" data-target="./order.html">#9</a><a
class="btn btn-lg btn-success m-1" href="./order.html" data-target="./order.html">#10</a><a class="btn btn-lg btn-success m-1"
href="./order.html" data-target="./order.html">#11</a><a class="btn btn-lg btn-success m-1" href="./order.html"
data-target="./order.html">#12</a></div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-6 p-4">
<h3 class="">Tische</h3>
<div class="table-responsive">
<a href="./order.html"> </a>
<table class="table table-striped table-borderless">
<thead>
<tr>
<th scope="col" style="">Tisch#</th>
<th scope="col" class="text-center">Essen</th>
<th scope="col" class="text-center">Trinken</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" class="w-10 w-25"><a class="btn btn-info btn-lg" href="./order.html" data-target="./order.html">#1</a></th>
<td class="text-center" style="">€</td>
<td class="text-center">€</td>
</tr>
<tr>
<th scope="row"><a class="btn btn-info btn-lg" href="./order.html" data-target="./order.html">#7</a></th>
<td class="text-center">€</td>
<td class="text-center"></td>
</tr>
<tr>
<th scope="row"><a class="btn btn-info btn-lg" href="./order.html">#4</a></th>
<td></td>
<td class="text-center">€</td>
</tr>
</tbody>
</table>
</div>
</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">
<div class="col-md-12">
<!-- <form id="c_form-h" class="">
<a class="btn btn-secondary w-25" href="#">zurück</a><a href="./order.html"></a>
</form> -->
</div>
</div>
<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>
Reference in New Issue View Git Blame Copy Permalink