-
Notifications
You must be signed in to change notification settings - Fork 0
/
index4.html
125 lines (114 loc) · 5.19 KB
/
index4.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Red dead Redemtion 2">
<meta name="keywords" content="Proyecto">
<meta name="autor" content="Lukas Designs">
<link rel="stylesheet" type="text/css" href="css/estilo3.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap" rel="stylesheet">
<link href="img/logo.png" rel="icon" sizes="50x50">
</head>
<style>
</style>
<body>
<style>
body{
background-color:#6f0000;
}
</style>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top" id="menuh">
<a href="" class="navbar-brand"><img src="img/logo.png" alt="logo" id="imglogo"> </a>
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="index.html">Inicio</a></li>
<li class="nav-item"><a class="nav-link" href="index3.html">Acerca de</a></li>
<li class="nav-item"><a class="nav-link" href="index2.html">Historia</a></li>
<li class="nav-item"><a class="nav-link" href="index5.html">Contacto</a></li>
<li class="nav-item"><a class="nav-link" href="index4.html">Personajes</a></li>
<li class="nav-item"><a class="nav-link" href="index6.html">Trailer</a></li>
</ul>
</nav>
<br>
<br>
<br>
<br>
<br>
<article class="container-fluid">
<section class="row">
<section class="col-md-12 text-center">
</section>
</section>
<section class="row justify-content-around caj">
<section class="card col-md-3 shadow">
<section class="card-body " >
<img src="img/morgan.jpg" width="250" height="300" >
<p class="card-text tarjeta-texto">Protaginista: Arthur Morgan
</p>
</section>
</section>
<section class="card col-md-3 shadow">
<section class="card-body">
<img src="img/john.jpg" width="250" height="300">
<p class="card-text tarjeta-texto">Coprotagonista: John Marston
</p>
</section>
</section>
<section class="card col-md-3 shadow">
<section class="card-body">
<img src="img/dutch.png" width="250" height="300">
<p class="card-text tarjeta-texto">Lider de la banda: Dutch van der Linde
</p>
</section>
</section>
</section>
</article>
<br>
<br>
<article class="container-fluid ">
<section class="row">
<section class="col-md-12 text-center">
</section>
</section>
<section class="row justify-content-around caj ">
<section class="card col-md-3 shadow">
<section class="card-body ">
<img src="img/mica.jpg" width="250" height="300">
<p class="card-text tarjeta-texto">Miembro de la banda: Micah Bell
</p>
</section>
</section>
<section class="card col-md-3 shadow">
<section class="card-body">
<img src="img/hosea.png" width="270" height="280">
<p class="card-text tarjeta-texto">Miembro de la banda: Hosea Mattheows
</p>
</section>
</section>
<section class="card col-md-3 shadow">
<section class="card-body">
<img src="img/Sadi.png" width="250" height="300">
<p class="card-text tarjeta-texto">Miembro de la banda: Sadie Adler
</p>
</section>
</section>
</section>
</article>
<footer class="container-fluid" id="footer">
<section class="row bg-dark " >
<section class="col-md-8 texto" >
<p >Contactos<p/>
<p> Rockstar@gmail.com<p/>
<p>Telefono: 883732827</p>
</section>
<section class="col-md" id="red">
<a href=""><img src="img/Facebook-icon.png" alt="facebook" class="imgsocial"></a>
<a href=""><img src="img/twitter-icon.png" alt="twitter" class="imgsocial"></a>
<a href=""><img src="img/instagram-icon.png" alt="instagram" class="imgsocial"></a>
</section>
</section>
</footer>
</body>
</html>