commit abdfbba06bdd861faa37847da1cf554e9a808b58
parent 4da06d89df895377e56478db7470932cd719dd09
Author: NibbaNamedHassan <[email protected]>
Date: Thu, 12 May 2022 13:51:00 +0200
product page
Diffstat:
4 files changed, 76 insertions(+), 0 deletions(-)
diff --git a/server/routes.py b/server/routes.py
@@ -38,6 +38,11 @@ def register():
return redirect(url_for('login'))
return render_template('register.html', title='Registeren', form=form)
+
[email protected]("/producten")
+def producten():
+ return render_template('producten.html')
+
""" login.html route """
@app.route("/login", methods=['GET', 'POST'])
def login():
diff --git a/server/static/product_pics/muizenval1.jpg b/server/static/product_pics/muizenval1.jpg
Binary files differ.
diff --git a/server/templates/layout.html b/server/templates/layout.html
@@ -34,6 +34,7 @@
<div class="collapse navbar-collapse" id="navbarToggle">
<div class="navbar-nav mr-auto">
<a class="nav-item nav-link" href="{{ url_for('about') }}">Over ons</a>
+ <a class="nav-item nav-link" href="{{ url_for('producten') }}">Producten</a>
</div>
<!-- Navbar Right Side -->
<div class="navbar-nav">
diff --git a/server/templates/producten.html b/server/templates/producten.html
@@ -0,0 +1,69 @@
+{% extends "layout.html" %}
+
+{% block content %}
+<article class="media content-section">
+
+<div class="media-body">
+<h2> Muizenvallen</h2>
+
+<p>Kies hier uit de meerdere artikelen die we ter beschikking hebben.</p>
+
+</div>
+
+</article>
+
+<!DOCTYPE html>
+<html>
+<head>
+ <style>
+ div.gallery {
+ margin: 5px;
+ border: 1px solid #ccc;
+ float: left;
+ width: 220px;
+ }
+
+ div.gallery:hover {
+ border: 1.5px solid #777;
+ }
+
+ div.gallery img {
+ width: 100%;
+ height: auto;
+ }
+
+ div.title {
+ padding: 5px;
+ text-align: center;
+ font-size: 20px;
+
+ font-weight: bold;
+ }
+
+ div.desc {
+ padding: 7px;
+ text-align: center;
+ font-size: 12px;
+
+ }
+ </style>
+
+
+</head>
+
+<body>
+<div class="gallery">
+ <!---- <a target="_blank" href=""> -->
+ <img src="../static/product_pics/muizenval1.jpg" alt="Cinque Terre" width="800" height="600">
+ </a>
+ <div class="title">slimme muizenval 3000</div>
+ <div class="desc">De gekste muizenval ter wereld!! (source: trust me bro)</div>
+
+ </div>
+
+
+
+</body>
+ </html>
+
+{% endblock content %}
+\ No newline at end of file
