Basic-Store-About/about.html at master · Facunchos/Basic-Store-About · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- https://www.youtube.com/watch?v=kMT54MPz9oE&list=RDCMUC8butISFwT-Wl7EV0hUK0BQ&start_radio=1&rv=kMT54MPz9oE&t=366 -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mi primer website con Html y Css</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header class="main-header">
        <nav class="nav main-nav" >
            <ul>
                <li> <a href="index.html">HOME</a></li>
                <li><a href="store.html">STORE</a></li>
                <li><a href="about.html">ABOUT</a></li>
            </ul>
        </nav>
        <h1 class="band-name band-name-large">Nombre de la banda</h1>
    </header>
    <section class="content-section container">
        <h2 class="section-header">ABOUT</h2>
        <img class="about-band-image" src="./imgs/leonin.jpeg" alt="imagen personaje">
        <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, rem blanditiis modi vero impedit explicabo tempora reiciendis commodi non laboriosam ab cum saepe architecto officiis corrupti soluta, incidunt amet et!
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, rem blanditiis modi vero impedit explicabo tempora reiciendis commodi non laboriosam ab cum saepe architecto officiis corrupti soluta, incidunt amet et!
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, rem blanditiis modi vero impedit explicabo tempora reiciendis commodi non laboriosam ab cum saepe architecto officiis corrupti soluta, incidunt amet et!
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, rem blanditiis modi vero impedit explicabo tempora reiciendis commodi non laboriosam ab cum saepe architecto officiis corrupti soluta, incidunt amet et!
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, rem blanditiis modi vero impedit explicabo tempora reiciendis commodi non laboriosam ab cum saepe architecto officiis corrupti soluta, incidunt amet et!
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, rem blanditiis modi vero impedit explicabo tempora reiciendis commodi non laboriosam ab cum saepe architecto officiis corrupti soluta, incidunt amet et!
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, rem blanditiis modi vero impedit explicabo tempora reiciendis commodi non laboriosam ab cum saepe architecto officiis corrupti soluta, incidunt amet et!
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, rem blanditiis modi vero impedit explicabo tempora reiciendis commodi non laboriosam ab cum saepe architecto officiis corrupti soluta, incidunt amet et!
        </p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio odit fugit officia quia recusandae, dolorem impedit unde. Maxime, aliquid reiciendis possimus velit quos fugit sit esse nesciunt ducimus consequatur incidunt.</p>
    </section>
    <footer class="main-footer">
        <div class="container main-footer-container">
            <h3 class="band-name">Facunchos</h3>
            <ul class="nav footer-nav">
                <li><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank"><img src="imgs/discord-logo.svg" alt="discord-logo" width="50"></a></li>
                <li><a href="https://open.spotify.com/playlist/6OtGBZAR20qQZJ4nqlPHny?si=583dbb0ef4c9462f" target="_blank"><img src="imgs/Spotify-logo green.png" alt="spotify-logo" width="50"></a></li>
                <li><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank"><img src="imgs/Whatsapp-logo.png" alt="whatsapp-logo-2020" width="50"></a></li>
            </ul>
        </div>
    </footer>
</body>
</html>