-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindexen.htm
88 lines (79 loc) · 4.35 KB
/
indexen.htm
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 lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="img/robot.ico">
<title>Marianopolis Robotics</title>
<!-- Bootstrap core CSS -->
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/styles.css" media="screen"/>
<!-- GOOGLE FONTS -->
<link href='http://fonts.googleapis.com/css?family=Neucha|Kite+One|Architects+Daughter' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="env_box">
<img src="img/env.png" id="env" alt="" usemap="#Env">
<map name="Env" id="Env">
<area shape="rect" coords="526,60,613,159" href="https://www.facebook.com/crcteam006" alt="Facebook" />
<area shape="rect" coords="618,61,712,160" href="https://twitter.com/MariRobotics" alt="Twitter" />
<area shape="rect" coords="430,63,525,161" href="http://www.youtube.com/channel/UCvQLs4To1FbGwwaL3YcAi8w" alt="YouTube"/>
</map>
</div>
<div class="music_controller">
<p>Music on/off</p>
</div>
<div class="container">
<div class="map_box">
<img src="img/map.jpg" usemap="#Map" alt="Map" id="map">
<map name="Map" id="Map">
<area shape="rect" coords="407,298,494,372" href="team.htm" alt="The Team"/>
<area shape="rect" coords="200,139,279,211" href="journal.htm" alt="The Journal"/>
<area shape="rect" coords="584,386,677,475" href="indexen.htm" alt="Homepage"/>
<area shape="rect" coords="10,39,86,140" href="video.html" alt="The Video"/>
<area shape="rect" coords="370,177,468,283" href="game.html" alt="The Game" />
<area shape="rect" coords="335,35,417,137" href="college.html" alt="Marianopolis College" />
<area shape="rect" coords="422,401,509,498" href="robot.html" alt="Larry: The Robot" />
<area shape="rect" coords="586,7,685,49" href="indexfr.htm" alt="Francais" />
</map>
</div>
<div class="starter-template">
<div class="letter" style="padding-top:48px;">
<span class="paperclip"></span>
<!-- <img id="polaroid-college-2" class="img-thumbnail img-shaded" src="http://placehold.it/200x250" alt="Marianopolis College"> -->
<p>Welcome to the website of Marianopolis’ Robotics Team,</p>
<p>I am Dr. Jones, archaeologist, professor and mentor to the Robotics Team. </p>
<p>As my collegiate assistants and I embark on an expedition to retrieve the Golden Cup from the Amazonian temple, follow our journey by hovering your computer cursor on the map to your left…
And if the music doesn't suit your fancy, feel free to turn it on and off by clicking on the radio on the top right.</p>
<img id="polaroid-game-2" class="img-thumbnail img-shaded" src="img/robot_blueprint_tiny.jpg" alt="Mugshot">
<p>Have fun exploring!<br/>Best regards,</p>
<img id="polaroid-college-2" class="img-thumbnail img-shaded" src="img/team_photos/indy.jpg" alt="Mugshot">
<img src="img/jonesignature.png" alt="Indiana Jones Signature" style="margin-bottom:20px;"/>
<p>Dr. Indiana Jones</p>
<p>February 2, 2014</p>
</div>
</div>
</div><!-- /.container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./js/jquery-1.10.2.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/jquery.jrumble.1.3.min.js"></script>
<script src="./js/buzz.min.js"></script>
<script src="./js/jquery.cookie.js"></script>
<script src="./js/jquery.colorbox-min.js"></script>
<script src="./js/animations.js"></script>
<script>
//Automatically play the music on home page only
startMusic();
</script>
</body></html>