Web-Design-Project-/article.html at master · jaysudo82/Web-Design-Project- · 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
50
51
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="assets/stylesheet/style.css">
    <title>Article</title>
</head>

<body>

    <article class="article-container">
        <h1>Article Title</h1>
        <h2>Heading 1</h2>
        <p>
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Inventore reiciendis tenetur illo sit! Ducimus
            velit, eius id quis veniam sunt, eveniet consectetur mollitia, repudiandae minima voluptatem cupiditate?
            Fugiat, suscipit numquam.
        </p>
        <h3>Heading 2</h3>
        <p>
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Inventore reiciendis tenetur illo sit! Ducimus
            velit, eius id quis veniam sunt, eveniet consectetur mollitia, repudiandae minima voluptatem cupiditate?
            Fugiat, suscipit numquam.
        </p>
        <figure>
            <img class="img-cover" src="assets/images/satellite.jpg" alt="">
            <figcaption>Satellite Image by James Bond</figcaption>
        </figure>

        <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod, dicta, at unde magnam deserunt nihil
            temporibus ut impedit ipsa voluptatibus aliquam, laudantium soluta corporis alias libero? Dicta cupiditate
            excepturi rem. Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores sed quos laborum asperiores
            ad illo possimus officia sint esse? Veritatis ducimus maxime fugiat doloremque nemo esse aliquam expedita
            dolore repellendus.
        </p>
        <h4>Heading 3</h4>
        <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati, quaerat iusto! Commodi expedita maiores
            sapiente consectetur atque repudiandae, molestiae amet corporis rerum nisi culpa quia labore voluptatibus
            ullam dolorum natus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam ducimus dolore
            cupiditate vel eaque culpa ipsa. Exercitationem corrupti enim cumque provident soluta doloribus possimus
            eaque quos aspernatur. Dolorum, mollitia corrupti?
        </p>
    </article>

</body>

</html>