forked from waltribeiro/cfp-mockup
-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathsponsor.html
178 lines (169 loc) · 11.5 KB
/
sponsor.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
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Code For Philly</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico">
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.1/js/all.js" crossorigin="anonymous">
</script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css">
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet">
<link href="css/custom_styles.css" rel="stylesheet">
</head>
<body id="home">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="index.html"><img src="assets/img/favicon.ico" alt="favicon" style="height: 2rem;"></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars ml-1"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Get Involved
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item nav-link" href="volunteer.html">Volunteer</a>
<a class="dropdown-item nav-link" href="sponsor.html">Sponsor</a>
<a class="dropdown-item nav-link" href="https://codeforphilly.org/projects">Find a Project</a>
<a class="dropdown-item nav-link" href="https://codeforphilly.org/pages/project_guidelines">Projects 101</a>
<a class="dropdown-item nav-link" href="https://codeforphilly.org/pages/hackathons">Launchpads & Hackathons</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="https://codeforphilly.org/chat" target="_blank">Chat <small>(Slack)</small></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
About
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item nav-link" href="https://codeforphilly.org/mission">Mission</a>
<a class="dropdown-item nav-link" href="https://codeforphilly.org/pages/code_of_conduct/">Code of Conduct</a>
<a class="dropdown-item nav-link" href="https://codeforphilly.org/pages/leadership/">Organizing Team</a>
<a class="dropdown-item nav-link" href="https://codeforphilly.org/pages/leadership-support_team_open_positions/">Join the Organizing Team</a>
<a class="dropdown-item nav-link" href="https://codeforphilly.org/contact">Contact Us</a>
<a class="dropdown-item nav-link" href="https://codeforphilly.org/members">Member Directory</a>
</div>
</li>
<li class="nav-item dropdown d-none d-lg-block">
<input class="form-control mr-sm-2" id="js-site-search" type="search" placeholder="Search" aria-label="Search">
<ul class="dropdown-menu search" id="navbarSearchBarDropdown" aria-labelledby="navbarDropdown">
</ul>
</li>
<li class="nav-item show">
<a class="nav-link " href="https://codeforphilly.org/login?return=%2F" id="navbarDropdown" role="button" aria-haspopup="false" aria-expanded="false">
Login
</a>
</li>
<li class="nav-item show">
<a class="nav-link " href="https://codeforphilly.org/register?return=%2F" id="navbarDropdown" role="button" aria-haspopup="false" aria-expanded="false">
Signup
</a>
</li>
</ul>
</div>
</div>
<div class="d-lg-none container pt-3">
<input class="form-control mr-sm-2" id="js-site-search-2" type="search" placeholder="Search" aria-label="Search">
<ul class="dropdown-menu search" id="navbarSearchBarDropdown-2" aria-labelledby="navbarDropdown">
</ul>
</div>
</nav>
<main id="secondary__main">
<div class="pl-5 pr-5 pb-5 secondary-page-intro secondary-page-div text-center">
<h2>Why sponsor Code for Philly?</h2>
<p>Code for Philly is a nonprofit organization made up of proactive community members and volunteers in the city of Philadelphia. Our mission is to use technology, data, and design as a means to engage our community. We want to make a positive difference in the present and future of our city through citizen-driven ideas and projects.</p>
<br>
<h3>We have 5 goals in mind:</h3>
<div class="list-center">
<ol class="text-left" style="font-size: 1.2rem;">
<li>Make technology accessible to government, nonprofits, and community organizations.</li>
<li>Create opportunity for technologists to grow their skills.</li>
<li>Provide a collaborative space for participants of all backgrounds to co-create.</li>
<li>Connect civic minded technologists with community building organizations.</li>
<li>Improve Greater Philadelphia’s present and future with citizen-driven ideas and projects.</li>
</ol>
</div>
</div>
<div class="row">
<img class="col-6 d-none d-lg-block" src="assets/img/sponsor/img-1.jpg" alt="Two people presenting 'What is Civic Hacking?'">
<img class="col-12 col-lg-6" src="assets/img/sponsor/img-2.jpg" alt="A person presenting 'Philadelphia Statistics'">
</div>
<div class="secondary-page-div p-5" style="background-color: #2c57a5; color: aliceblue; padding-top: unset;">
<a href="https://codeforphilly.org/projects">Here are CFP's projects</a>, which Philadelphia community members, including yourself, have the opportunity to help volunteer on as well! As this is a nonprofit organization, monetary contributions are always greatly appreciated. They allow us to continue the work you see, in order to make a positive change in our community.
</div>
<div class="secondary-page-div p-5">
<h2 class="text-center">How to sponsor Code for Philly</h2>
<ul>
<li><span class="font-weight-bold">Monetary contributions</span> - all contributions are tax deductible</li>
<li><span class="font-weight-bold">Donations of materials or products</span> - t-shirts, software, etc. for events and projects</li>
<li><span class="font-weight-bold">Donations of Time</span> - this is a great option for companies who want to give employees the option to work with Philly as part of corporate giving days or employee volunteer time.</li>
</ul>
<p class="text-center">Interested? Contact us at <a class="card-link" href="mailto:[email protected]">[email protected]</a> or join <a href="https://codeforphilly.org/chat">our Slack workspace</a>.</p>
</div>
<div class="row">
<img class="col-12 col-lg-6" src="assets/img/sponsor/img-3.jpg" alt="Technologists in a cool hall.">
<img class="col-6 d-none d-lg-block" src="assets/img/sponsor/img-4.jpg" alt="Technologists in a presentation.">
</div>
</main>
<!-- Footer-->
<hr class="mx-5">
<footer class="footer py-4">
<div class="container">
<div class="row pb-3">
<div class="col-12 col-sm-4">
<a href="https://codeforphilly.org/projects">Active Projects</a>
<br>
<a href="https://code-for-philly.gitbook.io/partnerships/creating-new-partnerships/first-steps">Start a Project</a>
<br>
<a href="https://codeforphilly.org/pages/hackathons">Hackathons</a>
</div>
<div class="col-12 col-sm-4">
<a href="https://codeforphilly.org/pages/mission">Mission</a>
<br>
<a href="https://codeforphilly.org/pages/code_of_conduct/">Code Of Conduct</a>
<br>
<a href="https://codeforphilly.org/pages/leadership/">Leadership</a>
</div>
<div class="col-12 col-sm-4">
<a href="https://codeforphilly.org/chat">Slack</a>
<br>
<a href="https://codeforphilly.org/contact">Contact</a>
<br>
<a href="https://codeforphilly.org/pages/hack_night_program_details/">Weekly Meetups</a>
</div>
</div>
<div class="row align-items-center">
<div class="col-lg-4 text-lg-left">Copyright © Code For Philly 2021</div>
<div class="col-lg-4 my-3 my-lg-0">
<a class="btn btn-dark btn-social mx-2" href="http://twitter.com/codeforphilly"><i class="fab fa-twitter"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://www.meetup.com/Code-for-Philly"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="http://codeforphilly.slack.com"><i class="fab fa-linkedin-in"></i></a>
</div>
<!-- <div class="col-lg-4 text-lg-right">
<a class="mr-3" href="#!">Privacy Policy</a>
<a href="#!">Terms of Use</a>
</div> -->
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<script src="js/debounce.js"></script>
<script src="js/search.js"></script>
</body></html>