forked from desain/ENG100Project
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (113 loc) · 3.88 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>RULR</title> <!-- FILL THIS IN -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 20px;
padding-bottom: 60px;
}
/* Custom container */
.container {
margin: 0 auto;
max-width: 1000px;
}
.container > hr {
margin: 60px 0;
}
h2, h4{
color: #DC143C;
}
/* Customize the navbar links to be fill the entire space of the .navbar */
.navbar .navbar-inner {
padding: 0;
}
.navbar .nav {
margin: 0;
display: table;
width: 100%;
}
.navbar .nav li {
display: table-cell;
width: 1%;
float: none;
}
.navbar .nav li a {
font-weight: bold;
text-align: center;
border-left: 1px solid rgba(255,255,255,.75);
border-right: 1px solid rgba(0,0,0,.1);
}
.navbar .nav li:first-child a {
border-left: 0;
border-radius: 3px 0 0 3px;
}
.navbar .nav li:last-child a {
border-right: 0;
border-radius: 0 3px 3px 0;
}
a {
color: #DC143C;
}
a:hover{
color:#660000;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../assets/ico/favicon.png">
</head>
<body>
<div class="container">
<div class="masthead">
<img src="img/logo.png" width="30%"/>
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<li><a class="active" href="index.html">Description</a></li>
<li><a href="visuals.html">Visuals</a></li>
<li><a href="team.html">Team</a></li>
</ul>
</div>
</div>
</div><!-- /.navbar -->
</div>
<!-- Example row of columns -->
<div align="center"><img src="helpful_diagram.jpg" width="90%" style="padding: 100px"/></div>
<div class="row-fluid">
<div class="featurewrapper">
<img src="img/gyroscope_web.jpg" class="featureimg floatleft"/>
<div class="span4 feature">
<h2>Overview</h2>
<p>What is your project? What does it accomplish and what was the motivation behind it? Is it solving problems you encounter, something new or fun, or something else? What is it a tech mashup of?</p>
</div>
</div>
<div style="clear: both;"></div>
<div class="featurewrapper">
<img src="img/gyroscope_web.jpg" class="featureimg floatright"/>
<div class="span4 feature">
<h4>Gyroscopes</h4>
<p>Gyroscopes? Gyroscopes. Gyro... scopes! Meat-filled Greek sandwiches! The landmark trial that gave creationists leeway to push their anti-science agenda in the United States! GYRO-SCOPES!</p>
<p>We also have accelerometers.</p>
</div>
</div>
</div>
<hr>
</div> <!-- /container -->
</body>
</html>