-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
211 lines (195 loc) · 9.84 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
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
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Postman Students - KCA University</title>
<!-- Link to favicon -->
<link rel="shortcut icon" href="https://res.cloudinary.com/dglaey3zm/image/upload/v1719575705/media/postman-students-kca/assets/favicon_bwitz4.ico" type="image/x-icon">
<!-- Link to custom css -->
<link rel="stylesheet" href="./styles.css">
<!-- Link to custom JS -->
<script src="./backend/scripts.js"></script>
<!-- Links to cdns -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
</head>
<body class="bg-white">
<div class="navbar bg-base-100">
<div class="navbar-start">
<div class="dropdown">
<div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor">
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M4 6h16M4 12h8m-8 6h16" />
</svg>
</div>
<ul
tabindex="0"
class="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow">
<li><a href="#about-us">About Us</a></li>
<li><a href="#benefits">Benefits</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#resources">Resources</a></li>
</ul>
</div>
<a href="#">
<img src="https://res.cloudinary.com/dglaey3zm/image/upload/v1719575706/media/postman-students-kca/assets/logo_sbejob.png" alt="logo" class="h-20 w-20">
</a>
</div>
<div class="navbar-center hidden lg:flex">
<ul class="menu menu-horizontal px-1">
<li><a href="#about-us">About Us</a></li>
<li><a href="#benefits">Benefits</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#resources">Resources</a></li>
</ul>
</div>
<div class="navbar-end">
<a
href="https://forms.gle/4LRzAwcDLCBBGKzB6"
class="btn bg-[#EF5B25] text-white">Join Us</a>
</div>
</div>
<section id="hero">
<div class="hero bg-base-200 min-h-screen">
<div class="hero-content text-center">
<div class="max-w-md">
<h1 class="text-5xl font-bold">Welcome!</h1>
<p class="py-6">
Join our Postman student program and gain the skills that will set you apart. Free training, certifications,
and an exclusive badge await - fuel your developer future, today!
</p>
<a
href="https://bit.ly/become-a-student-expert"
class="btn bg-[#EF5B25] text-white">Become a Postman Student Expert!</a>
</div>
</div>
</div>
</section>
<section id="about-us">
<div class="min-h-screen m-2">
<div class="about">
<div class="left">
<h1 class="text-4xl text-[#EF5B25]">About us</h1>
<p class="text-black">
Are you passionate about APIs and excited to explore the world of development? Postman Students at
<a class="link text-[#8C7C27]" href="https://www.kcau.ac.ke/">KCA University</a>
is a community designed for you! We're a group of students dedicated to learning and building with APIs. Whether
you're a seasoned developer or just starting out, we welcome you to join our collaborative environment.
</p>
<p class="text-black">
Our mission is to empower students like you to unlock the full potential of APIs. We achieve this by hosting
workshops and hackathons, offering mentorship opportunities from industry experts, and fostering a space for
collaboration on projects. We believe that by learning together, we can build the next generation of innovative
API-driven applications.
</p>
</div>
<div class="right">
<img src="https://res.cloudinary.com/dglaey3zm/image/upload/v1719564876/media/postman-students-kca/assets/students_wqudsu.png">
</div>
<div class="clear-both"></div>
</div>
</div>
</section>
<section id="benefits">
<div class="min-h-screen m-2">
<div class="mission">
<div class="left">
<img src="https://res.cloudinary.com/dglaey3zm/image/upload/v1719564830/media/postman-students-kca/assets/student-program-postman-illustration_ueuvpj.svg">
</div>
<div class="right">
<h1 class="text-4xl text-[#EF5B25]">Benefits</h1>
<p class="text-black">
Joining Postman Students offers a wealth of benefits to fuel your development journey. You'll gain valuable,
in-demand API skills through workshops, tutorials, and hands-on projects. Master the art of building, testing,
and managing APIs, a critical skillset for modern developers.
</p>
<p class="text-black">
But learning isn't everything! Postman Students also fosters a vibrant community where you can network with fellow developers,
both peers and industry professionals. Attend workshops and guest lectures to gain insights from experts, participate in exciting
events, and collaborate on projects. Plus, you'll have the chance to earn exclusive API certifications from Postman, further
solidifying your credentials and standing out in the job market. Don't miss this opportunity to become a leader in the API developer
community and potentially become a Postman Student Leader on your campus!
</p>
</div>
<div class="clear-both"></div>
</div>
</div>
</section>
<section id="get-involved">
<div class="r">
<div class="text-center text-white bg-[#EF5B25] p-10 mt-5">
<img src="https://res.cloudinary.com/dglaey3zm/image/upload/v1719564876/media/postman-students-kca/assets/postman-students_n3usdo.png" alt="" class="mx-auto">
<a
href="https://docs.google.com/forms/d/e/1FAIpQLSeoztNcIQelFW-ShD0gQs_5JBPqElmu2kIqbQ0J1vcPdizq2g/viewform"
class="btn btn-outline text-white mt-5">Join our Postman Students Club!</a>
</div>
</div>
</section>
<section id="resources">
<div class="min-h-screen mx-auto px-4 py-8">
<h1 class="text-3xl text-center text-[#EF5B25] mb-4">Resources</h1>
<ul class="list-disc grid grid-cols-1 md:grid-cols-2 gap-4 text-xs text-black m-5" id="resources-container">
</ul>
</div>
</section>
<footer class="footer bg-base-200 p-10">
<nav>
<h6 class="footer-title">Postman Student Programs</h6>
<a class="link link-hover" href="https://www.postman.com/student-program/student-expert/">Postman Student Experts</a>
<a class="link link-hover" href="https://www.postman.com/student-program/student-leader/">Postman Student Leader</a>
<a class="link link-hover" href="https://www.postman.com/student-program/educator/">Postman Classroom</a>
<a class="link link-hover" href="https://discord.com/invite/bKjz3CXbB6">Join Student Community on Discord</a>
<a class="link link-hover" href="https://www.postman.com/student-program/">Learn More</a>
</nav>
<nav>
<h6 class="footer-title">Google Developer Student Clubs - KCA</h6>
<a class="link link-hover" href="https://gdsc.community.dev/">About GDSC</a>
<a class="link link-hover" href="https://gdsc.community.dev/kca-university-nairobi-kenya/">Join the Community</a>
<a class="link link-hover" href="https://discord.gg/EzA66Y3S">Join on Discord</a>
<a class="link link-hover" href="https://www.twitter.com/dsc_kca">Follow on X</a>
</nav>
<nav>
<h6 class="footer-title">KCA University</h6>
<a class="link link-hover" href="https://www.kcau.ac.ke/about-kca-university/">About KCA University</a>
<a class="link link-hover" href="https://www.kcau.ac.ke/contact-us/">Contact</a>
<a class="link link-hover" href="https://www.kcau.ac.ke/enquire-now/">Join KCA University</a>
</nav>
</footer>
<!-- Scroll to Top Button -->
<button id="scrollToTopBtn">
<ion-icon name="chevron-up-outline"></ion-icon>
</button>
<script>
// Get the button
let mybutton = document.getElementById("scrollToTopBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {
scrollFunction();
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
mybutton.addEventListener("click", function() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
});
</script>
</body>
</html>