-
Notifications
You must be signed in to change notification settings - Fork 18
/
Copy pathassistance.html
143 lines (139 loc) · 5.4 KB
/
assistance.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
---
title: Assistance
---
<!-- Header -->
<header>
<div class="overlay"></div>
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
<source src="/content/videos/workshop2.mp4" type="video/mp4">
</video>
<div class="container h-100">
<div class="d-flex h-100 text-center align-items-center">
<div class="w-100 text-white">
<p class="subheader d-none d-md-inline">Want to improve the quality of your efforts?</p>
<h1 class="header my-md-2">We'd love to team up with you</h1>
</div>
</div>
</div>
</header>
<!-- Needs -->
<section id="needs" class="bg-light">
<div class="container">
<div class="row mb-md-5 pb-3">
<div class="col-lg-12 text-center">
<h1>How we help</h1>
</div>
</div>
<div class="row text-center justify-content-center">
<div class="col-md-6 col-lg-3 pb-4 mb-md-0">
<div class="card">
<div class="card-body">
<span class="fa-stack fa-3x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-tasks fa-stack-1x fa-inverse"></i>
</span>
<h4 class="mt-4">Programming</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 pb-4 mb-md-0">
<div class="card">
<div class="card-body">
<span class="fa-stack fa-3x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-pencil-alt fa-stack-1x fa-inverse"></i>
</span>
<h4 class="mt-4">Design</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 pb-4 mb-md-0">
<div class="card">
<div class="card-body">
<span class="fa-stack fa-3x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-bullhorn fa-stack-1x fa-inverse"></i>
</span>
<h4 class="mt-4">Marketing</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 pb-4 mb-md-0">
<div class="card">
<div class="card-body">
<span class="fa-stack fa-3x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-hands-helping fa-stack-1x fa-inverse"></i>
</span>
<h4 class="mt-4">Support</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Details callout -->
<section id="details" class="bg-purple-meetup1">
<div class="row d-flex justify-content-center">
<div class="col-9 col-lg-6 text-light text-center">
<h1 class="mb-3">The bottom line</h1>
<p>If you're a meetup, class, hackathon, networking event, etc. that is helping your community <strong>for free</strong>, we're here to help. After all, our mission is to see people start learning tech and thrive not matter if it's through Code Connector meetup or not.</p>
<div class="pt-3 row d-flex justify-content-center">
<div class="col-sm text-sm-right">
<a class="btn btn-light btn-lg mb-3 mb-md-0 mr-0 mr-md-3 shadow js-scroll-trigger" href="#requirements">See requirements</a>
</div>
<div class="col-sm text-sm-left">
<a class="btn btn-light btn-lg shadow js-scroll-trigger" href="#contact">Contact</a>
</div>
</div>
</div>
</div>
</section>
<!-- Details -->
<section id="requirements">
<div class="container">
<div class="row mb-md-5 pb-3">
<div class="col-lg-12 text-center">
<h1>What we require</h1>
</div>
</div>
<div class="row text-center d-flex justify-content-center">
<div class="col-sm-6 col-lg-3 pb-4 mb-md-0">
<div class="card">
<div class="card-body">
<span class="fa-stack fa-3x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-award fa-stack-1x fa-inverse"></i>
</span>
<h4 class="mt-4">Proof</h4>
<p class="text-muted">It's not necessary for your group to be a non-profit or anything like that, but we need to see that you've been helping people in you community and at no direct cost.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3 pb-4 mb-md-0">
<div class="card">
<div class="card-body">
<span class="fa-stack fa-3x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-clipboard-list fa-stack-1x fa-inverse"></i>
</span>
<h4 class="mt-4">Plan</h4>
<p class="text-muted">Give us a general idea of what you're planning to do and what you'd like to happen. This will give us a great idea of whether our partnership makes sense.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3 pb-4 mb-md-0">
<div class="card">
<div class="card-body">
<span class="fa-stack fa-3x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-thumbs-up fa-stack-1x fa-inverse"></i>
</span>
<h4 class="mt-4">Recognition</h4>
<p class="text-muted">Whether in your event description, a banner image, social media posts, or otherwise, it'd helpful and appreciated to be credited as an event sposnor.</p>
</div>
</div>
</div>
</div>
</div>
</section>