-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
101 lines (101 loc) · 3.69 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Marvel Rivals (Parallax Website)</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/styles_parallax.css" />
</head>
<body>
<header class="nav">
<img src="Images/marvel-rivals-logo.webp" alt="" class="nav_img" />
<ul class="nav_bar">
<li class="nav_opt">
<a href="#about">About</a>
</li>
<li class="nav_opt">
<a href="#gameplay">Gameplay</a>
</li>
<li class="nav_opt">
<a href="#story">Story</a>
</li>
<li class="nav_opt">
<a href="#join">Join Now</a>
</li>
</ul>
</header>
<main>
<div class="title">
<img src="Images/marvel-rivals-logo.webp" alt="" class="logo" />
</div>
<div class="about" id="about">
<p class="desc">
Marvel Rivals is a Super Hero Team-Based PVP Shooter! Assemble an
all-star Marvel squad, devise countless strategies by combining powers
to form unique Team-Up skills and fight in destructible, ever-changing
battlefields across the continually evolving Marvel universe!
</p>
</div>
<div class="gameplay_img" id="gameplay">
<h1>Gameplay</h1>
</div>
<div class="gameplay roster">
<h2>A Deep and Varied Marvel Roster</h2>
<p class="desc">
Choose from a vast array of fan-favorite and cult-classic Marvel Super
Heroes and Super Villains from across the Avengers, Guardians of the
Galaxy, X-Men, and many more from across the Marvel Multiverse.
</p>
</div>
<div class="gameplay fps">
<h2>Fast and Fun 6v6 Action with Ever-Changing Game Dynamics</h2>
<p class="desc">
With intricate environments, fast-paced gameplay, and ever-changing
battlefields, there's never a dull moment in Marvel Rivals! Battle as
Super Heroes and Super Villains with incredible abilities and combine
your powers to bring unexpected fun to the battlefield in a matter of
seconds.
</p>
</div>
<div class="story_img" id="story">
<h1>Story</h1>
</div>
<div class="story">
<p class="desc">
The merciless clash between tyrannical dictator Doctor Doom and his
future counterpart from the year 2099 has forced countless universes
to collide in the Timestream Entanglement, creating new worlds and
crises unknown. Now, Super Heroes and Villains from across the
multiverse must fight together and against one another as disparate
groups each seek to best both Dooms before one achieves domination of
these realities. Familiar faces become newfound foes while former
enemies become the greatest of allies in Marvel Rivals!
</p>
</div>
<div class="join_img" id="join">
<a href="https://www.marvelrivals.com/" target="_blank">
<h1>Join Now</h1>
</a>
</div>
</main>
<footer>
<p>
Know more about
<a
href="https://www.marvelrivals.com/"
target="_blank"
class="join_link"
>Marvel Rivals</a
>
</p>
<article class="copyright">© Kabeer Sekhri</article>
</footer>
</body>
</html>