forked from Code4HR/code4hr
-
Notifications
You must be signed in to change notification settings - Fork 18
/
header.html
138 lines (116 loc) · 5.18 KB
/
header.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>{{page.title}}</title>
<meta name="description"
content="Kansas City locals helping Kansas City government and local organizations open their data and create meaningful tools"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="shortcut icon" href="favicon.ico"/>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link href="{{site.baseurl}}/css/style.css" rel="stylesheet"/>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
{% if page.custom_css %}
{% for stylesheet in page.custom_css %}
<link rel="stylesheet" href="/css/{{ stylesheet }}.css" media="screen" type="text/css">
{% endfor %}
{% endif %}
</head>
<body data-spy="scroll" data-target=".navbar">
{% include nav-bar.html %}
{% if page.is_front %}
<!-- Alert for At Meetup Checkin Form
<div class="alert alert-success visible-xs" role="alert">
<span class="glyphicon glyphicon-ok-sign pull-left" style="font-size:24pt;"></span>
If you're currently at the Meetup, <a href="https://docs.google.com/forms/d/1kcHc3gZQXVHkLg2mxXfjEiPeyVZWf6__HrbAqftZuFE/viewform">why not check in?</a>
</div> -->
<!-- Carousel - only using one at the moment
================================================== -->
<div id="banner" class="carousel slide" data-ride="carousel" data-interval="20000">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#banner" data-slide-to="0" class="active"></li>
<li data-target="#banner" data-slide-to="1"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<div class="container">
<div class="jumbotron col-md-12">
<h1>We are Code for <br/> Kansas City</h1>
<div class="row">
<p class="lead col-md-10 col-md-offset-1">
Join developers, designers, data geeks, policy buffs and idea makers working with local
government to make Kansas City a better place through civic hacking and open data.
</p>
</div>
<a class="btn btn-success btn-lg" href="#callouts">Learn More</a>
</div>
</div>
</div>
<div class="item">
<div class="container">
<div class="jumbotron col-md-12">
<h1>We'll see you in <br/> 2019!</h1>
<div class="row">
<p class="lead col-md-10 col-md-offset-1">
We are taking a break for the holidays, from December 17th to January 5th.<br/>
Check back with us on January 6th for our Pizza and Pitch Night event!
</p>
</div>
<a class="btn btn-success btn-lg" href="#callouts">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<!-- /.carousel -->
<div class="col-lg-12">
</div>
<div class="container kcmarketing">
<div class="row" id="callouts">
<div class="col-md-4">
<img src="{{ site.baseurl }}/images/brigade.150.png">
<h1>Join the Brigade</h1>
<p class="lead callout">We'd love to have you at our Meetups.<br></p>
<a class="btn btn-success btn-lg" href="http://www.meetup.com/kcbrigade" target="_blank">MEET US</a>
</div>
<div class="col-md-4">
<img src="{{ site.baseurl }}/images/noun_91769.150.png">
<h1>Find a Project</h1>
<p class="lead callout">We’re committing code for good.<br></p>
<a class="btn btn-success btn-lg" href="/#project-list">VIEW MORE</a>
</div>
<div class="col-md-4">
<img src="{{ site.baseurl }}/images/noun_86192.150.png">
<h1>Submit an Idea</h1>
<p class="lead callout">Got an idea to make government run better?</p>
<a class="btn btn-success btn-lg" href="http://goo.gl/forms/dXz7QfBBfl" target="_blank">TELL US</a>
</div>
</div>
</div>
{% elsif page.is_nocd_2015 %}
<br>
<!-- /full-width-image-1 -->
{% else %}
<!-- FEATURED IMAGE AND INTRO -->
<div class="title-parent">
<div class="wide" {% if page.image %}
style="background: #000000 url('{{ site.baseurl }}/images/projects/{{ page.image }}') no-repeat top center; background-size: cover;"
{% else %} style="background: #cf1b41; color: #FFF;" {% endif %}>
<div class="container" id="maincontent" tabindex="-1">
<div class="row">
<div class="title col-md-7">
<h1>{{ page.title }}</h1>
<p class="lead">{{page.excerpt}}</p>
</div>
</div>
</div>
<!-- /full-width-image-1 -->
</div>
<!-- /title-parent -->
{% endif %}
<div class="container">