-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpoeple.html
158 lines (155 loc) · 19.4 KB
/
poeple.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
<!DOCTYPE html>
<html data-bs-theme="dark" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Hack Club BBSS</title>
<link rel="canonical" href="https://bbsshack.club/poeple.html">
<meta property="og:url" content="https://bbsshack.club/poeple.html">
<meta name="twitter:image" content="https://bbsshack.club/assets/img/logo.webp">
<meta name="twitter:description" content="Official website of THE hack club in BBSS">
<meta name="twitter:card" content="summary">
<meta name="description" content="Official website of THE Hack Club in BBSS">
<meta property="og:type" content="website">
<meta name="twitter:title" content="BBSS Hack Club">
<meta property="og:image" content="https://bbsshack.club/assets/img/logo.webp">
<link rel="icon" type="image/webp" sizes="1925x1925" href="/assets/img/logo.webp">
<link rel="icon" type="image/webp" sizes="1925x1925" href="/assets/img/logo.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/webp" sizes="1925x1925" href="/assets/img/logo.webp">
<link rel="icon" type="image/webp" sizes="1925x1925" href="/assets/img/logo.webp" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/webp" sizes="1925x1925" href="/assets/img/logo.webp">
<link rel="icon" type="image/webp" sizes="1925x1925" href="/assets/img/logo.webp">
<link rel="icon" type="image/webp" sizes="1925x1925" href="/assets/img/logo.webp">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/assets/css/Agbalumo.css">
<link rel="stylesheet" href="/assets/css/Akronim.css">
<link rel="stylesheet" href="/assets/css/swiper-icons.css">
<link rel="stylesheet" href="/assets/css/bs-theme-overrides.css">
<link rel="stylesheet" href="/assets/css/animate.min.css">
<link rel="stylesheet" href="/assets/css/Lightbox-Gallery-baguetteBox.min.compiled.css">
<link rel="stylesheet" href="/assets/css/Navbar-Right-Links-Dark-icons.css">
<link rel="stylesheet" href="/assets/css/Projects-Grid-images.css">
<link rel="stylesheet" href="/assets/css/Simple-Slider-1.css">
<link rel="stylesheet" href="/assets/css/Simple-Slider-swiper-bundle.min.css">
<link rel="stylesheet" href="/assets/css/Simple-Slider.css">
<script async defer src="https://scripts.withcabin.com/hello.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-md py-3" style="color: rgba(33,37,41,0);background: rgba(33,37,41,0);">
<div class="container-fluid"><a class="navbar-brand d-flex align-items-center" href="/index.html" style="text-shadow: 0px 1px 20px rgb(253,242,172), 0px 14px 20px rgb(152,33,34);"><span class="d-flex justify-content-center align-items-center bs-icon-sm bs-icon-rounded bs-icon-primary me-2 bs-icon" style="background: rgb(251,241,173);"><img class="rounded img-fluid" src="/assets/img/logo.webp"></span><span style="transform: skew(0deg);">BBSS Hack Club</span></a><button data-bs-toggle="collapse" data-bs-target="#navcol-5" class="navbar-toggler"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-5">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link active" href="/projects.html">Projects</a></li>
<li class="nav-item"><a class="nav-link active" href="/competitions.html">Competitions</a></li>
<li class="nav-item"><a class="nav-link active" href="/poeple.html">Our People</a></li>
</ul><a class="btn btn-outline-info font-monospace text-capitalize placeholder bg-info bg-gradient border rounded-pill border-1 border-warning shadow ms-md-2" role="button" data-bss-hover-animate="rubberBand" href="https://forms.fillout.com/t/tjJdu2yq8xus">Join Us</a>
</div>
</div>
</nav>
<section class="py-4 py-xl-5" style="padding: 0px;padding-top: 0px;">
<div class="container">
<div class="text-center p-4 p-lg-5">
<p class="fw-bold text-primary mb-2"></p>
<h1 class="display-1 fw-bold pulse animated mb-4" data-bs-toggle="tooltip" data-bss-tooltip="" style="color: rgb(203,212,245);text-shadow: 0px 0px 1px;">Our Team</h1>
</div>
</div>
</section>
<div class="container py-4 py-xl-5">
<div class="row gy-4 row-cols-2 row-cols-md-4">
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" data-bss-hover-animate="swing" width="130" height="130" src="/assets/img/saumil.jpeg">
<h5 class="fw-bold text-primary card-title mb-0">Saumil</h5>
<p class="text-muted card-text mb-2">Founder</p>
<p>Saumil is a experienced iOS developer who worked on <a href="https://app.swiftinsg.org/saumil">Grass</a>. Amongst a myriad of other things such as volunteering at tech events, Saumil enjoys occasionally photographing events and places </p>
<ul class="list-inline fs-6 text-muted w-100 mb-0">
<li class="list-inline-item text-center"><a class="d-inline-block d-flex flex-column align-items-center" href="https://www.linkedin.com/in/saumil707/" target="_blank">
<div class="d-flex flex-column align-items-center"><svg class="bi bi-linkedin" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16"><path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path></svg></div>
</a></li>
<li class="list-inline-item text-center"><a class="d-flex flex-column align-items-center" href="mailto:[email protected]">
<div class="d-flex flex-column align-items-center"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24" fill="none"><path fill-rule="evenodd" d="M3.00977 5.83789C3.00977 5.28561 3.45748 4.83789 4.00977 4.83789H20C20.5523 4.83789 21 5.28561 21 5.83789V17.1621C21 18.2667 20.1046 19.1621 19 19.1621H5C3.89543 19.1621 3 18.2667 3 17.1621V6.16211C3 6.11449 3.00333 6.06765 3.00977 6.0218V5.83789ZM5 8.06165V17.1621H19V8.06199L14.1215 12.9405C12.9499 14.1121 11.0504 14.1121 9.87885 12.9405L5 8.06165ZM6.57232 6.80554H17.428L12.7073 11.5263C12.3168 11.9168 11.6836 11.9168 11.2931 11.5263L6.57232 6.80554Z" fill="currentColor"></path></svg></div>
</a></li>
<li class="list-inline-item text-center"><a class="d-flex flex-column align-items-center" href="https://github.com/saumilthecode" target="_blank">
<div class="d-flex flex-column align-items-center"><svg class="bi bi-github" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path></svg></div>
</a></li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle img-fluid mb-3 fit-cover" data-bss-hover-animate="tada" width="130" height="130" src="/assets/img/bigfatass.jpeg" style="transform: skew(0deg);">
<h5 class="fw-bold text-primary card-title mb-0">Daivik</h5>
<p class="text-muted card-text mb-2">Co-Founder</p>
<p>Daivik similarly found his interest in technology through iOS and Swift. Through his journey of developing <a href="https://app.swiftinsg.org/journify">Journify</a> he learned about the transformative changes that tech can bring to people's lives.<br>Other then tech Daivik dabbles in content creation with his YouTube channel</p>
<ul class="list-inline fs-6 text-muted w-100 mb-0">
<li class="list-inline-item text-center"><a class="d-flex flex-column align-items-center" href="https://www.youtube.com/@realgz56yt2" target="_blank">
<div class="d-flex flex-column align-items-center"><svg class="bi bi-youtube" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16"><path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path></svg></div>
</a></li>
<li class="list-inline-item text-center">
<div class="d-flex flex-column align-items-center"><a class="d-flex flex-column align-items-center" href="mailto:[email protected]"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24" fill="none"><path fill-rule="evenodd" d="M3.00977 5.83789C3.00977 5.28561 3.45748 4.83789 4.00977 4.83789H20C20.5523 4.83789 21 5.28561 21 5.83789V17.1621C21 18.2667 20.1046 19.1621 19 19.1621H5C3.89543 19.1621 3 18.2667 3 17.1621V6.16211C3 6.11449 3.00333 6.06765 3.00977 6.0218V5.83789ZM5 8.06165V17.1621H19V8.06199L14.1215 12.9405C12.9499 14.1121 11.0504 14.1121 9.87885 12.9405L5 8.06165ZM6.57232 6.80554H17.428L12.7073 11.5263C12.3168 11.9168 11.6836 11.9168 11.2931 11.5263L6.57232 6.80554Z" fill="currentColor"></path></svg></a></div>
</li>
<li class="list-inline-item text-center"><a class="d-flex flex-column align-items-center" href="https://github.com/gz56" target="_blank">
<div class="d-flex flex-column align-items-center"><svg class="bi bi-github" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path></svg></div>
</a></li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle img-fluid mb-3 fit-cover" data-bss-hover-animate="swing" width="130" height="130" src="/assets/img/zenneth.png">
<h5 class="fw-bold text-primary card-title mb-0">Zenneth</h5>
<p class="text-muted card-text mb-2">Co-Founder</p>
<p>Zenneth found his interest in technology when he learned about the benefits that lua brought. The transformative changes that being able to get those around you to experience what you've made is a driving factor for Zenneth when he wishes to empower more with tech</p>
<ul class="list-inline fs-6 text-muted w-100 mb-0">
<li class="list-inline-item text-center"><a href="mailto:[email protected]">
<div class="d-flex flex-column align-items-center"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24" fill="none"><path fill-rule="evenodd" d="M3.00977 5.83789C3.00977 5.28561 3.45748 4.83789 4.00977 4.83789H20C20.5523 4.83789 21 5.28561 21 5.83789V17.1621C21 18.2667 20.1046 19.1621 19 19.1621H5C3.89543 19.1621 3 18.2667 3 17.1621V6.16211C3 6.11449 3.00333 6.06765 3.00977 6.0218V5.83789ZM5 8.06165V17.1621H19V8.06199L14.1215 12.9405C12.9499 14.1121 11.0504 14.1121 9.87885 12.9405L5 8.06165ZM6.57232 6.80554H17.428L12.7073 11.5263C12.3168 11.9168 11.6836 11.9168 11.2931 11.5263L6.57232 6.80554Z" fill="currentColor"></path></svg></div>
</a></li>
<li class="list-inline-item text-center"><a href="https://github.com/Randomcoder6407">
<div class="d-flex flex-column align-items-center"><svg class="bi bi-github" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path></svg></div>
</a></li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle img-fluid mb-3 fit-cover" data-bss-hover-animate="tada" width="130" height="130" src="/assets/img/ethan.webp">
<h5 class="fw-bold text-primary card-title mb-0">Ethan Dalgado</h5>
<p class="text-muted card-text mb-2">Co-founder</p>
<p>Ethan found his interest in tech since he was younger, when he was interested in Lego. Recently, he found that he was able to modernise his Lego interests through creating Lego Robots. Thanks to his newly found interests, he learned about new languages such as Python and Lua once block-based coding became an easy item for him.</p>
<ul class="list-inline fs-6 text-muted w-100 mb-0">
<li class="list-inline-item text-center"><a href="mailto:[email protected]">
<div class="d-flex flex-column align-items-center"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24" fill="none"><path fill-rule="evenodd" d="M3.00977 5.83789C3.00977 5.28561 3.45748 4.83789 4.00977 4.83789H20C20.5523 4.83789 21 5.28561 21 5.83789V17.1621C21 18.2667 20.1046 19.1621 19 19.1621H5C3.89543 19.1621 3 18.2667 3 17.1621V6.16211C3 6.11449 3.00333 6.06765 3.00977 6.0218V5.83789ZM5 8.06165V17.1621H19V8.06199L14.1215 12.9405C12.9499 14.1121 11.0504 14.1121 9.87885 12.9405L5 8.06165ZM6.57232 6.80554H17.428L12.7073 11.5263C12.3168 11.9168 11.6836 11.9168 11.2931 11.5263L6.57232 6.80554Z" fill="currentColor"></path></svg></div>
</a></li>
<li class="list-inline-item text-center"><a href="https://github.com/ethandal">
<div class="d-flex flex-column align-items-center"><svg class="bi bi-github" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path></svg></div>
</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<footer class="text-center">
<div class="container text-muted py-4 py-lg-5">
<p style="margin-bottom: 0px;"><span style="color: rgb(203, 212, 245);">Made by </span><a href="https://github.com/saumilthecode"><span style="color: rgb(203, 212, 245);">Saumil</span></a><span style="color: rgb(203, 212, 245);">. See our code on </span><a href="https://github.com/saumilthecode/bbsshackclub"><span style="color: rgb(203, 212, 245);">GitHub</span></a></p>
<p><span style="color: rgb(203, 212, 245);">Fiscally Sponsored by Hack Club Bank. Check out our finances </span><a href="https://hcb.hackclub.com/bukit-batok-secondary-school-hack-club"><span style="color: rgb(203, 212, 245);">here</span></a><span style="color: rgb(203, 212, 245);">!</span></p>
</div><script>
window.si = window.si || function () { (window.siq = window.siq || []).push(arguments); };
</script>
<script>
window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
</script>
<script defer="" src="/_vercel/speed-insights/script.js"></script>
<script defer src="/_vercel/insights/script.js"></script>
</footer>
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="/assets/js/bs-init.js"></script>
<script src="/assets/js/Lightbox-Gallery-baguetteBox.min.js"></script>
<script src="/assets/js/Lightbox-Gallery.js"></script>
<script src="/assets/js/Simple-Slider-swiper-bundle.min.js"></script>
<script src="/assets/js/Simple-Slider.js"></script>
</body>
</html>