-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
165 lines (154 loc) · 7.97 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="es">
<head>
<title>It's me! Mario!</title>
<!-- Required meta tags -->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link rel="shortcut icon" href="./media/img/favicon_io/favicon-16x16.png" type="image/x-icon" />
<!-- Bootstrap CSS v5.2.1 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous" />
<!-- Custome CSS -->
<link rel="stylesheet" href="./css/styles.css" />
<script src="./js/scrtips.js"></script>
</head>
<body class="main__bg">
<video id="main__videoBg" autoplay controls muted loop poster="./media/img/smb-movie.jpg__bkp">
<source type="video/mp4" src="./media/video/smb-moviecut.mp4" />
</video>
<header>
<!-- place navbar here -->
<nav class="navbar navbar-expand-sm navbar-dark bg__blueGradient">
<div class="container-fluid">
<a onclick="audioCoin.play(); audioBump.play(); audioJump.play();" class="navbar-brand" href="#"><i class="logo"></i></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="#">Inicio</a></li>
<li class="nav-item"><a class="nav-link" href="./pages/juegos.html">Juegos</a></li>
<li class="nav-item"><a class="nav-link" href="./pages/personajes.html">Personajes</a></li>
<li class="nav-item"><a class="nav-link" href="./pages/pelicula.html">Película</a></li>
<li class="nav-item"><a class="nav-link" href="./pages/fanaticos.html">Fanáticos</a></li>
</ul>
</div>
</div>
</nav>
</header>
<ul class="navbar__mario">
<li class="tooltip__mario brickWrapper">
<img onclick="audioCoin.play(); audioBump.play(); audioJump.play();" class="brick gather coin" src="./media/img/bricks.png" alt="" width="50px" />
<p class="points">200</p>
<div class="coins"></div>
</li>
<li class="tooltip__mario">
<span class="tooltiptext">Inicio</span>
<a class="" href="#" target="_self">
<img class="gather"src="./media/img/questionhit.png" alt="" width="50px" />
</a>
</li>
<li class="tooltip__mario brickWrapper">
<img onclick="audioCoin.play(); audioBump.play(); audioJump.play();" class="brick gather coin" src="./media/img/bricks.png" alt="" width="50px" />
<p class="points">200</p>
<div class="coins"></div>
</li>
<li class="tooltip__mario">
<span class="tooltiptext">Juegos</span>
<a class="" href="./pages/juegos.html">
<img class="gather"src="./media/img/question.png" alt="" width="50px" />
</a>
</li>
<li class="tooltip__mario brickWrapper">
<img onclick="audioCoin.play(); audioBump.play(); audioJump.play();" class="brick gather coin" src="./media/img/bricks.png" alt="" width="50px" />
<p class="points">200</p>
<div class="coins"></div>
</li>
<li class="tooltip__mario">
<span class="tooltiptext">Personajes</span>
<a class="" href="./pages/personajes.html">
<img class="gather"src="./media/img/question.png" alt="" width="50px" />
</a>
</li>
<li class="tooltip__mario brickWrapper">
<img onclick="audioCoin.play(); audioBump.play(); audioJump.play();" class="brick gather coin" src="./media/img/bricks.png" alt="" width="50px" />
<p class="points">200</p>
<div class="coins"></div>
</li>
<li class="tooltip__mario">
<span class="tooltiptext">Película</span>
<a class="" href="./pages/pelicula.html">
<img class="gather"src="./media/img/question.png" alt="" width="50px" />
</a>
</li>
<li class="tooltip__mario brickWrapper">
<img onclick="audioCoin.play(); audioBump.play(); audioJump.play();" class="brick gather coin" src="./media/img/bricks.png" alt="" width="50px" />
<p class="points">200</p>
<div class="coins"></div>
</li>
<li class="tooltip__mario">
<span class="tooltiptext">Fanáticos</span>
<a class="" href="./pages/fanaticos.html">
<img class="gather"src="./media/img/question.png" alt="" width="50px" />
</a>
</li>
</ul>
<main>
<div class="jumbotron text-center">
<h1>It's me! <span class="jumbotron__marioSpan">Mario!</span></h1>
<p>Bienvenidos al sitio oficila de Mario Bros.</p>
</div>
<div class="container">
<div class="row">
<section class="col-sm-12 col-md-12 col-xl-4 cards">
<article class="innerCards p-3">
<h3>Video Juego</h3>
<p>
Mario Bros. (マリオブラザーズ Mario Burazāzu?, lit. Hermanos
Mario) es un videojuego de arcade desarrollado por Nintendo en el
año 1983. Fue creado por Shigeru Miyamoto. Ha sido presentado como
un minijuego en la serie de Super Mario Advance y otros juegos.
Mario Bros. ha sido relanzado para Wii, Nintendo 3DS y Wii U en
los servicios de Consola Virtual en Japón, Norteamérica, Europa y
Australia.
</p>
</article>
</section>
<section class="col-sm-12 col-md-6 col-xl-4 cards">
<article class="innerCards p-3">
<h3>Desarrolladores</h3>
<p>
Mario Bros. fue creado por Shigeru Miyamoto (1952-) y Mitsuharo
Sato con una historia creada también por Shigeru Miyamoto,
principales desarrolladores del videojuego Donkey Kong.
</p>
</article>
</section>
<section class="col-sm-12 col-md-6 col-xl-4 cards">
<article class="innerCards p-3">
<h3>Nintendo</h3>
<p>
Nintendo Company, Ltd. (任天堂株式会社 Nintendō Kabushiki-gaisha?)
es una empresa de entretenimiento dedicada a la investigación,
desarrollo y distribución de software y hardware de videojuegos, y
juegos de cartas, con sede en Kioto, Japón.
</p>
</article>
</section>
</div>
</div>
</main>
<!-- Bootstrap JavaScript Libraries -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.min.js"
integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz"
crossorigin="anonymous"></script>
<!-- Sound Effects -->
<script src="./js/scrtips.js"></script>
</body>
</html>