FUH22860/y4f
1
0
Fork 0
mirror of https://github.com/yummy4friends/y4f.git synced 2025-01-30 00:34:45 +01:00
Code Issues Packages Projects Releases Wiki Activity

Yum04 20 speisekarte (#14)

Browse Source 
* Speisekarte angefangen, Links zu Pages

* Tabellen erstellt

* Dropdown getestet, index.html script inkludiert

* Speisekarte fertiggestellt

* Speisekarte fertig (diesmal auch responsive)

* YUM4-20 index.html

---------

Co-authored-by: zha19115 <105790331+zha19115@users.noreply.github.com>
This commit is contained in:
GEI22857 2023-05-09 13:01:19 +02:00 committed by GitHub
parent 818fe95ca1
commit 7f45436118
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 159 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
Pages/Index.razor
View File

@ -9,11 +9,10 @@
<center><h1>Herzlich Willkommen!</h1></center>
<img src="assets/Logo_new.png" class="img" title="logo image">
<form action="Speisekarte">
<input type="submit" value="Zur Speisekarte" class="btn" />
</form>
</form>
</div>
</body>

124
Pages/Speisekarte.razor Normal file
View File

@ -0,0 +1,124 @@
@page "/Speisekarte"
<div class="row justify-content-center">
<div class="col-lg-2 col-md-4 col-sm-12 tablecolumn">
<table class="table table-light overflow-hidden">
<thead>
<tr>
<th scope="col">Chinesisch</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="">Nudeln</a></td>
</tr>
<tr>
<td><a href="">Reis</a></td>
</tr>
<tr>
<td class="lowest"><a href="">Nachspeisen</a></td>
</tr>
<tr>
<td class="lowest"><br></td>
</tr>
<tr>
<td class="lowest"><br></td>
</tr>
<tr>
<td class="lowest"><br></td>
</tr>
</tbody>
</table>
</div>
<div class="col-lg-2 col-md-4 col-sm-12 tablecolumn">
<table class="table table-light overflow-hidden">
<thead>
<tr>
<th scope="col">Japanisch</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="">Sushi & Maki</a></td>
</tr>
<tr>
<td><a href="">Bento</a></td>
</tr>
<tr>
<td class="lowest"><a href="">Nachspeisen</a></td>
</tr>
<tr>
<td class="lowest"><br></td>
</tr>
<tr>
<td class="lowest"><br></td>
</tr>
<tr>
<td class="lowest"><br></td>
</tr>
</tbody>
</table>
</div>
<div class="col-lg-2 col-md-4 col-sm-12 tablecolumn">
<table class="table table-light overflow-hidden">
<thead>
<tr>
<th scope="col">Getränke</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="">Alkoholfrei</a></td>
</tr>
<tr>
<td class="lowest"><a href="">Alkoholisch</a></td>
</tr>
<tr>
<td class="lowest"><br></td>
</tr>
<tr>
<td class="lowest"><br></td>
</tr>
<tr>
<td class="lowest"><br></td>
</tr>
<tr>
<td class="lowest"><br></td>
</tr>
</tbody>
</table>
</div>
<div class="col-lg-2 col-md-4 col-sm-12 tablecolumn">
<table class="table table-light overflow-hidden">
<thead>
<tr>
<th scope="col">Sonstiges</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="">Schnitzel</a></td>
</tr>
<tr>
<td><a href="">Pommes</a></td>
</tr>
<tr>
<td class="lowest"><a href="">Bowl</a></td>
</tr>
<tr>
<td class="lowest"><br></td>
</tr>
<tr>
<td class="lowest"><br></td>
</tr>
<tr>
<td class="lowest"><br></td>
</tr>
</tbody>
</table>
</div>
</div>
@code {
}

33
Pages/Speisekarte.razor.css Normal file
View File

@ -0,0 +1,33 @@
.table {
text-align: center;
border-radius: 30px;
}
a {
color: black;
text-decoration: none;
}
a:hover, a:focus {
color: #2A6496;
text-decoration: underline;
}
th {
background-color: #89f9a5;
border: 0px;
}
td {
border-color: black;
padding: 30px 0;
}
.lowest {
border: 0px;
}
.tablecolumn {
margin-left: 3%;
margin-right: 3%;
}