-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
115 lines (115 loc) · 5.92 KB
/
index.html
File metadata and controls
115 lines (115 loc) · 5.92 KB
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
<!-- this is the home page template, the header and footer also come from here -->
<!-- split header.php -->
<!DOCTYPE html>
<html>
<head>
<title>Code For RVA</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Vollkorn:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="build/css/styles.css">
<!-- Mapbox CSS -->
<link href='https://api.tiles.mapbox.com/mapbox.js/v2.2.0/mapbox.css' rel='stylesheet' />
</head>
<body>
<header class="header">
<div class="container">
<img class="header__logo" src="img/logo.png">
<ul class="header__list">
<li class="header__list__item"><a href="">Projects</a></li>
<li class="header__list__item"><a href="">Open Data Portal</a></li>
<li class="header__list__item"><a href="">About US</a></li>
<li class="header__list__item"><a href="">Contact</a></li>
</ul>
</div>
</header>
<section class="billboard">
<div class="container">
<div class="billboard__panel mission">
<h1 class="mission__title">We use technology to solve social problems.</h1>
<p class="mission__statement">We are Code for RVA, a Code for America Brigade. We develop partnerships with municipal and community partners in order to collaborate together to better understand where we can make an impact in our community.</p>
</div>
<div class="billboard__panel news">
<h3 class="news__title">Latest News</h3>
<a href="#" class="news__headline">Food Access SMS App Launch</a>
<p class="news__summary">The brigade had a successful development spike to launch v1 of the food access SMS app</p>
</div>
<div class="billboard__panel next-meetup">
<h3 class="next-meetup__title">Next Meetup</h3>
<p class="next-meetup__date"><i class="fa fa-calendar next-meetup__icon"></i>Wednesday, June 10, 6:30pm—9:00pm</p>
<p class="next-meetup__location"><i class="fa fa-map-marker next-meetup__icon"></i>INM United</p>
<a class="next-meetup__rsvp" href="#">RSVP</a>
</div>
</div>
</section>
<section class="triptych">
<div class="container">
<div class="triptych__panel col-md-4">
<!-- build:replace '<?php c4rva_show_widget_area("triptych_left"); ?>' -->
<h2 class="triptych__panel__title">For Citizens</h2>
<p class="triptych__panel__text">Our goal is to effect real, meaningful, lasting, positive change for the people of Richmond. We love working with citizens and civic organizations to solve tough problems. Got a project idea, or something that needs to be fixed? Drop us a line, and let's talk about how we can help.</p>
</div>
<div class="triptych__panel col-md-4">
<h2 class="triptych__panel__title">For Government</h2>
<p class="triptych__panel__text">We help local and state agencies serve their citizens, with better access to services and information, presented in new ways. Our team can help agencies make better use of their resources, and we can take on projects that don't fit easily into an agency's day-to-day business. We're ready to work; get in touch and let us know what you need.</p>
</div>
<div class="triptych__panel col-md-4">
<h2 class="triptych__panel__title">Get Involved</h2>
<p class="triptych__panel__text">We love meeting new people who want to make a difference! Check out our projects to see what we've got going on. If you're a coder, you can check us out on GitHub; all of our work is open source. If not, that's great too! We all have different skills and skill levels, but we share a drive to make a difference. Shoot us an email or stop by a meeting; we can't wait to meet you!</p>
</div>
</div>
</section>
<section class="contact">
<div id="map"></div>
<div class="container">
<div class="row">
<div class="col-md-6 contact__info">
<h2 class="contact__info__title">Drop us a line.</h2>
<p class="contact__info__text">We are always looking for problems to solve and for folks to help build solutions.</p>
</div>
<div class="col-md-5 col-md-offset-1 contact__form">
<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Name">
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Email">
</div>
<div class="form-group">
<textarea class="form-control" rows="3" placeholder="Message"></textarea>
</div>
<button type="submit" class="contact__submit">Submit</button>
</form>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<img class="footer__logo" src="img/logo.png"><span class="footer__subtitle">a <a href="#">Code For America</a> Brigade</span>
<ul class="footer__nav">
<li class="footer__nav__item"><a href="#">Code of Conduct</a></li>
<li class="footer__nav__item"><a href="#">Code For America</a></li>
<li class="footer__nav__item"><a href="#">Open Data Portal</a></li>
</ul>
</div>
</footer>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<!-- Mapbox JS -->
<script src='https://api.tiles.mapbox.com/mapbox.js/v2.2.0/mapbox.js'></script>
<script>
// Provide your access token
L.mapbox.accessToken = 'pk.eyJ1IjoiY29kZWZvcnJ2YSIsImEiOiI2Zl90Nk53In0.Z5abzPIO5z45GKyaizMFIg';
// Create a map in the div #map
var map = L.mapbox.map('map', 'codeforrva.mfoko7ik', {
zoomControl: false,
}).setView([37.538, -77.43], 14);
map.dragging.enable();
map.scrollWheelZoom.disable()
</script>
</body>
</html>