-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
113 lines (110 loc) · 11.2 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
<!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/">
<meta property="og:url" content="https://bbsshack.club/">
<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">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "Bukit Batok Secondary School Hack Club",
"url": "https://bbsshack.club"
}
</script>
<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/aos.min.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 style="background: linear-gradient(#242638 20%, rgb(36,38,56) 36%, rgb(36,38,56) 62%, #242638 89%);color: rgb(33, 37, 41);">
<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"><a class="navbar-brand" href="#" style="color: rgb(137,173,244);"></a>
<div class="container">
<div class="text-center p-4 p-lg-5">
<hr data-aos="fade" style="background: #027ffe;color: rgb(0,127,255);transform: translate(0px) rotate(0deg);width: inherit;height: 8px;">
<h1 class="display-1 fw-bold mb-4" data-bs-toggle="tooltip" data-bss-tooltip="" style="color:rgb(203,212,245);text-shadow:0px 0px 1px;"> Take an idea you're interested in and bring it to <span class="fancy-l">L</span><em>ife</em></h1>
<hr data-aos="fade" style="background: #027ffe;color: rgb(0,127,255);transform: translate(0px) rotate(0deg);width: inherit;height: 8px;padding: 0px;">
<p><span style="color: rgb(203, 212, 245); background-color: rgba(19, 20, 21, 0);">The </span><span style="color: rgb(138, 174, 245); background-color: rgba(19, 20, 21, 0);">BBSS Hack Club</span><span style="color: rgb(203, 212, 245); background-color: rgba(19, 20, 21, 0);"> meets </span><span style="color: rgb(138, 174, 245); background-color: rgba(19, 20, 21, 0);">weekly</span><span style="color: rgb(203, 212, 245); background-color: rgba(19, 20, 21, 0);"> for you to work on projects, collaborate with other students, and </span><strong><span style="color: rgb(138, 174, 245); background-color: rgba(19, 20, 21, 0);">grow yourself</span><span style="color: rgb(203, 212, 245); background-color: rgba(19, 20, 21, 0);">.</span></strong></p>
</div>
</div>
<div>
<div class="row">
<div class="w-100"></div>
</div>
<div class="row">
<div class="col-xxl-10 offset-xxl-1" style="text-align: center;">
<p class="text-center d-inline-block" style="text-align: center;font-size: 18px;padding-right: 0px;padding-left: initial;color: rgb(203,212,245);"><span style="color: rgb(203, 212, 245); background-color: rgba(203, 212, 245, 0);">Ever wanted to make a </span><a href="https://hackclub.com/onboard/"><span style="color: rgb(0, 255, 41); background-color: rgba(203, 212, 245, 0);">PCB</span></a><span style="color: rgb(203, 212, 245); background-color: rgba(203, 212, 245, 0);">?</span><br><span style="color: rgb(203, 212, 245); background-color: rgba(203, 212, 245, 0);">What about a </span><a href="https://sprig.hackclub.com/"><span style="color: rgb(0, 255, 179); background-color: rgba(203, 212, 245, 0);">game</span></a><span style="color: rgb(203, 212, 245); background-color: rgba(203, 212, 245, 0);">?</span><br><span style="color: rgb(203, 212, 245); background-color: rgba(203, 212, 245, 0);">What about a </span><a href="https://saumilthecode.github.io/dancefloor/"><span style="color: rgb(242, 237, 109); background-color: rgba(203, 212, 245, 0);">3D website</span></a><span style="color: rgb(203, 212, 245);">?</span><br><br><span style="color: rgb(203, 212, 245); background-color: rgba(203, 212, 245, 0);">I could keep this list going but you get what i'm talking about.</span><br><span style="color: rgb(203, 212, 245); background-color: rgba(203, 212, 245, 0);">Ever wanted to make something with Tech but never knew how to?</span><br><span style="color: rgb(203, 212, 245); background-color: rgba(203, 212, 245, 0);">With BBSS Hack Club we </span><strong><span style="color: rgb(203, 212, 245); background-color: rgba(203, 212, 245, 0);">will</span></strong><span style="color: rgb(203, 212, 245); background-color: rgba(203, 212, 245, 0);"> give you the resources, time and (</span><em><span style="color: rgb(203, 212, 245); background-color: rgba(203, 212, 245, 0);">possibly</span></em><span style="color: rgb(203, 212, 245); background-color: rgba(203, 212, 245, 0);">) funding to work on your projects</span></p>
</div>
<div class="w-100"></div>
<div class="col-xxl-9 offset-xxl-1">
<div class="row">
<div class="col"><img data-aos="zoom-in-right" data-aos-once="true" src="/assets/img/zennethmotivational.webp" width="320" style="margin: auto;padding: inherit;"></div>
</div>
</div>
</div>
</div>
<div>
<div class="col-xxl-12">
<p class="text-center"><span style="color: rgb(203, 212, 245);">At Hack Club BBSS you (unfortunately) wont be hacking into any systems (in a conventional way)</span><br><span style="color: rgb(203, 212, 245);">Instead you will find ways to better your own life and that of those around you by making a difference with Tech</span><br><span style="color: rgb(203, 212, 245);">Want to better our school open house?</span><br><span style="color: rgb(203, 212, 245);">Pitch a idea and you might end up with something like </span><a href="/projects.html"><span style="color: rgb(203, 212, 245);">About BBSS</span></a><br><span style="color: rgb(203, 212, 245);">These small changes eventually will bolster your ability to do better with Tech and make you Be Your Best</span><br><br><span style="color: rgb(203, 212, 245);">Since you made it all the way here want to check out our </span><a href="https://dev.bbsshack.club"><span style="color: rgb(203, 212, 245);">new version</span></a><span style="color: rgb(203, 212, 245);"> of this website?</span></p>
</div>
</div>
</section>
<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/aos.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>