-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (108 loc) · 5.86 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>P3 Web-T Glover Stephanie</title>
<meta charset="utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<!-- CSS -->
<link rel="stylesheet" href="stylesheet/styles.css"/>
<link href="https://fonts.googleapis.com/css?family=Luckiest+Guy" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#home-ocean">Home</a></li>
<li><a href="#hill-house">Hill House</a></li>
<li><a href="#red-room">Red Room</a></li>
<li><a href="#escape">Escape</a></li>
</ul>
</nav>
</header>
<main>
<section class="home-ocean" id="home">
<img src="images/porglogo.png" alt="porglogo" title="porglogo" />
<h1>The Porg Adventures</h1>
<div class="Home-Photo" id="photo1">
<img src="images/Porg-Main-I.jpg" alt="Main Porg" title="Main Porg"/>
<img src="images/baby-porgs.jpg" alt="baby porgs" title="baby porgs"/>
<img src="images/porg-animal.jpg" alt="porg-animal" title="porg-animal"/>
<img src="images/porg-cp.jpg" alt="porg-cp" title="porg-cp"/>
<img src="images/porg-project.jpg" alt="porg-project" title="porg-project"/>
<img src="images/porgs-cartoon.jpg" alt="porgs-cartoon" title="porgs-cartoon"/>
<img src="images/porgs-draw.jpg" alt="porgs-draw" title="porgs-draw"/>
<img src="images/porg-jedi.jpg" alt="porg-jedi" title="porg-jedi"/>
</div>
</section>
<section class="container" id="porg-background">
<div class="summary">
<h2>The Porg Backstory</h2>
<img src="images/porglets.png" alt="porglets" title="porglets" />
<p>Porgs are a species of sea-dwelling bird. They are nativeto the planet Ahch-To, where
Jedi Master Luke Skywalker made his exile in the year prior to the Battle of Crait.
Porgs understand some languages. When they overheard Rey refer to Chewbacca as "Chewie"
they mistook it be the word chewy leading them to wonder whether Chewbacca would serve
as her food. They are curious throughout the islands of the planet Ahch-To. They were capable of diving to fetch
fish and feed their offspring "porglets."Porgs exhibited a roosting behavior, and they built nests along the island cliffs.
They built nests from hair, fiber or grass and decorated them with shiny objects they had acquired. Porgs loved water, both to drink and to play in.
</p>
<div>
<p>They also loved tasting new things. Porgs had strong natural camouflaging abilities, as well as many interesting calls, ranging from burbles to squeaks to song.
They crooned a special song when they were pleased. However, they could also be completely silent when necessary. Despite their curious nature, they could be quite shy if they felt threatened. Porgs, both wild and domesticated alike, were unusually smitten by human objects, and found shiny objects very fascinating.
If their curiosity ran unchecked, they could wreak havoc. Porgs enjoyed being petted and scratched, especially behind their ears.
(Wookopedia StarWars Wiki)
</p>
</div>
</div>
</section>
<section class="hill-house-section" id="hill">
<h2>Porgs at Hill House
</h2>
<p>In a galaxy far far away, the Porg family returns to Hill House to find clues to what happened many years ago before the haunting began.
Akina the oldest, leads the way as they drive over 1000 miles to get there. Each porg has different memories of the house and they are a bit nervous
on the drive there.
</p>
<div>
<p>Scalan - second oldest, still has nightmares from when they had to flee the house many years ago.</p>
</div>
<div>
<p>Lunira - the middle child is the wisest of the bunch and usually is the mediator between her siblings.</p>
</div>
<div>
<p>Tesrach - the second youngest has struggled to make in the Porg world, but hopes to concquer his fears once in for all.</p>
</div>
<div>
<p>Mircslan - the youngest, remembers befriending the other young porgs in childhood that he believed to be real but were ghosts in disguise.</p>
</div>
<div class="hill-house">
<img src="images/porg-family.png" alt="porg-family" title="porg-family" />
</div>
<div class="stationwagon">
<img src="images/hill-stationwagonII.png" alt="hill stationwagon" title="stationwagon" />
</div>
</section>
<section class="red-room" id="red">
<h2>The Red Room</h2>
<h3>What Should I Do?</h3>
<img src="images/Porg-Main.png" alt="main porg" title="main porg" />
<p>Akina's siblings have been captured by the ghost porgs in the Red Room. She will need to decide if she goes into the Room
to save them or if she will remain outside to make sure others don't suffer the same fate.
</p>
</section>
<section class="ghost" id="galaxy">
<h2>May the Force Be With You!</h2>
<p>Akina, faced with the choice of joining the others in Red Room she makes a different decision. She decides to go off on her own, but
as she leaves the others behind she starts to feel the ghost porgs getting closer. Akina knows that if she can just get down into the
hallway onto the first floor, she will be safe. She screams out with a cry that porgs usually use when they are in danger. What will happen next?
</p>
<img src="images/ghost-porg.png" alt="Ghost" title="ghost" />
<h3>The End</h3>
</section>
</main>
<footer>
<p>© 2018 The Porg Adventures</p>
</footer>
</body>
</html>