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