-
Notifications
You must be signed in to change notification settings - Fork 2
/
about-static.html
144 lines (136 loc) · 7.18 KB
/
about-static.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
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<link href="css/styles.css" rel="stylesheet">
<link href="css/about.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- <a class="navbar-brand" href="#">Project name</a> -->
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="home-static.html">Home</a></li>
<li class="active"><a href="about-static.html">About</a></li>
<li><a href="#">Issue List</a></li>
<li><a href="map-static.html">Interactive Map</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="login-static.html">Login</a></li>
<li><a href="signup-static.html">Sign Up</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<!-- Main content -->
<div class="container">
<div class="jumbotron about-box">
<section>
<h1 class="page-title">About</h1>
<br>
<div class="row">
<div class="col-sm-8">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin quis viverra lectus, id bibendum urna. Praesent a semper erat. Mauris sem ipsum, condimentum et dictum vitae, ornare ut leo. Donec porttitor justo a lorem tristique lacinia. Vestibulum tincidunt
urna non turpis varius, convallis laoreet justo dignissim. Morbi scelerisque risus in commodo interdum. Quisque orci nisl, volutpat eget eleifend eu, mollis eget lorem. Cras accumsan arcu vel tellus hendrerit, venenatis rutrum dui mattis.
Vivamus neque justo, posuere mattis consectetur non, tempor in orci. Nam ullamcorper augue sit amet est interdum volutpat. Cras non orci diam. Cras ut nulla sed magna feugiat faucibus.
</p>
</div>
<div class="col-sm-4">
<div class="panel panel-info">
Image Placeholder
<br>
<br>
<br>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="panel panel-info">
Image Placeholder
<br>
<br>
<br>
</div>
</div>
<div class="col-sm-8">
<p>
Integer tristique ultrices ante ut aliquam. Donec quis lectus placerat, efficitur risus sit amet, convallis elit. In dui dolor, faucibus et eros et, finibus iaculis dolor. Phasellus vitae augue pulvinar, sagittis diam a, porta purus. Proin porta magna
et sapien sagittis suscipit. Aliquam vitae rutrum diam. Etiam ac nulla odio. Sed turpis quam, laoreet at vestibulum tempus, viverra ut nulla. Sed molestie mi eget turpis scelerisque condimentum. Fusce id dui arcu. Cras eget sollicitudin
felis. Aenean non volutpat augue. Phasellus ligula lacus, lacinia ac sem in, eleifend ultrices diam. Praesent vehicula massa nec libero viverra ultrices. Fusce in volutpat massa, id pretium urna.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-8">
<p>
Sed ac ipsum egestas, commodo massa sed, venenatis ligula. Vestibulum eu elementum dui. Praesent hendrerit justo a semper volutpat. Interdum et malesuada fames ac ante ipsum primis in faucibus. In faucibus odio eu aliquet tempus. Pellentesque consequat,
eros a dignissim convallis, massa mi tincidunt lectus, quis tempus neque nibh et nisl. Donec dictum quam sed erat tempor, vitae rutrum diam gravida. Curabitur consectetur dignissim massa sit amet pharetra. Suspendisse efficitur lorem id
magna convallis, sit amet venenatis orci sagittis. Donec ullamcorper volutpat mi ut tempus. Nulla dui augue, scelerisque vitae pulvinar eget, feugiat sit amet justo. Pellentesque mi nulla, lacinia id feugiat ac, sodales sit amet mi.
</p>
</div>
<div class="col-sm-4">
<div class="panel panel-info">
Image Placeholder
<br>
<br>
<br>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="panel panel-info">
Image Placeholder
<br>
<br>
<br>
</div>
</div>
<div class="col-sm-8">
<p>
Ut venenatis convallis erat, sit amet elementum velit vehicula eget. Donec fermentum fermentum justo, vel pretium turpis pulvinar nec. Nullam non tristique urna. Fusce hendrerit tortor ac odio euismod, sit amet maximus est pellentesque. Donec id tempor
ex. Integer porttitor eros et lacinia blandit. Duis ac viverra tortor. Etiam tincidunt ligula lorem, at semper mauris vehicula sed.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-8">
<p>
Suspendisse sit amet neque gravida, ullamcorper turpis a, rutrum nibh. Vestibulum pulvinar justo at suscipit vulputate. Morbi lobortis tortor enim, suscipit varius lorem pharetra sit amet. Suspendisse tincidunt, tortor quis rutrum lobortis, augue tortor
fringilla mauris, non vestibulum urna purus ac enim. Integer commodo aliquet nulla, sit amet molestie sapien malesuada nec. Cras mattis, risus tristique pretium dapibus, mauris ex consequat lectus, nec fringilla felis dolor et risus. In
id justo convallis, sollicitudin velit vestibulum, cursus eros.
</p>
</div>
<div class="col-sm-4">
<div class="panel panel-info">
Image Placeholder
<br>
<br>
<br>
</div>
</div>
</div>
</section>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>