forked from alissatroiano/8-your-heart-out
-
Notifications
You must be signed in to change notification settings - Fork 0
/
developer-page.html
186 lines (181 loc) · 10.9 KB
/
developer-page.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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!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">
<!--link and script for bootstrap-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!--link for CSS file-->
<link rel="stylesheet" href="assets/css/style.css">
<!--link for fontawesome-->
<script src="https://kit.fontawesome.com/5cf6f031a9.js" crossorigin="anonymous"></script>
<!-- Tag for description -->
<meta name="description" content="The development team page for Smitten">
<title>8-Your-Heart-Out</title>
</head>
<body>
<!-- header -->
<header class="container-fluid">
<div class="container">
<div class="row align-items-center">
<div class="col left"></div>
<div class="col text-center">
<h1><span id="diff-letter">S</span>mitten</h1>
</div>
<div class="col text-end">
<a id="btn-game-left" href="index.html" class="custom-button" aria-label="link to game page"><i class="fa-solid fa-gamepad" aria-hidden="true"></i></a>
<a id="btn-game-right" href="developer-page.html" class="custom-button" aria-label="link to developer team page"><i class="fa-solid fa-keyboard" aria-hidden="true"></i></a>
</div>
</div>
</div>
</header>
<!-- end header -->
<!-- Container for collaborators -->
<div class="container-fluid mt-2">
<div class="row justify-content-center developer-container">
<!-- Alissa Troiano Card-->
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2 mb-5">
<div class="card card-custom h-100">
<div class="position-relative">
<div class="card-filter"></div>
<img src="assets/images/IMG_3957-3.webp" class="card-img-top" alt="photo of alissa troiano">
</div>
<div class="card-body developer-content-spacing">
<div>
<h2 class="card-title name-text">Alissa Troiano</h2>
<p class="card-text info-text py-3">Alumni and Hack-lead.</p>
</div>
<div class="row">
<a href="https://www.linkedin.com/in/alissatroiano/" class="text-center col custom-button button-developer"
target="_blank" aria-label="external link to linkedin alissa troiano"
rel="noopener"><i class="fa-brands fa-linkedin" aria-hidden="true"></i></a>
<a href="https://github.com/alissatroiano" class="text-center col custom-button button-developer"
target="_blank" aria-label="external link to github alissa troiano"
rel="noopener"><i class="fa-brands fa-github-square" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<!-- Arthur O Leary Card-->
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2 mb-5">
<div class="card card-custom h-100">
<div class="position-relative">
<div class="card-filter"></div>
<img src="assets/images/1540885899425.webp" class="card-img-top" alt="photo of arthur o leary">
</div>
<div class="card-body developer-content-spacing">
<div>
<h2 class="card-title name-text">Arthur O Leary</h2>
<p class="card-text info-text py-3">Alumni.</p>
</div>
<div class="row">
<a href="https://www.linkedin.com/in/arthur-o-leary/" class="text-center col custom-button button-developer"
target="_blank" aria-label="external link to linkedin arthur o leary"
rel="noopener"><i class="fa-brands fa-linkedin" aria-hidden="true"></i></a>
<a href="https://github.com/devgithubs" class="text-center col custom-button button-developer" target="_blank"
aria-label="external link to github arthur o leary" rel="noopener"><i class="fa-brands fa-github-square" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<!-- Ashley Rolfe Card-->
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2 mb-5">
<div class="card card-custom h-100">
<div class="position-relative">
<div class="card-filter"></div>
<img src="assets/images/1636753056506.webp" class="card-img-top" alt="photo of ashley rolfe">
</div>
<div class="card-body developer-content-spacing">
<div>
<h2 class="card-title name-text">Ashley Rolfe</h2>
<p class="card-text info-text py-3">Second project on the 5p course.</p>
</div>
<div class="row">
<a href="https://www.linkedin.com/in/ashley-rolfe-14b694225/"
class="text-center col custom-button button-developer" target="_blank"
aria-label="external link to linkedin ashley rolfe" rel="noopener"><i class="fa-brands fa-linkedin" aria-hidden="true"></i></a>
<a href="https://github.com/wierdlygoodcoder" class="text-center col custom-button button-developer"
target="_blank" aria-label="external link to github ashley rolfe" rel="noopener"><i class="fa-brands fa-github-square" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<!-- Bastiaan Milo Card-->
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2 mb-5">
<div class="card card-custom h-100">
<div class="position-relative">
<div class="card-filter"></div>
<img src="assets/images/photob.webp" class="card-img-top"
alt="photo of bastiaan milo">
</div>
<div class="card-body developer-content-spacing">
<div>
<h2 class="card-title name-text">Bastiaan Milo</h2>
<p class="card-text info-text py-3">First project on the 5p course.</p>
</div>
<div class="row">
<a href="https://www.linkedin.com/in/bastiaan-milo-1533612a/"
class="text-center col custom-button button-developer" target="_blank"
aria-label="external link to linkedin bastiaan milo" rel="noopener"><i class="fa-brands fa-linkedin" aria-hidden="true"></i></a>
<a href="https://github.com/BGMwebdev" class="text-center col custom-button button-developer" target="_blank"
aria-label="external link to github bastiaan milo" rel="noopener"><i class="fa-brands fa-github-square" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<!-- Irene Mendez Card-->
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2 mb-5">
<div class="card card-custom h-100">
<div class="position-relative">
<div class="card-filter"></div>
<img src="assets/images/irenemendez.webp" class="card-img-top" alt="photo of irene mendez">
</div>
<div class="card-body developer-content-spacing">
<div>
<h2 class="card-title name-text">Irene Mendez</h2>
<p class="card-text info-text py-3">Second project on the 5p course.</p>
</div>
<div class="row">
<a href="https://www.linkedin.com/in/irene-mendez-926035233/" class="text-center col custom-button button-developer" target="_blank"
aria-label="external link to linkedin irene mendez" rel="noopener"><i class="fa-brands fa-linkedin" aria-hidden="true"></i></a>
<a href="https://github.com/iama3191" class="text-center col custom-button button-developer" target="_blank"
aria-label="external link to github irene mendez" rel="noopener"><i class="fa-brands fa-github-square" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<!-- Richard Eldridge Card -->
<div class="col-6 col-sm-4 col-lg-3 col-xxl-2 mb-5">
<div class="card card-custom h-100">
<div class="position-relative">
<div class="card-filter"></div>
<img src="assets/images/65925403.webp" class="card-img-top" alt="Richard Eldridge">
</div>
<div class="card-body developer-content-spacing">
<div>
<h2 class="card-title name-text">Richard Eldridge</h2>
<p class="card-text info-text py-3">Alumni and scrum master.</p>
</div>
<div class="row">
<a href="https://www.linkedin.com/in/richard-eldridge-4200221ab/"
class="text-center custom-button button-developer col" target="_blank"
aria-label="external link to linkedin richard eldridge" rel="noopener"><i class="fa-brands fa-linkedin" aria-hidden="true"></i></a>
<a href="https://github.com/Richardaeld" class="text-center custom-button button-developer col" target="_blank"
aria-label="external link to github richard eldridge" rel="noopener"><i class="fa-brands fa-github-square" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<footer class="container-fluid">
<div class="row">
<div class="col-12 fixed-bottom info-footer">© 2022 8-Your-Heart-Out. <strong> All
Rights Reserved</strong></div>
</div>
</footer>
</body>
</html>