forked from codeforamerica/cfawp2012
-
Notifications
You must be signed in to change notification settings - Fork 0
/
cfa_single.html
executable file
·168 lines (168 loc) · 8.93 KB
/
cfa_single.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head>
<title>Site Title</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
</head>
<body>
<!-- ============== HEADER ============== -->
<div id="header" class="wrap">
<!--Logo -->
<a href="http://codeforamerica.org" class="like-btn" id="logo">Code for America</a>
<!--Tag line -->
<div id="tag-line">
<h1>Transforming City Governments</h1>
<h2>We connect tech leaders and city governments to build civic apps that make lives better</h2>
</div>
<!--Social Links -->
<ul id="social">
<li><a href="#" id="rss">RSS</a></li>
<li><a href="#" id="fb">Facebook</a></li>
<li><a href="#" id="yt">YouTube</a></li>
<li><a href="#" id="tw">Twitter</a></li>
<li><a href="#" id="mail">E-mail</a></li>
</ul>
<!--Navigation -->
<div id="nav-wrap">
<ul id="nav">
<li class="first"><a href="#">Home</a></li>
<li><a href="#" class="active">About</a>
<ul>
<li><a href="#">Who We Are <span>»</span></a></li>
<li><a href="#">How We Make A Difference <span>»</span></a></li>
<li><a href="#">How We're Funded <span>»</span></a></li>
<li><a href="#">Meet Our Team <span>»</span></a></li>
<li><a href="#">Donors <span>»</span></a></li>
<li><a href="#">Press <span>»</span></a></li>
</ul>
</li>
<li><a href="#">Fellows</a></li>
<li><a href="#">Cities</a></li>
<li><a href="#">Issues</a></li>
<li><a href="#">Get Involved</a></li>
<li><a href="#">Blog</a></li>
</ul>
<a href="#" id="donate" class="like-btn">Donate</a> </div>
</div>
<!-- ============== END HEADER ============== -->
<div class="wrap clearfix" id="inner">
<div id="maincontent">
<div class="ttl">Who We Are <a href="#" class="red-btn"><span>Share This +</span></a></div>
<p><img src="images/pic1.jpg" alt="" class="left" />Code for America was founded to help the brightest minds of the Web 2.0 generation transform city governments. Cities are under greater pressure than ever, struggling with budget cuts and outdated technology. What if, instead of cutting services or raising taxes, cities could leverage the power of the web to become more efficient, transparent, and participatory?</p>
<p>We believe there is a wealth of talent in the web industry eager to contribute to the rebuilding of America. Code for America gives them the means. Maecenas elementum varius ultrices. Fusce lobortis pulvinar ultrices. Aenean in felis lorem. Ut a nunc mauris, et consequat urna. Quisque massa justo, consequat eu porta id, malesuada nec orci. Donec id massa nec magna lacinia faucibus. Sed eget eros sit amet felis tempus pulvinar.</p>
<p>City governments, <a href="#">learn more</a>.<br />
Designers & developers, <a href="#">learn more</a>.</p>
<div class="right caption"><img src="images/pic2.jpg" alt="" /> Brief, small photo description</div>
<h3>This is a demonstration of an h3 tag to highlight information in a paragraph</h3>
<p>This is a demonstration of an h3 tag to highlight
information in a paragraph, sollicitudin bibendum urna. Nunc volutpat, lacus et molest tincidunt, tellus eros eleifend velit, a suscipit nunc eros eget urna. Ut fermentum lobortis metus, eget lorem semper risus rhoncus non.
Quisque non felis ipsum. Nam massa tellus, facilisis ut vehicula nec. Maecenas elementum varius ultrices. Fusce lobortis pulvinar ultrices.</p>
<p>Aenean in felis lorem. Ut a nunc mauris, et consequat urna. Quisque massa justo, consequat eu porta id, malesuada nec orci. Donec id massa nec magna lacinia faucibus. Sed eget eros sit amet felis tempus pulvinar. Nunc quis arcu ac est fringilla imperdiet. Sed dapibus congue porta.</p>
<blockquote class="testimonial">
<p>Blockquote example! Lorem ipsum dolor sit amet, consectetur esque non ligula ut mauris congue consequat. Morbi ipsum dui, sagittis ac viverra in, varius posuere sem. Duis porta sagittis nisl, id interdum orci dictum ac. Etiam a velit lacus. Lorem ipsum dolor sit amet, consectetur adipiscing. Curabitur fringilla lorem ipsum condimentum laoreet. — <span class="name">Author Name, <a href="#">url.com</a></span></p>
</blockquote>
<p>Vivamus vehicula orci at leo luctus sit amet sagittis odio sagittis. Curabitur ullamcorper, nisl vitae semper euismod, diam erat cursus risus, blandit lacinia lectus ligula id arcu. Nulla eu ante.</p>
<h2 class="lh">Bulleted list header</h2>
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>Long list item that span more than one line a nunc mauris, et consequat urna. Quisque massa justo, eu porta id, malesuada nec orci. Donec id massa nec magna lacinia faucibus. Sed eget eros sit amet felis tempus.</li>
<li>List item 4</li>
</ul>
<h1>Much larger, h1 tag</h1>
<p>Maecenas vitae pulvinar mi. Phasellus nec quam ac arcu bibendum pharetra sit amet et est. Praesent quis blandit nibh. Maecenas vulputate mauris justo, ultricies feugiat nibh. Aenean eu congue lorem. Donec magna velit, imperdiet nec consectetur quis, ultrices vel enim. Phasellus neque massa, eleifend ut fermentum nec, vulputate eget leo. Donec feugiat fringilla pharetra. In facilisis nisl magna.</p>
<h2>Sub-point, h2 tag</h2>
<p>Phasellus mollis molestie dui, sed adipiscing erat tincidunt consectetur. Curabitur tempus sodales mattis. Maecenas vel rhoncus lectus. Curabitur aliquet tortor ullamcorper massa aliquam blandit consequat mauris pulvinar. Integer consequat tellus sed tellus eleifend at placerat sem facilisis. Duis ipsum turpis, aliquet et cursus in, pulvinar quis sem. Maecenas a neque sapien. In ut diam et ligula pulvinar dignissim. Suspendisse sodales ligula id mi blandit placerat.</p>
</div>
<div class="right-col">
<div id="get-involved">
<h3>Get involved now</h3>
<img src="images/get-involved-rc.jpg" alt="Get involved now" />
</div>
<ul>
<li><a href="#">Sign up for updates</a>
<form method="post" action="" id="newsletter" class="clearfix">
<input type="text" value="type email here" /><button type="submit" class="like-btn">Send</button>
</form>
</li>
<li><a href="#">Spread the Word</a></li>
<li><a href="#">Contribute some code</a></li>
<li><a href="#">Become a partner</a></li>
<li><a href="#" class="active">Donate</a></li>
</ul>
</div>
</div>
<!-- ============== FOOTER ============== -->
<div id="footer" >
<div class="wrap">
<h4 id="logo-f"><a href="http://codeforamerica.org" class="like-btn">Code for America</a></h4>
<ul>
<li>
<h4><a href="#">Home</a></h4>
</li>
<li>
<h4><a href="#">About</a></h4>
<ul>
<li><a href="#">Who We Are</a></li>
<li><a href="#">What We Do</a></li>
<li><a href="#">Donors</a></li>
<li><a href="#">Press</a></li>
</ul>
</li>
<li>
<h4><a href="#">Fellows</a></h4>
<ul>
<li><a href="#">Timeline</a></li>
<li><a href="#">Institute</a></li>
<li><a href="#">Broader Impact</a></li>
<li><a href="#">Process</a></li>
<li><a href="#">Apply</a></li>
</ul>
</li>
<li>
<h4><a href="#">Citites</a></h4>
<ul>
<li><a href="#">Boston</a></li>
<li><a href="#">Washington DC</a></li>
<li><a href="#">Philadelphia</a></li>
<li><a href="#">Seattle</a></li>
</ul>
</li>
<li>
<h4><a href="#">Issues</a></h4>
<ul>
<li><a href="#">Lorem Ipsum</a></li>
<li><a href="#">Dolor</a></li>
<li><a href="#">Sit Amet</a></li>
<li><a href="#">Viverra</a></li>
<li><a href="#">In Lacus</a></li>
</ul>
</li>
<li>
<h4><a href="#">Get Involved</a></h4>
</li>
<li>
<h4><a href="#">Donate</a></h4>
<ul>
<li><a href="#">Financial Contributions</a></li>
<li><a href="#">Supplies & In-Kind Donations</a></li>
</ul>
</li>
<li>
<h4><a href="#">Social</a></h4>
<ul>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">YouTube</a></li>
<li><a href="#">RSS</a></li>
</ul>
</li>
</ul>
<p id="copyr">Code for America Labs, Inc is a non-partisan, non-political 501(c)3 organization. Content is licensed through <a href="#">Creative Commons</a>.</p>
</div>
</div>
<!-- ============== END FOOTER ============== -->
</body>
</html>