producten.html (1132B) download
1{% extends "layout.html" %}
2
3{% block content %}
4<article class="media content-section">
5
6 <div class="media-body">
7 <h2> Muizenvallen</h2>
8
9 <p>Kies hier uit de meerdere artikelen die we ter beschikking hebben.</p>
10
11 </div>
12
13</article>
14
15<!DOCTYPE html>
16<html>
17
18<head>
19 <style>
20 div.gallery {
21 margin: 5px;
22 border: 1px solid #ccc;
23 float: left;
24 width: 220px;
25 }
26
27 div.gallery:hover {
28 border: 1.5px solid #777;
29 }
30
31 div.gallery img {
32 width: 100%;
33 height: auto;
34 }
35
36 div.title {
37 padding: 5px;
38 text-align: center;
39 font-size: 20px;
40
41 font-weight: bold;
42 }
43
44 div.desc {
45 padding: 7px;
46 text-align: center;
47 font-size: 12px;
48
49 }
50 </style>
51
52
53</head>
54
55<body>
56 <div class="gallery">
57 <!---- <a target="_blank" href=""> -->
58 <img src="../static/product_pics/muizenval1.jpg" alt="Cinque Terre" width="800" height="600">
59 </a>
60 <div class="title">slimme muizenval 3000</div>
61 <div class="desc">De gekste muizenval ter wereld!! (source: trust me bro)</div>
62
63 </div>
64
65
66
67</body>
68
69</html>
70
71{% endblock content %}