index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The HaggeBear Portfolio</title>
</head>
    <link rel="stylesheet" href="./css/styles.css">
<body>
    <header>
        <h1>Malcolm</h1>
        <p>Groundwater consultant | Soon Father | n00b Webb Developer</p>
    </header>
   
    <section>
        <h2>About me</h2>
            <p>I'm curently living in Uppsala, Sweden, and working as groundwater consultant at <a href="https://www.tyrens.se/" > Tyréns AB </a> </p>
         
            <p> For more  info <a href="./pages/about.html" target="_blank"> about me</a> </p>

        <p>List with 3 fun facts

            <ol>
                <li> I can play the trumpet</li>
                <li> Fun fact 2</li>
                <li> Fun fact 3</li>
            </ol>
        </p>


        <h2>My goal</h2>
            <p>My goal with this project</p>
            
            
    </section>
    
    <footer>
       <p>Contact me at [my mail]</p>
       <p>My LinkIN</p>
    </footer>

    
</body>
</html>