-
Notifications
You must be signed in to change notification settings - Fork 0
/
get_involved.html
116 lines (113 loc) · 4.29 KB
/
get_involved.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
<!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" />
<link href="style.css" rel="stylesheet" />
<title>Project Kayamanan</title>
</head>
<body>
<!-- Header & Hero -->
<div class="top">
<!-- Hamburger icon button for small screens -->
<header class="navBar-container">
<ul class="navBar">
<img src="img/logo.png" />
<div class="hamburger" id="hamburgerIcon">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
<div class="headerLinks">
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="ourprogram.html">OUR PROGRAMS</a></li>
<li><a href="get_involved.html">GET INVOLVED</a></li>
<li><a href="signup.html"><button >SIGN UP</button></a></li>
</div>
</ul>
</header>
</div>
<div class="getInvolved" id="getInvolved">
<div class="getInvolvedText">
<h2>Get Involved</h2>
<p class="content">
Help us empower our future leaders in building our country to become a
better nation through financial education. Impact the life of a public
high school student today.
</p>
</div>
<div class="getInvolvedCards">
<div class="cards" id="donateCard">
<div class="getInvolvedCardHeader">
<img src="img/cards/Donate.png" />
<h3>Donate</h3>
</div>
<div class="getInvolvedBody">
<p class="content">
We aim to raise a fund of Php 750,000. Thus, monetary donation of
any value will be greatly appreciated for helping us to move toward
our final goal. Regardless of where you at and the currency of your
country, you can help us directly by signing up below.
</p>
</div>
<button>Donate</button>
</div>
<div class="cards" id="signUpCard">
<div class="getInvolvedCardHeader">
<img src="img/cards/SignUp.png" />
<h3>Sign up as a participant</h3>
</div>
<div class="getInvolvedBody">
<p class="content">
Are you a high school student who is looking for an opportunity to
be financially educated? Are you unsure about financial processes,
bank accounts, and all those “mysterious” financial terms? Sign up
now to join this online program!
</p>
</div>
<button>Sign Up</button>
</div>
</div>
</div>
<footer>
<div class="footerContainer">
<div class="logoInfoFooter">
<img src="img/logo.png" class="footerLogo" />
<p>
PK 2.0 - A free online peer financial education program for Filipino
public high school students
</p>
</div>
<div class="footerLinks">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="ourprogram.html">Our Programs</a></li>
<li><a href="#top">Get Involved</a></li>
<li><a href="signup.html">Sign Up</a></li>
</ul>
</div>
<div class="socials">
<p>Connect with us on:</p>
<ul>
<li>
<a href="https://www.facebook.com/projectkayamanan"><img src="img/social/FB.png" /></a>
</li>
<li>
<a href="https://www.instagram.com/projectkayamanan/"><img src="img/social/IS.png" /></a>
</li>
<li>
<a href="https://www.youtube.com/channel/UCQoPYkHJS2evGZb4xKzzpBQ"><img src="img/social/YT.png" /></a>
</li>
<li>
<a href="https://www.tiktok.com/@projectkayamanan"><img src="img/social/TT.png" /></a>
</li>
</ul>
</div>
</div>
</footer>
<script type="module" src="script.js"></script>
</body>
</html>