Dzejkobik007/skolavdf
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Created simple webpage

Browse Source
This commit is contained in:
Dzejkobik007
2022-10-02 23:50:59 +02:00
parent 7e22284158
commit 66294c8866
3 changed files with 180 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
wap/citron/citron.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 85 KiB

136
wap/citron/index.html Normal file
View File

@@ -0,0 +1,136 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Citron</title>
</head>
<body>
<h1>Citron</h1>
<ul>
<li>Obsahuje vlákninu</li>
<li><strong>Nízký</strong> obsah tuku</li>
<li>Obsahuje <strong>vitamín C</strong></li>
</ul>
<h2>Průměrný obsah látek a minerálů</h2>
<p class="helper"><strong>Lze posunout --></strong></p>
<div style="overflow-x:auto;">
<table>
<tbody>
<tr>
<th>Složka
</th>
<th>Jednotka
</th>
<th>Průměrný obsah
</th>
<th>Prvek (mg/100 g)
</th>
<th>Průměrný obsah
</th>
<th>Složka (mg/100g)
</th>
<th>Průměrný obsah
</th>
</tr>
<tr>
<td>voda</td>
<td>g/100 g</td>
<td>86,3</td>
<td>Na</td>
<td>5</td>
<td>vitamin C</td>
<td>58
</td>
</tr>
<tr>
<td>bílkoviny</td>
<td>g/100 g</td>
<td>1,0</td>
<td>K</td>
<td>150</td>
<td>vitamin D</td>
<td>0
</td>
</tr>
<tr>
<td>tuky</td>
<td>g/100 g</td>
<td>0,3</td>
<td>Ca</td>
<td>85</td>
<td>vitamin E</td>
<td>-
</td>
</tr>
<tr>
<td>cukry</td>
<td>g/100 g</td>
<td>3,2</td>
<td>Mg</td>
<td>12</td>
<td>vitamin B6</td>
<td>0,11
</td>
</tr>
<tr>
<td>celkový dusík</td>
<td>g/100 g</td>
<td>0,16</td>
<td>P</td>
<td>18</td>
<td>vitamin B12</td>
<td>0
</td>
</tr>
<tr>
<td>vláknina</td>
<td>g/100 g</td>
<td>-</td>
<td>Fe</td>
<td>0,5</td>
<td>karoten</td>
<td>0,018
</td>
</tr>
<tr>
<td>mastné kyseliny</td>
<td>g/100 g</td>
<td>0,2</td>
<td>Cu</td>
<td>0,26</td>
<td>thiamin</td>
<td>0,05
</td>
</tr>
<tr>
<td>cholesterol</td>
<td>g/100 g</td>
<td>0</td>
<td>Zn</td>
<td>0,1</td>
<td>riboflavin</td>
<td>0,04
</td>
</tr>
<tr>
<td>energie</td>
<td>kJ/100 g</td>
<td>79</td>
<td>Mn</td>
<td>-</td>
<td>niacin</td>
<td>0,2
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

44
wap/citron/style.css Normal file
View File

@@ -0,0 +1,44 @@
* {
padding: 0;
}
html {
background-image: url("citron.jpg");
background-repeat: repeat-y;
background-size: cover;
}
body {
background-color:rgba(0, 0, 0, 0.5);
border-radius: 10px;
padding: 20px;
padding-top: 1px;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border: 3px solid #ddd;
border-left: 0;
border-right: 0;
}
ul {
margin-left: 20px;
}
th, td {
text-align: left;
padding: 8px;
}
.helper {
display: none;
}
@media (max-width : 600px) {
body {
text-align: center;
}
.helper {
display: block;
color: red;
}
}