This repository has been archived by the owner on Aug 2, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathbootstrapexample.html
102 lines (90 loc) · 3.17 KB
/
bootstrapexample.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Responsive</title>
<link rel="stylesheet" href="css/bootstrap.css"/>
<link rel="stylesheet" href="css/bootstrap-responsive.css"/>
</head>
<body>
<script src="js/jquery-2.0.2.min.js"></script>
<script src="js/bootstrap.js"></script>
<!-- Start navbar code here -->
<div class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-th-list"></span>
</a>
<a href="#" class="brand">ELECOM AniVote</a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li class="active"><a href="#"><i class="icon-home"></i> Home</a></li>
<li><a href="#">Candidates</a></li>
<li><a href="#">Vote</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- End navbar code here -->
<center>
<div class="hero-unit">
<h1>Exercise your right to vote!</h1>
<br/>
<div class="container row-fluid">
<div class="span4">
</div>
<div class="span4">
<form class="form-signin">
<input type="text" class="input-block-level" id="inputStudentID" placeholder="Student Number">
<input type="password" class="input-block-level" id="inputPassword" placeholder="Password">
<button type="submit" class="btn btn-success btn-large">Start voting!</a>
</form>
</div>
<div class="span4">
</div>
</div>
</div>
</center>
<div class="container">
<div class="row-fluid">
<div class="span8">
<p>Cupcake ipsum dolor sit amet I love croissant I love. Fruitcake lollipop gummies icing candy chocolate bar liquorice tootsie roll. NERDIES cheesecake pastry candy canes croissant. Caramels bonbon carrot cake sweet roll. Oat cake lollipop sweet jujubes. Danish oat cake chupa chups jelly gingerbread chocolate cake candy canes UNERDWEAR.COM. Apple pie jujubes lemon drops macaroon jelly beans sugar plum.
</p>
<div class="row-fluid">
<div class="span4">
<h4>Quick</h4>
<p>We're super quick at voting. <a href="#">Ask our officers.</a></p>
<a href="#" class="btn btn-success"><i class="icon-heart icon-white"></i> Our client</a>
</div>
<div class="span4">
<h4>Helpful</h4>
<p>Any time of the day, please contact us.</p>
<a href="#" class="btn btn-success">Get in touch</a>
</div>
<div class="span4">
<h4>Responsive</h4>
<p>Any time of the day, please contact us.</p>
<a href="#" class="btn btn-success">Get in touch</a>
</div>
</div>
</div>
<div class="span4">
<ul class="nav nav-list">
<li class="nav-header">Our Services</li>
<li class="active"><a href="#">Overview</a></li>
<li class=""><a href="#">Overseer</a></li>
<li class=""><a href="#">Assassins</a></li>
<li class="divider"></li>
<li class=""><a href="#">Overview</a></li>
<li class=""><a href="#">Overseer</a></li>
<li class=""><a href="#">Assassins</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>