index.html

<nav>
    <ul>
      <li><a href="#about">about</a></li>
      <li><a href="#life">Life events</a></li>
      <li><a href="#upcoming">upcoming achievements</a></li>
     
    </ul>
  </nav>
  <section id="main">
  <div class="container">  <div>
      <h1> Gunnar Spans</h1>
    <section id="title" id="tribute-info">
      <div class="container">
      <p id="tribute-info">Friend, brother, great person. Gunnar is always researching the good life. Since he has become a master in slow time management he is experimenting with philosofy, sports, and low energy time-management. He is also available to just spitball your business ideas. With this last point he is able to always ask the right question, when you think it's clear, is it really?</p>
  <div id="img-div" class="center"> <img src="https://i.imgur.com/eUqAqqu.png" alt="Gunnar Spans" id="image"><figcaption id="img-caption"><p>Gunnar Spans doing allright!😎</p></figcaption>
    </img></div>
  </section>
  
  <section id="life" class="bg-orange"> <h2> Life events</h2>
  <ul> born 14 oktober 1981 </ul>
  <ul> went to school some time after that</ul>
  <ul>finished school when it was enough already</ul>
    <ul>Went to Australia, met Kees and Greg AKA charillos</ul>
    <ul>Left Australia</ul>
    <ul>got married</ul>
    <ul>returned to Australia</ul>
    <ul>Left Australia to persue academic prospects</ul>
    <ul>created alter ego Harry who was into adventure and mischief</ul>
    <ul>went to Kenia to do cool stuff for farmers</ul>
    <ul>finished school, without a degree but still he made it. Wrote thesis on life and death <a id="tribute-link" href="http://www.wur.nl/web/file?uuid=ef46552b-663b-4017-9cc0-526cbd724f6b&owner=089cd835-2c60-4471-9b09-9ea2268f06d4" target="_blank" >Thesis</a>
  </ul>
    <ul>kicked cancer's ass</ul>
    <ul>left Groningen</ul>
    <ul>Started becoming a climbing master instructing his brother</ul>
    <ul>Had some fun with his nephew</ul> </section>
      <section id="upcoming" class="bg-yellow"> <h2>Upcoming Events</h2>
    <ul>
     <ol>Going by train to Mongolia</ol>
     <ol>Having fun in the meditiranean</ol>
     <ol>Make friendships last</ol> 
    </ul>
  </section>
  <footer><p>You are a great person and adventurer of this amazing life👏</p></footer>
  </div>