-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (82 loc) · 4.97 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
<!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">
<title>Onboarding - Campus Team '23</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<section>
<div class="container-fluid">
<div class="row">
<div class="col-12 pt-5 pb-5">
<!-- logo -->
<div class="col-12 col-md-12 d-flex justify-content-center">
<img src="assets/img/DCS-CUSAT.jpg" class="img-fluid rounded-circle" style="width: 100px; height: 100px;" alt="" srcset="">
</div>
<!-- welcome text -->
<div class="col-12 col-md-12 p-4">
<h4 class="gradient-text text-center">Call for</h4>
<h1 class="gradient-text text-center"><strong>Campus Team '23</strong></h1>
</div>
<!-- roles -->
<div class="col-12 d-flex flex-column align-items-center p-4">
<div class="col-12 col-lg-8 d-flex justify-content-center">
<div class="card mb-3 text-bg-dark">
<div class="card-body">
<h5 class="card-title">Campus Lead</h5>
<p class="card-text">Join TinkerHub DCS as a Campus Lead and make a positive impact on your community! Share your passion for technology and social impact by organizing events and projects that inspire and empower others. Apply now to help shape the future of our community.</p>
<a href="https://forms.gle/oTG7YMp4HvAhMcpDA" class="btn btn-primary">Apply !</a>
</div>
</div>
</div>
<div class="col-12 col-lg-8 d-flex justify-content-center">
<div class="card mb-3 text-bg-dark">
<div class="card-body">
<h5 class="card-title">Tech Lead</h5>
<p class="card-text">Join TinkerHub DCS as a Technical Lead to inspire and empower your community with your passion for technology and innovation. Apply now to shape the future of our community.</p>
<a href="https://forms.gle/HVnGVAhGEZ2eTXeo6" class="btn btn-primary">Apply !</a>
</div>
</div>
</div>
<div class="col-12 col-lg-8 d-flex justify-content-center">
<div class="card mb-3 text-bg-dark">
<div class="card-body">
<h5 class="card-title">Media Team (2)</h5>
<p class="card-text">The Media Team is responsible for effectively communicating event details to audiences through concise and clear messaging, while also showcasing their creative talents to generate and promote inspiring content. Additionally, they aim to make technology accessible to everyone, even those who may be apprehensive, through their content and promotional efforts.
</p>
<a href="https://forms.gle/GxsZfY9APjuNRTx88" class="btn btn-primary">Apply !</a>
</div>
</div>
</div>
<div class="col-12 col-lg-8 d-flex justify-content-center">
<div class="card mb-3 text-bg-dark">
<div class="card-body">
<h5 class="card-title">Women in Tech Facilitator</h5>
<p class="card-text">The Women in Tech program strives to support and empower women in the field through various initiatives. These include guiding the Campus Core Team to organize gender-equality events, creating a supportive environment on campus, and providing mentorship and resources for women in technology to thrive.
</p>
<a href="https://forms.gle/sMFQCcCMehEqB5yN8" class="btn btn-primary">Apply !</a>
</div>
</div>
</div>
<div class="col-12 col-lg-8 d-flex justify-content-center">
<div class="card mb-3 text-bg-dark">
<div class="card-body">
<h5 class="card-title">Program Facilitator (2)</h5>
<p class="card-text">Program Facilitators play a crucial role on campus. They are responsible for ideating and designing learning models and community activities in accordance with the needs and preferences of the campus.</p>
<a href="https://forms.gle/dj94dZvq5AzmFgAB8" class="btn btn-primary">Apply !</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<script src="assets/js/script.js"></script>
</body>
</html>