4 years ago · 9ff87508b9
--- a/01-html-css-intro/index.html
+++ b/01-html-css-intro/index.html
@@ -0,0 +1,40 @@
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8" />
    <title>HTML/CSS - 001: Html documents</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <!-- <h1>Header</h1>
            <h6>:)</h6>
            <p>Paragraaf</p>
            <ul>
                <li>1</li>
                <li>2</li>
            </ul>
            <ol>
                <li>a</li>
                <li>b</li>
            </ol>
            <button>knop</button>
            <div>Dit is een div</div>
            <span>Dit is een Span</span> -->

    <!-- <div id="div-1" class="type-of-div">
                <h1 class="blauw">test <span>ja test 123</span></h1>
                <p class="blauw">uhu</p>
            </div>
            <div>
                <h1 class="geel">lalala</h1>
            </div> -->
    <!-- <img src="https://www.google.com/url?sa=i&source=images&cd=&ved=2ahUKEwiu_OLw04nlAhWIzaQKHYknBaQQjRx6BAgBEAQ&url=https%3A%2F%2Fwww.kruidvat.be%2Fnl%2Fblog%2Ffoto%2Fzet-je-kat-mooi-op-de-foto-met-deze-handige-tips%2F&psig=AOvVaw2E0Rzr0ZpuN8q2SYiAOIqv&ust=1570520757532677" alt=""> -->
    <!-- <a href="test.html" target="_blank">test</a> -->

    <header></header>
    <main>
      <p>hallo</p>
    </main>
    <footer></footer>
  </body>
 </html>
--- a/01-html-css-intro/style.css
+++ b/01-html-css-intro/style.css
@@ -0,0 +1,27 @@
 body{
    height: 500px;
 }
 html{
    font-size: 30px;
 }
 header{
    background-color: green;
    height: 50%;
    width: 50%;
 }

 main{
    background-color: red;
    font-size: 20px;
 }

 footer{
    background-color: purple;
    height: 30px;
    width: 30vw;
 }

 main p{
    height: 2rem;
    font-family: 'Courier New', Courier, monospace;
 }