-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (99 loc) · 2.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
102
103
104
105
106
107
108
109
110
111
<!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="shortcut icon"
href="./src/images/contentcove-icon.ico"
type="image/x-icon" />
<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=Poppins:wght@100;300;500&display=swap"
rel="stylesheet" />
<link
rel="stylesheet"
href="./src/css/reset.css" />
<link
rel="stylesheet"
href="./src/css/style.css" />
<link
rel="stylesheet"
href="./src/css/responsive.css" />
<title>
The Content-Cove | Be Ready for the Next Release: Movie, Games and
Anime Trailers!
</title>
</head>
<div class="gradient-background"></div>
<div class="arrow-container">
<div class="arrow"></div>
</div>
<body>
<header class="header">
<a>
<img
class="logo"
alt="Mario-logo"
src="./src/images/mario-logo.png" />
</a>
<nav>
<ul class="menu">
<li><a href="#">Home</a></li>
<li>
<a
href="https://www.universalpictures.com/movies/the-super-mario-bros-movie"
>Details</a
>
</li>
</ul>
</nav>
</header>
<main class="container">
<div class="info">
<img
class="image-title"
alt="Super-Mario-Brothers-title"
src="./src/images/super-mario-bros-title.png" />
<p class="description">
With the Mushroom Kingdom in danger, Mario sets out on a journey
to save Princess Peach and defeat the evil Bowser. But he's not
alone on this journey. Along with his friends Luigi, Toad, and
many others, Mario will face incredible challenges and discover
new worlds full of action and excitement.
</p>
<p class="description">Are you ready to join this epic journey?</p>
<button class="button-trailer">Watch the trailer</button>
</div>
<img
class="mario"
src="./src/images/super-mario-chars.png" />
<div class="modal">
<div class="modal-content">
<span class="close-modal">X</span>
<iframe
id="video"
width="560"
height="315"
src="https://www.youtube.com/embed/7m5SDPQe1Z8"
title="Official Trailer"
frameborder="1"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
</main>
<script src="./src/js/index.js"></script>
</body>
</html>