forked from Bakri-Hmouda/InterActive-Story
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Index.html
53 lines (37 loc) · 1.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Boy In a Crash</title>
<link rel="styleSheet" href="style.CSS">
</head>
<body>
<header>
<div class="banner"><img src="Media/banner.jpeg" alt="blurry picture of a boy" width="2000px" height="200px">
<div class="title">Boy In A Crash</div>
</div>
</header>
<main>
<div class="introduction">
<p>Ralph's mom died while giving birth to him, but his dad took good care of him and he had a good life, but on his 18th birthday his whole life will be flipped to the worst</p>
</div>
<div class="subBanner"><img src="Media/birthday.jpeg" alt="birthday cake" width="2000px" height="2000px"></div>
<div class="story">
<p>
Although Ralph Grew up without a mother, his life was just as good as his friends. He is doing very good at school, next year is the first year of university, And with his 18th birthday coming after two weeks, his friends started planning a surprise party
for him with his dad..<br><br> Little did they know what's going to happen on that day.
</p>
</div>
<div class="imgCollectionContainer">
<div class="imgContainer"><img src="Media/crash.jpeg" alt="crashed car" width="2000px" height="2000px"></div>
<div class="imgContainer"><img src="Media/shooting.jpeg" alt="crashed car" width="2000px" height="2000px"></div>
</div>
<p class="play">Get to know what really Happend on Ralph's Birthday by <a target="_blank" href="Interactive story project.html">Playing</a> his InterActive Story</p>
</main>
<footer>
<p>CODE RIOT - Codi </p>
</footer>
</body>
</html>