-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (45 loc) · 1.63 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>K/DA</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="estilo.css">
</head>
<style>
#main{
background-color: #C4CCE3;
}
#parrafo{
width: 90%;
}
#image{
display: flex;
max-width: 100%;
height: auto;
position: relative;
}
#title{
font-size: 50px;
}
</style>
<body>
<main id="main"
<head id="title">
K/DA KPOP SONGS
</head>
<div id="img-div">
<image id="image" alt="KPOP BAND" src= "banda_kda.jpg">
<h4 id="img-caption">
Kda band members
</h4>
</div>
<section id="tribute-info">
<h4> Canciones: </h4>
<p id="parrafo">
Lorem ipsum dolor sit amet, <a href="https://www.youtube.com/watch?v=3VTkBuxU4yk&ab_channel=LeagueofLegends" id = "tribute-link" target="_blank">mi cancion favorita</a> consectetur adipiscing elit. Integer convallis, nulla non laoreet tempus, turpis sem luctus massa, sed vehicula erat urna quis lacus. Aliquam magna nulla, rutrum nec blandit sit amet, accumsan vitae nibh. Quisque interdum consectetur nunc et vehicula. Sed velit nisl, molestie ac consequat id, volutpat a leo. Pellentesque at sapien nec neque tempor suscipit. Aliquam erat volutpat. Maecenas vel erat id velit ultricies pellentesque. Nam ut eleifend nisi. Phasellus molestie eros ac convallis condimentum. Suspendisse mollis eros enim, a tempus lectus vehicula ut. Pellentesque ut convallis felis. Sed vehicula, urna ut hendrerit fringilla, metus dolor porttitor diam, vitae rutrum tortor tellus at ante. Nulla eget congue sem.
</p>
</section>
</main>
</body>
</html>