-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
89 lines (82 loc) · 2.93 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
<!doctype html>
<html>
<head>
<title>Start</title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<style type="text/css">
body {
padding-top: 50px;
padding-bottom: 20px;
}
</style>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#" onclick="aud_play_pause();">YSYTPBJJC</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active">
<a href="index.html">Home</a>
</li>
<li>
<a href="ryan.html">Ryan</a>
</li>
<li>
<a href="wei.html">Wei</a>
</li>
<li>
<a href="lotte.html">Lotte</a>
</li>
<li>
<a href="sources.html">Sources</a>
</li>
</ul>
</div>
<!--/.navbar-collapse -->
</div>
</div>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>Environmental Profiling</h1>
<p>Click on the characters below to get an idea of how their cultural lifestyle impacts the carbon footprint they leave behind. We focused our research on the environmental cost of travel and transport.
</p>
</div>
</div>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-lg-4">
<h2><center>Ryan</center></h2>
<a href="ryan.html"><img src="ea-website-tucker.jpeg" width=300></a>
</div>
<div class="col-lg-4">
<h2><center>Wei</center></h2>
<a href="wei.html"><img src="ea-website-wei.jpeg" width=300></a>
</div>
<div class="col-lg-4">
<h2><center>Lotte</center></h2>
<a href="lotte.html"><img src="ea-website-lotte.jpeg" width=300></a>
</div>
</div>
<hr>
<audio id="myAudio">
<source src="eaproject.m4a" type="audio/mp3">
Your browser does not support the audio element.
</audio>
<footer>
<p>© YSYTPBJJC 2014</p>
</footer>
</div>
<!-- /container -->
</body>