updated layout to have 2 element next to eachother

2023-10-18 15:41:34 +02:00
parent d33bbb0fae
commit 678644bf13
5 changed files with 72 additions and 27 deletions
--- a/web/index.html
+++ b/web/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&amp;display=swap">
+    <link rel="icon" type="image/png" href="icon.png">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css.css">
+    <title>Weerstation</title>
+</head>
+
+<nav>
+    <div class="menubalk">
+        <a class="active" href="index.html">Home</a>
+        <a href="statestiek.html">Station statestieken</a>
+    </div>
+
+</nav>
+
+<body>
+    <div id="block">
+        <div>
+        <h1>Dit is een weerstation.</h1>
+        </div>
+     <div class="textleft">
+        <p>Deze website weergeeft statestieke informatie van een weerstation die we voor het eerste blok hebben gebouwd. 
+        We hadden 10 weken voor dit project om een weerstation te bouwen en die te programeren. Later moesten we het weerstation kopellen aan de HBO-ICT API en onze zelfgebouwde website die de binnenkomende data moet interpreteren en weergeven doormiddel van grafieken.</p>
+        <p>Op de volgende pagina kan je je ESP32 kopellen en de data bekijken.</p>
+     </div>
+     <div class="image">  
+         <img src="http://hva-onto.nl/api/ti/map" class="image"/>
+     </div>
+
+    </div>
+</body>
+</html>