forked from buas-media-interactive/prj4-group-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcards.html
152 lines (130 loc) · 8.71 KB
/
cards.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
<!doctype html>
<html lang="en" class="h-100">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<!-- Own Styles -->
<link rel="stylesheet" href="css/styles.css">
<!-- Bootstrap Javascript -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<title>PRJ4 Base Group Template — Cards UX</title>
<!-- Google Analytics code goes just below here (check PRJ4 Guide for details) -->
<!-- End of Google Analytics code -->
</head>
<body class="h-100 d-flex flex-column">
<!-- Navigation bar, adapted from https://getbootstrap.com/docs/5.1/components/navbar/ -->
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="images/YouUp Small.svg" width="40" alt="Breda University of Applied Sciences">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="cards.html">Our Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="hero.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="carousel.html">Locations</a>
</li>
<li class="nav-item">
<a class="nav-link" href="corporate.html">Corporate</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End of navigation bar -->
<main class="container my-4">
<div class="row g-3 justify-content-evenly">
<!-- Card #1 -->
<div class="col-sm-6 col-lg-4 col-xl-3">
<div class="card shadow h-100">
<img class="img-fluid" src="images/KawiHeadShot.png" alt="KawiHeadShot">
<div class="card-body">
<h5 class="card-title fw-bold">Kawi Saleh (co-founder)</h5>
<p class="card-text">
Kawi Saleh is a 22-year old second-year Creative Business student at Breda University of Applied Sciences who specializes in videography, photography and web design. Saleh also creates new concepts in relations to commercialising/advertising as well as video edits on different platforms such as YouTube and Instagram. In addition to scriptwriting, Kawi also organises professional photoshoots and projects as she runs an account associated to filmmaking. Kawi grew up in London, United Kingdom, and has gained knowledge in working in diverse environments as a result. Saleh aspires to become a Creative Director in her own tech firm that focuses on commercialising for big companies such as Nike and Adidas.
</p>
</div>
</div>
</div>
<!-- Card #2 -->
<div class="col-sm-6 col-lg-4 col-xl-3">
<div class="card shadow h-100">
<img class="img-fluid" src="images/LeilaHeadShot.png" alt="LeilaHeadShot">
<div class="card-body">
<h5 class="card-title fw-bold">Leila Phiri (co-founder)</h5>
<p class="card-text">
Leila Phiri is a highly driven and passionate individual with a background in media management and business administration. She has a proven track record of successfully managing confidential information and coordinating engaging projects, such as organizing fun activities for students during breaks and creating content for prominent social media influencers and jewelry brands. Ms. Phiri is deeply committed to sustainability and actively seeks ways to reduce waste by creating her own clothes with sustainable fabrics and engaging in recycling efforts. Her dedication to excellence extends to her academic pursuits as she is currently pursuing a degree in Creative Business at Breda University of Applied Sciences, with plans to pursue a master's degree in Business Psychology. With her diverse skill set and unwavering commitment to sustainability, Ms. Phiri is poised to make a significant impact in the field of business management.
</p>
</div>
</div>
</div>
<!-- Card #3 -->
<div class="col-sm-6 col-lg-4 col-xl-3">
<div class="card shadow h-100">
<img class="img-fluid" src="images/LuukHeadShot.png" alt="Placeholder Image">
<div class="card-body">
<h5 class="card-title fw-bold">Luuk Kornelisse (co-founder)</h5>
<p class="card-text">Luuk Kornelisse is a second-year Creative Business student at Breda University of Applied Sciences. He is a graduate of Grafisch Lyceum Rotterdam, where he studied IT systems and devices. His passion lies in music, videography, and graphic design. He has a year of experience in the Dutch media industry taking on an internship at NEP The Netherlands. Where he worked as an encoding specialist, hosting webinars for established companies. Keep an out for his upcoming projects.</p>
</div>
</div>
</div>
<!-- Card #4 -->
<div class="col-sm-6 col-lg-4 col-xl-3">
<div class="card shadow h-100">
<img class="img-fluid" src="images/MarcusHeadShot.png" alt="Placeholder Image">
<div class="card-body">
<h5 class="card-title fw-bold">Marcus Mac Donald (co-founder)</h5>
<p class="card-text">Marcus Mac Donald is an Audiovisual Designer as he graduated Mediacollege in Amsterdam in 2017. He has gained experience in multiple facets in the creation of moving pictures and digital content. His experience shows in his ability to operate the Adobe CC suite, the Microsoft Office suite and several other programs to a satisfactory degree. Before his graduation he has worked with companies like SPEC and NewBe TV for the creation of content for famous Dutch celebrities and Influencers like Ali B, Bilal Wahib, Qucee, Stepherd & Skinto and many more. Currently he is busy getting his Creative Business degree at Breda University of Applied Sciences. In the future he would like to be creative director of his own creations in the media industry.</p>
</div>
</div>
</div>
<!-- Card #5 -->
<div class="col-sm-6 col-lg-5 col-xl-3">
<div class="card shadow h-100">
<img class="img-fluid" src="images/NoortjeHeadShot.png" alt="Placeholder Image">
<div class="card-body">
<h5 class="card-title fw-bold">Noortje de Jong (co-founder)</h5>
<p class="card-text">Another team member is Noortje. She is an 18-year-old girl and she is a second year creative business student at Breda University of Applied Sciences. She loves music and radio and is frequently out in the forest with her horse. Marketing is one of the aspects of media that speaks to her, preferably combined with some radio! Talking is something that she loves so it is no surprise she also has her own radio show on HUB radio.</p>
</div>
</div>
</div>
<!-- That was the last card -->
</div>
</main>
<!-- End of the grid with cards -->
<!-- A footer with socials -->
<footer class="shadow-lg mt-auto py-4 bg-body">
<div class="container d-flex justify-content-between align-items-center">
<p>
© 2020–2021 — YouUp Inc.
</p>
<ul class="list-unstyled d-flex align-items-center opacity-75">
<li>
<a href="https://www.facebook.com/profile.php?id=100090911655749" target="_blank">
<img class="m-2" src="images/facebook.svg" alt="Follow us on" width="26">
</a>
</li>
<li>
<a href="https://www.youtube.com/@YouUpOfficial" target="_blank">
<img class="m-2" src="images/youtube.svg" alt="Follow us on YouTube" width="26">
</a>
</li>
</ul>
</div>
</footer>
<!-- End of the grid -->
</body>
</html>