forked from fdnd-task/your-tribe-squad-page
-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
56 lines (53 loc) · 6.61 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
<!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>Squad-pagina</title>
<link href="styles/style.css" rel="stylesheet">
</head>
<body>
<header>
<button id="dark-button"><img id="img-change" src="./assets/dark-mode.png" alt="dark mode icon"></button> <!-- <a target="_blank" href="https://icons8.com/icon/bLKTySEY4GIL/dark-mode">Dark mode</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a> -->
<h1>
Squad Page C
</h1>
<input type="text" id="search-bar" placeholder="Zoek op naam..">
</header>
<main>
<div class="center">
<p id="info-text">
Hello :), Wij zijn squad C op de Hogeschool van Amsterdam (HvA). Hier volgen wij de
opleiding Front-end design & development (FDND), met deze opleiding zijn wij vooral
bezig om website's te coderen, dat doen wij bijvoorbeeld veel met Javascript, CSS &
HTML. Ook zijn we op deze opleiding veel bezig met het schetsen van designs van die
website's. <br><br>
In de eerste week was het de bedoeling om een visite kaartje te maken waar we ons
in het kort voorstellen wie wij zijn en wat bijvoorbeeld onze hobby's zijn. Hierna
hebben wij de opdracht gekregen om een website te bouwen waar je alle visite
kaartjes van je squad op kunt zien waardoor wij als groep hier terecht zijn gekomen.
</p>
</div>
<ul id="search-container">
<li><figure><a class="thumbnail" href="https://mokhtarakle.github.io/your-tribe-profile-card/"><img src="./assets/mugshots/fdnd-squad-c-Mokhtar.png" alt=""><span><img src="./assets/kaartjes/mokhtar-card.jpg" alt=""><br>Visite Kaartje</span></a><figcaption><a>Mokhtar Akle</a></figcaption></figure></li>
<li><figure><a class="thumbnail" href="https://daancarst.github.io/your-tribe-profile-card-main/"><img src="./assets/mugshots/fdnd-Squad-c-Daan-Carstens.png" alt=""><span><img src="./assets/kaartjes/daan-card.jpg" alt=""><br>Visite Kaartje</span></a><figcaption><a>Daan Carstens</a></figcaption></figure></li>
<li><figure><a class="thumbnail" href="https://rickvellingaa.github.io/your-tribe-profile-card/"><img src="./assets/mugshots/fdnd-squad-c-Rick-Vellinga.png" alt=""><span><img src="./assets/kaartjes/rick-card" alt=""><br>Visite Kaartje</span></a><figcaption><a>Rick Vellinga</a></figcaption></figure></li>
<li><figure><a class="thumbnail" href="https://yulanstaal3.github.io/your-tribe-profile-card/"><img src="./assets/mugshots/fdnd-squad-c-Yulan.png" alt=""><span><img src="./assets/kaartjes/yulan-card.jpg" alt=""><br>Visite Kaartje</span></a><figcaption><a>Yulan Staal</a></figcaption></figure></li>
<li><figure><a class="thumbnail" href="https://tessaviergever.student.fdnd.nl/"><img src="./assets/mugshots/fdnd-squad-c-Tessa-Viergever.png" alt=""><span><img src="./assets/kaartjes/tessa-card.jpg" alt=""><br>Visite Kaartje</span></a><figcaption><a>Tessa Viergever</a></figcaption></figure></li>
<li><figure><a class="thumbnail" href="http://jalal.student.fdnd.nl/"><img src="./assets/mugshots/fdnd-squad-C-Jalal-Toufik.png" alt=""><span><img src="./assets/kaartjes/jalal-card.jpg" alt=""><br>Visite Kaartje</span></a><figcaption><a>Jalal Toufik</a></figcaption></figure></li>
<li><figure><a class="thumbnail" href="https://tristan.student.fdnd.nl/"><img src="./assets/mugshots/fdnd-squad-c-Tristan-de-Muijnck.png" alt=""><span><img src="./assets/kaartjes/tristan-card.jpg" alt=""><br>Visite Kaartje</span></a><figcaption><a>Tristan de Muijnck</a></figcaption></figure></li>
<li><figure><a class="thumbnail" href="https://stefan-vdkort.student.fdnd.nl/"><img src="./assets/mugshots/fdnd-squad-c-Stefan-van-der-Kort.png" alt=""><span><img src="./assets/kaartjes/stefan-card.jpg" alt=""><br>Visite Kaartje</span></a><figcaption><a>Stefan van der Kort</a></figcaption></figure></li>
<li><figure><a class="thumbnail" href="http://siem.student.fdnd.nl/"><img src="./assets/mugshots/fdnd-squad-c-Siem-Postmus.png" alt=""><span><img src="./assets/kaartjes/siem-card.jpg" alt=""><br>Visite Kaartje</span></a><figcaption><a>Siem Postmus</a></figcaption></figure></li>
<li><figure><a class="thumbnail" href="https://maikangn.github.io/your-tribe-profile-card/"><img src="./assets/mugshots/fdnd-squad-c-Maika-Nguyen.png" alt=""><span><img src="./assets/kaartjes/maika-card.jpg" alt=""><br>Visite Kaartje</span></a><figcaption><a>Maika Nguyen</a></figcaption></figure></li>
<li><figure><a class="thumbnail" href="http://roelie.student.fdnd.nl/versie2/"><img src="./assets/mugshots/fdnd-squad-c-Roelie-Jansen.png" alt=""><span><img src="./assets/kaartjes/roelie-card.jpg" alt=""><br>Visite Kaartje</span></a><figcaption><a>Roelie Jansen</a></figcaption></figure></li>
<li><figure><a class="thumbnail" href="https://amberhva.github.io/your-tribe-profile-amber/"><img src="./assets/mugshots/fdnd-squad-c-Amber-vd-Reijden.png" alt=""><span><img src="./assets/kaartjes/amber-card.jpg" alt=""><br>Visite Kaartje</span></a><figcaption><a>Amber v/d Reijden</a></figcaption></figure></li>
<li><figure><a class="thumbnail" href="https://merpderp36.github.io/your-tribe-profile-card/ "><img src="./assets/mugshots/fdnd-squad-c-Merel-Balk.png" alt=""><span><img src="./assets/kaartjes/merel-card.jpg" alt=""><br>Visite Kaartje</span></a><figcaption><a>Merel Balk</a></figcaption></figure></li>
<li><figure><a class="thumbnail" href="https://zenitba.github.io/profile-card-zenit/"><img src="./assets/mugshots/fdnd-squad-c-Zenit-Araya.png" alt=""><span><img src="./assets/kaartjes/zenit-card.jpg" alt=""><br>Visite Kaartje</span></a><figcaption><a>Zenit Araya</a></figcaption></figure></li>
<li><figure><a class="thumbnail" href="https://luukbrauckmann.student.fdnd.nl/"><img src="./assets/mugshots/fdnd-squad-c-Luuk-Brauckmann.png" alt=""><span><img src="./assets/kaartjes/luuk-card.jpg" alt=""><br>Visite Kaartje</span></a><figcaption><a>Luuk Brauckmann</a></figcaption></figure></li>
<li><figure><a class="thumbnail" href="https://learn.about.elina.student.fdnd.nl/"><img src="./assets/mugshots/fdnd-squad-c-Elina-Kniazian.png" alt=""><span><img src="./assets/kaartjes/elina-card.jpg" alt=""><br>Visite Kaartje</span></a><figcaption><a>Elina Kniazian</a></figcaption></figure></li>
</ul>
</main>
<script src="scripts/script.js"></script>
</body>
</html>