This commit is contained in:
Renzo
2024-02-28 12:01:33 +01:00
parent 15f8849480
commit d9f740df36
9 changed files with 345 additions and 51 deletions

117
src/index.html Normal file
View File

@@ -0,0 +1,117 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./css/style.css">
<script src="../script/main.js"></script>
<script src="../script/main.py" defer></script>
</head>
<body>
<section class="mainContainer">
<section class="mainBorder">
<section class="content">
<section class="kant-links">
<table id="planten">
<tr>
<td>
<article class="article-1">
<img src="images/Icon awesome-apple-alt.png" alt="">
<h2>Tomaat</h2>
</article>
</td>
<td>
<article>
<img src="images/Icon awesome-apple-alt.png" alt="">
<h2>Tomaat</h2>
</article>
</td>
</tr>
<!-- Second Row -->
<tr>
<td>
<article>
<img src="images/Icon awesome-apple-alt.png" alt="">
<h2>Tomaat</h2>
</article>
</td>
<td>
<article>
<img src="images/Icon awesome-apple-alt.png" alt="">
<h2>Tomaat</h2>
</article>
</td>
</tr>
<!-- Third Row -->
<tr>
<td>
<article>
<img src="images/Icon awesome-apple-alt.png" alt="">
<h2>Tomaat</h2>
</article>
</td>
<td>
<article>
<img src="images/Icon awesome-apple-alt.png" alt="">
<h2>Tomaat</h2>
</article>
</td>
</tr>
<!-- Fourth Row -->
<tr>
<td>
<article>
<img src="images/Icon awesome-apple-alt.png" alt="">
<h2>Tomaat</h2>
</article>
</td>
<td>
<article id="modalButton" onclick="openModal()">
<img id="toevoegen"src="images/Toevoegen.png" alt="">
</article>
</td>
</tr>
</table>
<div id="myModal" class="modal">
<!-- Modal content -->
<span class="close">&times;</span>
<form action="http://localhost:3000/submit-form" method="post">
<!-- Form content -->
</form>
</div>
</section>
<!-- White space -->
<section>
<p>a</p>
</section>
<section class="kant-rechts">
<section id="metingen">
<article id="main-waardes">
<table>
<tr>
<td>
<p>Waardes</p>
</td>
<td>
<p>Huidig</p>
</td>
<td>
<p>24u gemiddelde</p>
</td>
</tr>
</table>
</article>
<div class="divider">
</div>
<article>
</article>
</section>
</section>
</section>
</section>
</section>
</body>
</html>