-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (89 loc) · 3.46 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
</body>
</html>
<!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">
<link rel="stylesheet" href="style.css">
<title>JoJo's</title>
</head>
<body>
<div class="header">
<div class="top">
<div class="left">
<img class="logo-img" src="images/logo.png">
</div>
<div class="right">
<ul class="header-links">
<li><a href="https://jojo.fandom.com/wiki/Phantom_Blood">Part 1</a></li>
<li><a href="https://jojo.fandom.com/wiki/Battle_Tendency">Part 2</a></li>
<li><a href="https://jojo.fandom.com/wiki/Stardust_Crusaders">Part 3</a></li>
<li><a href="https://jojo.fandom.com/wiki/Diamond_is_Unbreakable">Part 4</a></li>
<li><a href="https://jojo.fandom.com/wiki/Vento_Aureo">Part 5</a></li>
<li><a href="https://jojo.fandom.com/wiki/Stone_Ocean">Part 6</a></li>
</ul>
</div>
</div>
<div class="bottom">
<div class="left">
<p class="title-text">JoJo's Bizzare Website</p>
<p class="subtitle-text">
Throbbing hearts are always ever.
Burning as if they were in flames.
The pulse that’s ever beating from their palms.
The courage that is pumping through their veins.
With bravery, embrace the blood that holds their fate.</p>
<a href="https://www.youtube.com/watch?v=l-NidcMz_xk">
<button>Sign Up</button>
</a>
</div>
<div class="right">
<img src="images/intro.jpg" alt="jojo main characters from parts 1-6">
</div>
</div>
</div>
<div class="info">
<div class="info-title">
<p>Choose Your Stand</p>
</div>
<div class="items">
<div class="item">
<img src="images/star-platnium.png">
<p>Star Platnium</p>
</div>
<div class="item">
<img src="images/crazy-diamond.png">
<p>Crazy Diamond</p>
</div>
<div class="item">
<img src="images/gold-experience.png">
<p>Gold Experience</p>
</div>
<div class="item">
<img src="images/stone-free.png">
<p>Stone Free</p>
</div>
</div>
</div>
<div class="Quote">
<p class="quote-text">Immortality, Eternal life, STAND POWER! This proves no one can surpass DIO, Puny humans, i shall rule you all! Bow before my knowledge and might!</p>
<p class="quote-origin">- Dio Brando, Stardust Crusaders</p>
</div>
<div class="signup">
<div class="signup-text">
<p class="signup-text-title">Begin your own bizzare adventure!</p>
<p class="signup-text-subtitle">Get started by smashing that button right over there. Ora Ora!</p>
</div>
<div class="signup-button">
<a href="https://www.youtube.com/watch?v=OzHE5q1NGa4">
<button>Let's go!</button>
</a>
</div>
</div>
<div class="footer">
<p>Copyright © The Speedwagon Foundation 2022</p>
</div>
</body>
</html>