box-model/index.html at master · sahilLikes2Code/box-model · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Index</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="assets/stylesheet/style.css">
    </head>
    <body>
        <header></header>
        <main>
            <section>
                <article>
                    <h1>I am an H1 heading</h1>
                    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Numquam sit natus animi nostrum qui aut blanditiis, odit debitis laborum labore iste optio sint quos ipsa error eos magnam. Veritatis eaque possimus aliquam eum voluptatibus ipsum libero, illo deserunt commodi dolore labore molestiae perferendis ad distinctio quaerat recusandae voluptate aspernatur consequuntur delectus obcaecati. Aperiam consequatur quos ullam non veritatis dolor obcaecati itaque nihil alias amet. Quasi quod totam ducimus labore non facere vero, distinctio voluptas ad quidem, modi quia sapiente voluptate delectus? Delectus sit debitis at consectetur sequi dolores eos aspernatur ut. Vitae eveniet amet odit, corrupti voluptatum expedita beatae temporibus voluptates quidem esse! Ullam impedit possimus placeat modi alias ipsa voluptatum hic nesciunt id error et, in aspernatur recusandae voluptate quam repudiandae doloremque distinctio assumenda? Fugiat quisquam dolorum sequi. Quibusdam sunt aperiam neque officiis! Quia quas veritatis magnam, ratione aspernatur doloribus, vitae, atque aperiam rem quos minus asperiores est eius ab optio! Sunt necessitatibus labore delectus nemo consequatur cumque ratione reprehenderit. Laborum fuga excepturi aut laboriosam possimus. Pariatur saepe vero expedita mollitia soluta, deleniti ratione commodi eveniet tempora ex ea facilis est consequatur magnam laboriosam iste esse deserunt culpa? Cum iusto in, aperiam hic at aut et unde sint magnam.</p>
                    <img src="https://images.unsplash.com/photo-1496181133206-80ce9b88a853?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=751&q=80" alt="Apple MacBook Pro 2012">
                    <div class="box"></div>
                </article>
            </section>
        </main>
        <footer>
            <nav>
                <a href="http:www.facebook.com" target="_blank">Facebook</a>
                <a href="http:www.youtube.com" target="_blank">Youtube</a>
                <a href="http:www.twitter.com" target="_blank">Twitter</a>
            </nav>
        </footer>
    </body>
</html>