-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
84 lines (77 loc) · 3.01 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Página web</title>
<link rel="stylesheet" href="css/Style.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav>
<a href="#">Inicio</a>
<a href="#">Acerca de</a>
<a href="#">Servicios</a>
<a href="#">Contacto</a>
</nav>
<section class="textos-header">
<h1>PÁGINA WEB HTML Y CSS</h1>
<h2>FUNDAMENTOS DE PROGRAMACIÓN</h2>
</section>
<div class="wave" style="height: 150px; overflow: hidden;"><svg viewBox="0 0 500 150" preserveAspectRatio="none"
style="height: 100%; width: 100%;">
<path d="M0.00,49.98 C150.00,150.00 349.20,-50.00 500.00,49.98 L500.00,150.00 L0.00,150.00 Z"
style="stroke: none; fill: #fff;"></path>
</svg></div>
</header>
<main>
<section class="contenedor gg">
<h2 class="titulo">ONE PIECE</h2>
<div class="contenedor-reseña">
<img src="img/Luffy.png" alt="" class="imagen">
<div class="contenido-textos">
<h3><span>1</span>RESEÑA</h3>
<p>One Piece es la historia de un chico llamado Monkey D. Luffy, quién se inspiró en Shanks, un pirata que le salvó la vida, para convertirse en el Rey de los Piratas.</p>
</div>
</div>
</section>
<section class="animes">
<div class="contenedor">
<h2 class="titulo">Animes favoritos
</h2>
<div class="galeria-animes">
<div class="imagen-anime">
<img src="img/naruto.png" alt="">
<div class="hover-galeria">
</div>
</div>
<div class="imagen-anime">
<img src="img/jujutsu.png" alt="">
<div class="hover-galeria">
</div>
</div>
<div class="imagen-anime">
<img src="img/demon.png" alt="">
<div class="hover-galeria">
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="contenedor-footer">
<div class="content-foo">
<h4>Celular</h4>
<p>3123037342</p>
</div>
<div class="content-foo">
<h4>Correo</h4>
<p>[email protected] ||</p>
</div>
</div>
<h2 class="titulo-final">© ImanolR | Fundamentos De Programación</h2>
</footer>
</body>
</html>