Merge branch 'main' into product-pagina

zenitba · web-flow · commit 540855e08310 · 2023-04-24T11:54:13.000+02:00
diff --git a/.DS_Store b/.DS_Store
diff --git a/public/.DS_Store b/public/.DS_Store
diff --git a/public/style.css b/public/style.css
@@ -1,6 +1,14 @@
 
-/* r20222 */
-*{
+
+.nav{
+    color: red;
+}
+header{
+    color: blue;
+}
+
+* {
+
     margin: 0;
     padding: 0;
 }
diff --git a/views/index.ejs b/views/index.ejs
@@ -1 +1,6 @@
-<h1>hoi!</h1>
+<%- include('./partials/head.ejs') %>
+
+
+
+<h1>hiiii</h1>
+<%- include('./partials/foot.ejs') %>
diff --git a/views/partials/foot.ejs b/views/partials/foot.ejs
@@ -0,0 +1 @@
+<h2>haoii</h2>
diff --git a/views/partials/head.ejs b/views/partials/head.ejs
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="nl">
+<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">
+<title>Vini Mini</title>
+<link rel="stylesheet" href="/style.css">
+<link href='http://fonts.googleapis.com/css?family=Montserrat:regular' rel='stylesheet' type='text/css'> 
+    </head>
+    <body>
+        <header>
+            <p>GEEN VERZENDKOSTEN bij aankoop van mijn eerste pinda in 3 of 6 stappen + mijn eerste pinda Opvolgkit</p>
+        </header> 
+             <!--Nav-->
+                <nav>
+                    <img src="/logo.png" loading="lazy" alt="logo" width="300" height="300">
+                    <div class="nav-menu">
+                        <div class="nav-links">
+                            <ul>
+                                <li> <a href="">Voor Mini </a></li>
+                                <li> <a href="">Producten </a></li>
+                                <li> <a href="">Reviews</a></li>
+                                <li> <a href="">Nieuws </a></li>
+                                <li> <a href="">Contact </a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+                    <div class="navbar"> 
+                      <a href="#"><i class="fa fa-fw fa-user"></i></a>
+                      <a href="#"><i class="fa fa-shopping-cart"></i></a> 
+                    </div>
+                </nav>
+    <main>
