HW-Wireframe/index.html at master · jgoff88/HW-Wireframe · 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
49
<!DOCTYPE html>
<html lang="en">
<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">
    <link rel="stylesheet" href="style.css">
    <title>HW-Wireframe</title>

</head>
<header class="header">
        <h1>This Blog</h1>
        <h3> This blog is about guitars</h3>
</header>
<body>
    <!--Navigation links to guitar websites-->
    <nav id="#nav">
        <a href="https://www.martinguitar.com/">Martin Guitars</a> |
        <a href="https://www.guitarcenter.com/">Guitar center</a> |
        <br>
    </nav>
    <div>
        <section>
            <h1>The Guitar</h1>
            <!--Main content of the Blog-->
            <article class= "blog">
                <h2 class="heading">Playing guitar:</h2><h3> Where do you start?</h3>
                <p class="para">
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt autem magnam non, quae minus
                    in et ad, optio asperiores placeat corporis dolorem,
                    eaque consequuntur temporibus! Explicabo, dignissimos. Voluptatum, est quisquam.
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus eveniet, ex dolorem repudiandae, architecto quae
                    molestias quibusdam sapiente voluptatem impedit numquam. Commodi vel provident rem vero vitae nulla eligendi cum.
                </p>

            </article>
        </section>
        <aside class="aside">
            <!--Create an aside for information related to main content-->
            <h3 class="heading">Addition Information:</h3>
            <p class="para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur doloremque exercitationem voluptatibus suscipit ex incidunt vemolestiae temporibus soluta numquam. Alias vitae fuga ut minus deserunt, nostrum error dicta omnis?</p>
        </aside>

    </div>
</body>
<footer>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod, delectus aliquam mollitia dolore blanditiis consequatur impedit voluptate numquam cumque officia totam minus fuga eum ab, distinctio ea! Possimus, eum beatae!</p>
</footer>
</html>