-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (109 loc) · 4.87 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<title>Portfolio</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap JS -->
<script defer src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous">
</script>
<script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.min.js"
integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous">
</script>
<!-- Bootstrap CSS v5.2.1 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<!-- Own CSS -->
<link rel="stylesheet" href="css/style.css">
<!-- favicon -->
<link rel="shortcut icon"
href="https://images.studentendrukwerk.nl/sdw/nl/1f66b0090293a/portfolio/portfolio-hardcover-480.png?v=1667214851x"
type="image/x-icon">
<!-- animate.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
</head>
<body class="bg-dark">
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="https://github.com/Daalderink/Daalderink.github.io">Daalderink</a>
<button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="collapse"
data-bs-target="#collapsibleNavId" aria-controls="collapsibleNavId" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavId">
<ul class="navbar-nav me-auto mt-2 mt-lg-0">
<li class="nav-item">
<a class="nav-link disabled" href="#" aria-current="page">Home <span
class="visually-hidden">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="plan-van-aanpak.html">Plan van aanpak</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdownId" data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">Dropdown</a>
<div class="dropdown-menu" aria-labelledby="dropdownId">
<a class="dropdown-item" href="profiel.html">Profiel</a>
<a class="dropdown-item" href="About-me.html">About me</a>
<a class="dropdown-item" href="projects.html">Projects</a>
</div>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-md-12 bg-dark text-center p-5">
<h1 class="bg-secondary p-5 animate__animated animate__fadeInUp">David Aalderink</h1>
</div>
<div class="col-md-12 bg-dark-grey p-3 text-center">
<p class="bg-secondary text-white p-3">Dit is mijn nieuwe portfolio. Hier komen al mijn leerdoelen en kan je meer
over mij te weten komen. Je kunt ook al mijn projecten zien die ik heb gemaakt of nog van plan ben om te
maken. Je kunt mijn projecten <a href="projects.html">hier</a> zien.</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12 bg-secondary text-white text-center">
<h2>Hier kunt u mij contacteren</h2>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="card">
<img class="card-img-top img-fluid"
src="https://cdn.cloudflare.steamstatic.com/store/home/store_home_share.jpg" alt="Title">
<div class="card-body">
<h4 class="card-title">Steam</h4>
<p class="card-text"><a href="https://steamcommunity.com/id/Daalderink/"><button>Contacteer</button></a></p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img class="card-img-top" src="https://www.promptengineering.org/content/images/2023/03/62a07b53139aec4c1fd07771_discord-logo.png" alt="Title">
<div class="card-body">
<h4 class="card-title">Discord</h4>
<p class="card-text">Daalderink#7811</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img class="card-img-top" src="https://upload.wikimedia.org/wikipedia/commons/a/a6/Telefon_BW_2012-02-18_13-44-32.JPG" alt="Title">
<div class="card-body">
<h4 class="card-title">Telefoneren</h4>
<p class="card-text">Bel naar: 06 0987654321</p>
</div>
</div>
</div>
</div>
</div>
<script src="js/main.js"></script>
</body>
</html>