forked from nicolas-van/bootstrap-4-github-pages
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
174 lines (155 loc) · 7.61 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
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
<!DOCTYPE HTML>
<!--
Alpha by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Sacramento Civic Innovation Challenge</title>
<meta name="Description" content="Healthy Air for All: The Sacramento Urban Technology Lab is piloting a co-creation process to identify and develop new solutions with the community">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
</head>
<body class="landing is-preload">
<div id="page-wrapper">
<!-- Header -->
<!-- <header id="header" class="alt">
<h1><a href="index.html">Alpha</a> by HTML5 UP</h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="#" class="icon fa-angle-down">Layouts</a>
<ul>
<li><a href="generic.html">Generic</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="elements.html">Elements</a></li>
<li>
<a href="#">Submenu</a>
<ul>
<li><a href="#">Option One</a></li>
<li><a href="#">Option Two</a></li>
<li><a href="#">Option Three</a></li>
<li><a href="#">Option Four</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" class="button">Sign Up</a></li>
</ul>
</nav>
</header> -->
<!-- Banner -->
<section id="banner">
<h2><i class="fas fa-heartbeat"></i> Healthy Air for All</h2>
<p>The Sacramento Civic Innovation Challenge launches on January 16, 2019</p>
<ul class="actions special">
<li><a href="https://www.eventbrite.com/e/sacramento-civic-innovation-challenge-launch-event-tickets-53152634962" class="button"><i class="fas fa-users"></i> Join us at the Launch Event</a></li>
<!-- <li><a href="#" class="button primary">Learn More</a></li> -->
</ul>
</section>
<!-- Main -->
<section id="main" class="container">
<section class="box special">
<header class="major">
<h2>You are invited to participate in the launch of the
<br />
Sacramento Civic Innovation Challenge!</h2>
<p>The Sacramento Urban Technology Lab is piloting a co-creation process to<br />
identify and develop new solutions with the community</p>
</header>
<span class="image featured"><img src="images/canvas.jpg" alt="" /></span>
</section>
<section class="box special features">
<div class="features-row">
<section>
<span class="icon major accent2"><i class="fas fa-universal-access"></i></span>
<h3>Equity & Access</h3>
<!-- <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p> -->
</section>
<section>
<span class="icon major accent3"><i class="fas fa-magic"></i></span>
<h3>Resilience</h3>
<!-- <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p> -->
</section>
</div>
<div class="features-row">
<section>
<span class="icon major accent4"><i class="fas fa-bicycle"></i></span>
<h3>Mobility</h3>
<!-- <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p> -->
</section>
<section>
<span class="icon major accent5"><i class="fas fa-city"></i></span>
<h3>Built Environment</h3>
<!-- <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p> -->
</section>
</div>
</section>
<div class="row">
<div class="col-6 col-12-narrower">
<section class="box special">
<span class="image featured"><img src="images/talk.jpg" alt="" /></span>
<h3>Lightning Talks</h3>
<p>We're searching for big ideas that can be presented at the January 16 launch event that will inspire participants. Are you or someone you know interested in giving a 2-3 minute lightning talk? We're accepting applications from potential speakers through January 2.</p>
<ul class="actions special">
<li><a href="https://innovatesac.typeform.com/to/CsESt6" class="button alt">Apply Now</a></li>
</ul>
</section>
</div>
<div class="col-6 col-12-narrower">
<section class="box special">
<span class="image featured"><img src="images/ideas.jpg" alt="" /></span>
<h3>Ideas Competition</h3>
<p>The first phase of the Civic Innovation Challenge is the launch of our Ideas Competition, which asks researchers, government employees, non-profits, residents to identify priorities that can benefit from technical exploration, scientific discovery, and new approaches.</p>
<ul class="actions special">
<li><a href="https://nsfcivicinnovation.org/ideascompetition/" class="button alt">Learn More</a></li>
</ul>
</section>
</div>
</div>
</section>
<!-- CTA -->
<!-- <section id="cta">
<h2>Sign up for beta access</h2>
<p>Blandit varius ut praesent nascetur eu penatibus nisi risus faucibus nunc.</p>
<form>
<div class="row gtr-50 gtr-uniform">
<div class="col-8 col-12-mobilep">
<input type="email" name="email" id="email" placeholder="Email Address" />
</div>
<div class="col-4 col-12-mobilep">
<input type="submit" value="Sign Up" class="fit" />
</div>
</div>
</form>
</section> -->
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://twitter.com/innovatesac" target="_blank" class="icon"><i class="fab fa-twitter"></i><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/groups/sacurbantech/" target="_blank" class="icon"><i class="fab fa-facebook-f"></i><span class="label">Facebook</span></a></li>
<!-- <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li> -->
<li><a href="https://github.com/innovatesac/civic" class="icon"><i class="fab fa-github"></i><span class="label">Github</span></a></li>
<!-- <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon fa-google-plus"><span class="label">Google+</span></a></li> -->
</ul>
<ul class="copyright">
<li>A <a href="https://innovatesac.org/" target="_blank">Sacramento Urban Technology Lab</a> project</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>