-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathkasten.html
120 lines (119 loc) · 6.85 KB
/
kasten.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!doctype html>
<html lang="nl">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="PietMeulen klusbedrijf uit Dokkum, Friesland">
<title>Kasten | PietMeulen</title>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.blue-indigo.min.css" />
<link rel="stylesheet" href="vendor/simplelightbox.min.css" />
<link href="css/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="vendor/jquery.min.js"></script>
<script type="text/javascript" src="vendor/simple-lightbox.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</head>
<body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header mdl-layout__header--waterfall portfolio-header">
<div class="mdl-layout__header-row portfolio-logo-row">
<span class="mdl-layout__title">
<div class="portfolio-logo"></div>
<span class="titel">PietMeulen</span>
<span class="slogan">Voor alles is een oplossing</span>
</span>
</div>
<div class="mdl-layout__header-row portfolio-navigation-row mdl-layout--large-screen-only">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link" href="index.html">Home</a>
<a class="mdl-navigation__link" href="badkamers.html">Badkamers & Toiletten</a>
<a class="mdl-navigation__link is-active" href="kasten.html">Kasten</a>
<a class="mdl-navigation__link" href="renovatie.html">Renovatie & Onderhoud</a>
<a class="mdl-navigation__link" href="schilderwerk.html">Schilderwerk</a>
<a class="mdl-navigation__link" href="vloeren.html">Vloeren</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>
</nav>
</div>
</header>
<div class="mdl-layout__drawer mdl-layout--small-screen-only">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link" href="index.html">Home</a>
<a class="mdl-navigation__link" href="badkamers.html">Badkamers & Toiletten</a>
<a class="mdl-navigation__link is-active" href="kasten.html">Kasten</a>
<a class="mdl-navigation__link" href="renovatie.html">Renovatie & Onderhoud</a>
<a class="mdl-navigation__link" href="schilderwerk.html">Schilderwerk</a>
<a class="mdl-navigation__link" href="vloeren.html">Vloeren</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>
</nav>
</div>
<main class="mdl-layout__content" id="top" style="padding-bottom: 150px">
<div class="mdl-grid portfolio-max-width">
<div class="mdl-cart mdl-cell mdl-cell--12-col mdl-shadow--4dp portfolio-card">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">Kasten</h2>
</div>
<div class="mdl-card__supporting-text">
<p>
Soms is het niet mogelijk om een kast te kopen die op
een bepaalde plek moet komen te staan. De oplossing is
dan om een kast op maat te maken of de kast in een
bepaalde hoek ter plekke te maken. Het meest gebruikte
materiaal daarvoor is MDF. Het is gemakkelijk te bewerken
en trekt (mits goed gebruikt) niet scheef/schel.
</p>
</div>
</div>
<div class="mdl-cell mdl-card portfolio-card zoom">
<a class="lightbox mdl-shadow--4dp" href="images/large/inbouwkast.jpg">
<img class="article-image" src="images/small/inbouwkast.jpg" border="0" alt="">
</a>
</div>
<div class="mdl-cell mdl-card portfolio-card zoom">
<a class="lightbox mdl-shadow--4dp" href="images/large/inbouwkast-detail.jpg">
<img class="article-image" src="images/small/inbouwkast-detail.jpg" border="0" alt="">
</a>
</div>
<div class="mdl-cell mdl-card portfolio-card zoom">
<a class="lightbox mdl-shadow--4dp" href="images/large/inbouwkast-zijkant.jpg">
<img class="article-image" src="images/small/inbouwkast-zijkant.jpg" border="0" alt="">
</a>
</div>
<div class="mdl-cell mdl-card portfolio-card zoom">
<a class="lightbox mdl-shadow--4dp" href="images/large/maatwerk-kast.jpg">
<img class="article-image" src="images/small/maatwerk-kast.jpg" border="0" alt="">
</a>
</div>
<div class="mdl-cell mdl-card portfolio-card zoom">
<a class="lightbox mdl-shadow--4dp" href="images/large/maatwerk-kast-detail.jpg">
<img class="article-image" src="images/small/maatwerk-kast-detail.jpg" border="0" alt="">
</a>
</div>
<div class="mdl-cell mdl-card portfolio-card zoom">
<a class="lightbox mdl-shadow--4dp" href="images/large/attributen-kast.jpg">
<img class="article-image" src="images/small/attributen-kast.jpg" border="0" alt="">
</a>
</div>
<div class="mdl-cell mdl-card portfolio-card zoom">
<a class="lightbox mdl-shadow--4dp" href="images/large/20160320_121427.jpg">
<img class="article-image" src="images/small/20160320_121427.jpg" border="0" alt="">
</a>
</div>
<div class="mdl-cell mdl-card portfolio-card zoom">
<a class="lightbox mdl-shadow--4dp" href="images/large/20160320_164453.jpg">
<img class="article-image" src="images/small/20160320_164453.jpg" border="0" alt="">
</a>
</div>
<div class="mdl-cell mdl-card portfolio-card zoom">
<a class="lightbox mdl-shadow--4dp" href="images/large/20160402_182521.jpg">
<img class="article-image" src="images/small/20160402_182521.jpg" border="0" alt="">
</a>
</div>
</div>
</main>
</div>
<script src="https://code.getmdl.io/1.1.3/material.min.js"></script>
</body>
</html>