-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
71 lines (53 loc) · 3.08 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Over mezelf</title>
<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
<!-- PAGE CONTAINER -->
<div class="container-page">
<!-- HEADER -->
<header>
<nav>
<div class="container">
<h1 id="logo-tekst">Mijn eerste website</h1>
</div>
<div class="container">
<ul class="list-menu">
<li><a href="/index.html">Home</a></li>
<li><a href="/about.html">Over mezelf</a></li>
</ul>
</div>
</nav>
<h2 class="h2-header">Over mezelf</h2>
</header>
<!-- Main -->
<main>
<div class="container-avatar" >
<div class="avatar">
<img class="avatar-img" src="/images/foto.JPG" alt="Foto">
</div>
<div class="avatar-tekst">
<h3>Profiel</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Accusamus unde maiores qui sequi hic dolor, nostrum fugiat distinctio, quisquam omnis optio laboriosam, voluptatem ex necessitatibus est dolores consequatur perferendis accusantium officiis. Perspiciatis eaque, adipisci voluptas aspernatur tenetur itaque minima quaerat alias vel molestiae, illum nulla corporis sunt ratione voluptatem consequatur error iste reprehenderit aperiam! Fuga reiciendis deserunt magni enim quidem ex voluptates odit et excepturi doloribus. Et voluptates, assumenda sit modi eos culpa ex eveniet architecto cupiditate aperiam sapiente ipsum consequuntur rem beatae earum explicabo in facilis natus, facere qui sed asperiores. Repellendus sit blanditiis molestias libero optio atque eveniet!</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Accusamus unde maiores qui sequi hic dolor, nostrum fugiat
distinctio, quisquam omnis optio laboriosam, voluptatem ex necessitatibus est dolores consequatur perferendis
accusantium officiis. Perspiciatis eaque, adipisci voluptas aspernatur tenetur itaque minima quaerat alias vel
molestiae, illum nulla corporis sunt ratione voluptatem consequatur error iste reprehenderit aperiam! Fuga
reiciendis deserunt magni enim quidem ex voluptates odit et excepturi doloribus. Et voluptates, assumenda sit modi
eos culpa ex eveniet architecto cupiditate aperiam sapiente ipsum consequuntur rem beatae earum explicabo in facilis
natus, facere qui sed asperiores. Repellendus sit blanditiis molestias libero optio atque eveniet!</p>
</div>
</div>
</main>
<!-- FOOTER -->
<footer>
<a href="https://www.google.nl/" target="_blank" rel="noopener noreferrer">Kijk ook online via Google</a>
</footer>
</div>
</body>
</html>