-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
134 lines (119 loc) · 4.9 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Center for Advanced Radio Astronomy</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="assets/bootstrap/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link href="assets/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<!-- Le 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]-->
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="assets/bootstrap/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/bootstrap/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/bootstrap/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/bootstrap/ico/apple-touch-icon-57-precomposed.png">
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="index.html">CARA</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="span3">
<div class="well sidebar-nav">
<ul class="nav nav-list">
<li class="nav-header">Crew</li>
<li><a href="crew/faculty.html">Faculty</a></li>
<li><a href="crew/staff.html">Staff</a></li>
<li><a href="crew/graduate.html">Graduate Students</a></li>
<li><a href="crew/undergraduate.html">Undergraduate Students</a></li>
<li class="nav-header">Research</li>
<li><a href="#">Low Frequency All Sky Monitor</a></li>
<li><a href="#">Very Small Radio Telescope</a></li>
<!-- <li class="nav-header">Memo Series</li>
<li><a href="#">LoFASM Memos</a></li>
<li><a href="#">VSRT Memos</a></li> -->
</ul>
</div><!--/.well -->
</div><!--/span-->
<!{BODY} >
<div class="container">
<div class="row">
<div class="span8">
<h1> Testing using Twitter Bootsrap</h1>
<p> Donec id elit non mi porta gravida at eget metus. Fusce
dapibus, tellus ac cursus commodo, tortor mauris condimentum
nibh, ut fermentum massa justo sit amet risus. Etiam porta sem
malesuada magna mollis euismod. Donec sed odio dui. </p>
</div>
<div class="row">
<div class="span3">
<h3> About </h3>
<p> We will be inputing info on what CARA is. Will need to ask
someone to write a little info about it for someone. </p>
</div>
<div class="span3">
<h3> About part 2 </h3>
<p> Donec id elit non mi porta gravida at eget metus. Fusce
dapibus, tellus ac cursus commodo, tortor mauris condimentum
nibh, ut fermentum massa justo sit amet risus. Etiam porta sem
malesuada magna mollis euismod. Donec sed odio dui. </p>
</div>
<div class="span2">
<h3> icon testing </h3>
<p> testing how to include some icons next to some text or
anywhere else on the website. <i class="icon-file"></i> </p>
</div>
<div class="row">
<div class="span12">
<p><img src="assets/bootstrap/img/CARALogo_2in.png" /></p>
</div>
</div>
<!{/BODY}>
<footer>
<p>© Company 2012</p>
</footer>
</div><!--/.fluid-container-->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/jquery/jquery-1.7.2.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript">
$(function(){
$('.carousel').carousel();
});
</script>
</body>
</html>