-
Notifications
You must be signed in to change notification settings - Fork 0
/
Vormgeving.html
57 lines (52 loc) · 2.23 KB
/
Vormgeving.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
<!DOCTYPE html>
<html lang="nl">
<head>
<link rel="stylesheet" href="styles/styles.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-widdth, initial-scale=1">
<title>Over Mij</title>
</head>
<body>
<header id="home">
<nav>
<ul id="main_menu">
<li><a href="Index.html#home">Home</a></li>
<li><a href="Index.html#overmij">Over Mij</a></li>
<li><a href="Index.html#projecten">Projecten</a></li>
<li><a href="Index.html#contact">Contact</a></li>
</ul>
</nav>
</header>
<article id="first_article">
<h2>Vormgeving</h2>
<h3>Omschrijving</h3>
<p>
Voor Vormgeving kreeg ik de opdracht om een singlepage website voor een foodtruck te ontwerpen door middel van het programma Illustrator. De klas werd opgedeeld in verschillende kunststijlen en doelgroepen. Ik kreeg de stijl "Punk Design" toegewezen met als thema "De Barbecuevrouw. Voor dit vak moesten we eerst in deze stijl een moodboard maken. Vervolgens iconen, een lettertype en een landingspagina ontwerpen. Om dan uiteindelijk bij de singlepage website te komen.
</p>
</article>
<article id="projecten_afbeeldingen">
<h3>Afbeeldingen</h3>
<img src="images/Vormgeving/Schermafbeelding%202018-01-14%20om%2018.30.08.png" alt="Afbeelding van Iconen">
<img src="images/Vormgeving/Schermafbeelding%202018-01-14%20om%2018.32.18.png" alt="Afbeelding van Typografie">
<img src="images/Vormgeving/Storyboard.png" alt="Afbeelding van moodboard">
</article>
<footer>
<section class="contact">
<h3>Contact:</h3>
<address>
<a href="mailtto:[email protected]">[email protected]</a>
<p>+0031 6 38446699</p>
</address>
</section>
<section class="navlinks_footer">
<h3>Menu</h3>
<ul id="footer_nav">
<li><a href="#home">Home</a></li>
<li><a href="#over_mij">Over Mij</a></li>
<li><a href="#projecten">Projecten</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</section>
</footer>
</body>
</html>