forked from latoyaln/your-tribe-squad-page
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (93 loc) · 4.3 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
117
118
119
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FDND Squadpage</title>
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<div class="nav-bar">
<div class="logo">
<img src="assets/logo pixel crafters.png" alt="logo" class="logonav"></div>
<section class="allCircles">
<article class="circleBase circle1">Pixelcrafters</article>
<article class="circleBase circle2">Pokemon Go Squad</article>
<article class="circleBase circle3">RuMoKaYa</article>
<article class="circleBase circle4">MJSS</article>
<article class="circleBase circle5">Slay</article>
<article class="circleBase circle6">Gokverslaafd</article>
</section>
</div>
<section class="squad1">
<div class="slider-wrapper">
<div class="slider">
<div class="slide" id="slide-1">
<div class="about">
<div class="front">
<div class="info">
<h1>Latoya Nijmeijer</h1>
<ul>
<li><i class="fa-solid fa-cake-candles fa-beat" style="color: #ffffff;"></i>22 jaar</li>
<li><i class="fa-solid fa-house fa-bounce" style="color: #ffffff;"></i>Zaandam</li>
<li><i class="fa-solid fa-school fa-fade" style="color: #ffffff;"></i> DTP en Software</li>
</ul>
</div>
</div>
<div class="back">
<img src="assets/LNLOGO.png">
<p>Mijn naam is Latoya Nijmeijer. Ik ben 22 jaar en ik woon in Zaandam samen met mijn kat. Mijn laatst behaalde diploma is voor de opleiding ondernemerschap maar ik heb een achtergrond in DTP. Ook heb ik een tijdje Software Development gestudeerd.</p>
<H1>Talen die ik ken:</H1>
<div class="row">
<div class="col">
<h2>HTML/CSS</h1>
</div>
<div class="col">
<h2>JS</h1>
</div>
<div class="col">
<h2>PHP</h1>
</div>
<div class="col">
<h2>C#</h1>
</div>
</div>
</div>
</div>
</div>
<div class="slide" id="slide-2">
<div class= "card">
<header class="tessa">
<h1>Tessa van der Graaf</h1>
<p><em></em></p>
</header>
<img src="assets/BWOB.png" alt="" width="800" height="800">
<p> 0612345678 <br> [email protected] </p>
</div>
</div>
<div class="slide" id="slide-3">
<article class="belkacem" id="slide-3">
<header>
<h1>Ambitious frontend developer</h1>
<h2 id="name">Belkacem Boulanouar</h2>
</header>
<img src="assets/belk pic.jpg" alt="" width="800" height="800">
<p>Hi, I'm Belkacem and I'm 24 years old. My hobbies are playing games, playing football and watching football. Lastly, I work at the Lidl as a part time job.</p>
More about me!
<p>- I love listening to people.
<br> - I'm Understanding.
<br> - I'm an introvert.
<br> - I'm quite composed! </p>
</article>
</div>
</div>
<div class="slider-nav">
<a href="#slide-1"></a>
<a href="#slide-2"></a>
<a href="#slide-3"></a>
</div>
</div>
</section>
<script src="scripts/script.js"></script>
</body>
</html>