-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpartner.html
175 lines (166 loc) · 9 KB
/
partner.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
<!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>Partner With Us | 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 active">
<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="partner-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">Partner With Us</h1>
<h3 class="subtitle">Submit a project request and we can start working together!</h3>
</div>
</div>
</div>
</header>
<section id="partnerInfo">
<div class="container">
<h2 class="mb-4 text-secondary font-weight-normal">Partner With Us</h2>
<p><s>We believe that software isn't a way to solve social issues in and of itself. Rather, its power is in
supporting organizations who already have the relevant expertise in a given area.</s></p>
<p><s>We love to hear from non-profit organizations looking to overcome any sort of obstacle. Please do not
hesitate to contact us to discuss how we can help. We look forward to meeting you!</s></p>
<p>Unfortunately, we've shut down operations permanently.</p>
<!-- <form id="partner-form"
action="https://docs.google.com/forms/d/e/1FAIpQLSeYyVpOLhnq8-wW6jkFtlWz-eMeEy28BUGf60b24xDxBNamXg"
method="post">
<fieldset>
<h4 class="mb-4 text-secondary font-weight-normal">Partner/Project Form</h4>
<p>Please complete this form if you are interested in exploring options for a specific project or a new
partnership with the Code the Change Foundation.</p>
<div class="form-group">
<label for="org-name">Organization Name</label>
<input class="form-control" id="org-name" name="entry.1786768402" type="text"
placeholder="Ex. Code the Change" required />
</div>
<div class="form-group">
<label for="full-addr">Full Address</label>
<input class="form-control" id="full-addr" name="entry.525135459" type="text"
placeholder="Ex. 1234 Georgia Street, Vancouver, BC A1B 2C3" required />
</div>
<div class="form-group">
<div class="form-row">
<div class="col-12 col-md-4 pb-2">
<label for="contact-name">Organizational Contact Name</label>
<input class="form-control" id="contact-name" name="entry.71709286" type="text"
placeholder="Ex. John Doe" required />
</div>
<div class="col-12 col-md-4 pb-2">
<label for="org-phone">Phone Number</label>
<input class="form-control" id="org-phone" name="entry.870353902" type="text"
placeholder="Ex. 604-123-4567" required />
</div>
<div class="col-12 col-md-4 pb-2">
<label for="org-email">Email Address</label>
<input class="form-control" id="org-email" name="entry.391460968" type="email"
placeholder="Ex. user@example.com" required />
</div>
</div>
</div>
<div class="form-group">
<label for="description">Description - Provide a brief description of your project. If you have a project
that is not yet fully formed, please share your ideas below.</label>
<textarea class="form-control" id="description" name="entry.1728426336" rows="4" required></textarea>
</div>
<div class="form-group">
<label for="outcome">Organizational outcomes - What are you hoping to achieve for your organization
through this project? How will these outcomes contribute to the goals of your organization?</label>
<textarea class="form-control" id="outcome" name="entry.1717250964" rows="4" required></textarea>
</div>
<div class="form-group">
<label for="impact">Community outcomes or impacts - How will the project benefit the community?</label>
<textarea class="form-control" id="impact" name="entry.792241738" rows="4" required></textarea>
</div>
<div class="form-group">
<label for="timeline">Preferred timeline - Consideration needs to be made for peak academic periods and
availability of students. Is the project time sensitive? Please provide your ideal project timeline
below.</label>
<textarea class="form-control" id="timeline" name="entry.934868140" rows="4" required></textarea>
</div>
<div class="form-group">
<label for="budget">Budget - Do you have a budget for this project? If so, how much is it? Websites will
require annual hosting and domain fees, mobile applications will require annual developer fees,
additional fees may also be required based on the specifications for the project (ex. databases)</label>
<textarea class="form-control" id="budget" name="entry.526647047" rows="4" required></textarea>
</div>
<p class="thank-you" style="display: none">Thank-you, we will get back to you as soon as possible.</p>
<button type="submit" class="btn btn-outline-primary mt-2">
<h6 class="m-0">Submit</h6>
</button>
</fieldset>
</form> -->
</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://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></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>
<script src="assets/scripts.js" type="text/javascript"></script>
<script src="assets/google-form.js" type="text/javascript"></script>
</body>
</html>