webdes.html

<!DOCTYPE html>
<html lang="en">
<head>
    <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>An intro to web design</title>
    <link href="/styles.css" rel="stylesheet" />

</head>
<body>
    <header class="hero container">
        <h1>So you want to start learning how to web-design</h1>
        <img  src="/images/design.svg"/>
    </header>

    <div class="container">
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Delectus cumque excepturi doloribus quasi saepe autem in velit, earum alias optio minima tempore iste hic nemo recusandae vitae commodi enim. Veniam? Lorem ipsum dolor sit amet consectetur adipisicing elit. Est ut impedit rem recusandae repudiandae excepturi illum architecto, adipisci quaerat obcaecati corrupti, accusantium ea eveniet dignissimos expedita eum. Doloribus, nulla assumenda!</p>
    </div>

    <ul class="unordered-list">
        <h1>Pre-requisites</h1>
        <li>A PC</li>
        <li>The internet</li>
        <li> markup and markdown language</li>
        <br>


    </ul>
    <div class="container">
    <h1>A guide to HTML</h1>
    <p>The best guide one can refer to while learning HTML is the MDN docs that gives you a superb introduction to HTML without overwhelming the user reading it</p>
    <h2><a style="text-decoration: none;" href="https://developer.mozilla.org/en-US/docs/Learn/HTML">MDN introduction to HTML</a></h2>
    </div>

    <div class="container">
        <h1>A guide to CSS3</h1>
        <p>The best guide one can refer to while learning CSS3 is the MDN docs that gives you a superb introduction to CSS3 and specifies a variety of tricks you can use to make your website look more attractive</p>
        <h2><a style="text-decoration: none;" href="https://developer.mozilla.org/en-US/docs/Learn/CSS">MDN introduction to CSS</a></h2>
    </div>
</body>
</html>