-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (84 loc) · 3.17 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
<!Doctype html>
<!--[if lte IE 9]><html class="ie" lang="en"><script src="js/html5shiv.js"></script><![endif]-->
<!--[if gt IE 9]><!-->
<html lang="en"><!--<![endif]-->
<head>
<title>
Mt.Tambora
</title>
<meta charset="utf-8" />
<meta name="A Narrative Site about Mt. Tambora" content="educational" />
<meta name="Volcano" content="educational"/>
<link href="css/proj1.css" rel="stylesheet">
<noscript>
<style type="text/css">
body{
max-width:680px;
}
</style>
</noscript>
</head>
<body>
<article title="item1">
<div class="title">
<img src="image/Tamboratype.png">
</div>
<div class="HomeMt">
<img src="image/HomeMt.png">
</div>
</article>
<article title="item2"><h5>Sambawa</h5></article>
<article title="item3">
<div class="content" id="one">
<noscript>
<p>
"Today was a great day, we finaly came upon the Island of Sambawa It is located in Indonesia 400 miles South of Java. We are looking forward to explore the Island and all of it's beauty"
</p>
</noscript>
</div>
</article>
<article title="item4"><h5>Dormant</h5></article>
<article title="item5">
<div class="content" id="two">
<noscript>
<p>
"We have finnaly gotten a chance to walk around a bit. We came accross a huge mountain. It must be at least 14,000 ft tall. We heard that this moutain is called Mt. Tambora. and that actually is a volcano. This volcano is said to be one of many in what is known as the Pacific Ring of fire"
</p>
</noscript>
</div>
</article>
<article title="item6"><h5>Eruption</h5></article>
<article title="item7">
<div class="content"id="three">
<noscript>
<p>
"Remember that beutiful Moutain we visited. There has been some dire news. It has been rumored that It has violently erupted with tragic consequences. The ash cloud is said to have reached 45 kilometers in the atmosphere. The eruption is said to have released about 65 Kilometers worth of magma. It is one the most violent eruption in modern history"
</p>
</noscript>
</div>
</article>
<article title="item8"><h5>Aftermath</h5></article>
<article title="item9">
<div class="content"id="four">
<noscript>
<p>
"I have further news on the eruption. Mt. Tambora is now a caldera 4milesi across and 3640 ft deep. Right now the US and Europe are experiences extremely cold weather due to the ash released from the volcano into the atmosphere. It is rumored that crops will fail and possible famine will ensue let us hope for the best in the year without a summer."
</p>
</noscript>
</div>
</article>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js" type="text/javascript"></script>
<script src="http://iamdanfox.github.io/typetype/jquery.typetype.min.js" type="text/javascript"></script>
<script type="text/javascript"src="js/html5shiv.js"></script>
<script type="text/javascript"src="js/flip-carousel.js"></script>
<script type="text/javascript"src="js/script.js"></script>
<script>
$('article').flipcarousel({
pagination : true,
loader : false,
itemsperpage: 1,
randomizer: 0.7
});
</script>
</body>
</html>