-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (135 loc) · 6.42 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
<!doctype HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Stylesheet -->
<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
<title>Code the Change Foundation</title>
</head>
<body>
<nav role="navigation" class="navbar navbar-expand-md navbar-light">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="assets/images/logos/full_text_blue.png" width="auto" height="75px" alt="code the change logo">
</a>
<button id="nav-icon4" class="navbar-toggler collapsed border-0" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav pr-0 pl-3 pl-sm-0 container justify-content-md-end justify-content-start">
<li class="nav-item">
<a class="nav-link h6 font-weight-normal mb-0" href="projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link h6 font-weight-normal mb-0" href="team.html">Team</a>
</li>
<li class="nav-item">
<a class="nav-link h6 font-weight-normal mb-0" href="partner.html">Partner</a>
</li>
<li class="nav-item">
<a class="nav-link h6 font-weight-normal mb-0" href="volunteer.html">Volunteer</a>
</li>
<li class="nav-item d-inline-flex justify-content-center">
<a class="nav-link px-2 py-1" href="https://github.com/CodetheChangeFoundation" target="_blank">
<img class="social-media-icon" src="assets/images/github-small.png" alt="github">
</a>
<a class="nav-link px-2 py-1" href="https://www.linkedin.com/company/code-the-change-foundation/"
target="_blank">
<img class="social-media-icon" src="assets/images/linkedin-icon.png" alt="linkedin">
</a>
<a class="nav-link px-2 py-1" href="https://www.facebook.com/codethechangefoundation/" target="_blank">
<img class="social-media-icon" src="assets/images/fbook-icon.png" alt="facebook">
</a>
</li>
</ul>
</div>
</div>
</nav>
<main>
<header class="header-image" id="home-image">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col text-center text-white">
<h1 class="display-4 title">The Code the Change Foundation</h1>
<h3 class="subtitle">Driving social change with technology.</h3>
</div>
</div>
</div>
</header>
<section id="about">
<div class="container">
<div class="row">
<div class="col">
<h2 class="mb-4 text-secondary font-weight-normal">About Us</h2>
<p>The Code the Change Foundation is a registered non-profit and was founded in August 2018.</p>
<p>The Foundation (formerly Code the Change UBC) builds open-source software solutions to enhance the
effectiveness of non-profit organizations who don't have the means to develop it themselves. We believe in
the powerful unification of students' passions and technical skills with the vision and knowledge of
philanthropic organizations.</p>
<p>Each semester, we form teams and choose software projects to complete in a four month span. Projects
often range from applications to websites to custom databases. Teams work closely with members of the
organization to achieve their goals and deliver quality products.</p>
<p>Code the Change began in 2009 as a student organization at Stanford University. Since then, multiple
chapters across North America have been founded to carry on the mission. Code the Change UBC is just one
chapter of passionate individuals trying to make a change through their software and the Code the Change
Foundation is the first registered non-profit to come out of this movement.</p>
</div>
</div>
</div>
</section>
<section id="projectBanner">
<div class="container h-100 py-5">
<div class="row h-100 align-items-center py-5">
<div class="col text-center text-white">
<h2 class="mb-4 font-weight-normal">Check out our work!</h2>
<a class="btn text-white btn-secondary" href="projects.html" role="button">
<h4 class="m-0">Projects</h4>
</a>
</div>
</div>
</div>
</section>
<!-- <section id="joinBanner" class="text-center">
<h2 class="mb-4 text-secondary font-weight-normal">Joining the Cause</h2>
<div class="container px-0">
<div class="row m-0 pl-5 pr-5">
<div class="col-12 col-md-6 p-2">
<a href="partner.html" class="w-100 btn btn-outline-primary">
<h4 class="m-0">Become a Partner</h4>
</a>
</div>
<div class="col-12 col-md-6 p-2">
<a href="volunteer.html" class="w-100 btn btn-outline-secondary">
<h4 class="m-0">Become a Volunteer</h4>
</a>
</div>
</div>
</div>
</section> -->
</main>
<footer role="contentinfo" class="footer bg-light d-flex align-items-center">
<div class="container">
<div class="row">
<div class="col-12">
<p class="text-center text-muted m-0 small">© Code the Change Foundation 2019</p>
</div>
</div>
</div>
</footer>
<!--BootStrap JS Scripts -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
</html>