This repository has been archived by the owner on Mar 16, 2022. It is now read-only.
/
index.html
81 lines (79 loc) · 3.92 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
<!DOCTYPE html>
<html>
<head>
<title>Priorities</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/css/base/minified/jquery-ui.min.css" rel="stylesheet" type="text/css" >
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet" type="text/css" >
<script type="text/javascript" src="//use.typekit.net/xzd8oeh.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<style>
.navbar-brand,h1,h2,h3,h4 {text-transform: uppercase;}
.list-group-item{cursor:pointer;}
}
</style>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header class="navbar navbar-default navbar-inverse">
<hgroup class="container">
<a class="navbar-brand" href="#">Spokane Priorities</a> <span class="navbar-text"> Let us know what the priorities of the City of Spokane should be.</span>
</hgroup>
</header>
<section class="container">
<div class="page-header">
<p class="center-block">Drag the items into the order <em>you</em> think is important, from top to bottom.</p>
</div>
<form role="form">
<section id="priorities" class="col-xs-12 col-sm-6">
<ol id="sortable" class="list-group">
<li class="list-group-item"><i class="icon-fixed-width icon-move text-primary"></i> Health </li>
<li class="list-group-item"><i class="icon-fixed-width icon-move text-primary"></i> Environment </li>
<li class="list-group-item"><i class="icon-fixed-width icon-move text-primary"></i> Business</li>
<li class="list-group-item"><i class="icon-fixed-width icon-move text-primary"></i> Community</li>
<li class="list-group-item"><i class="icon-fixed-width icon-move text-primary"></i> Safety</li>
<li class="list-group-item"><i class="icon-fixed-width icon-move text-primary"></i> Education</li>
<li class="list-group-item"><i class="icon-fixed-width icon-move text-primary"></i> Transportation</li>
</ol>
</section>
<section id="info" class="col-xs-12 col-sm-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Years in Spokane">
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Zip Code">
</div>
<div class="form-group">
<label class="radio-inline">
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
Family
</label>
<label class="radio-inline">
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
Single
</label>
</div>
<button type="submit" class="btn btn-lg btn-primary pull-right">Submit</button>
</section>
</form>
</section>
<footer class="container">
</footer>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script>
$(function () {
$( "#sortable" ).sortable({
opacity: 0.75,
containment: "parent",
});
$( "#sortable" ).disableSelection();
});
</script>
</body>
</html>