index.html

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Geeky Jyväskylä</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <header>
    <h1>Geeky Jyväskylä</h1> 
  </header>
  <article>
    <p>Pro tip: subscribe at bottom right corner!</p>
    <iframe src="https://www.google.com/calendar/embed?showTitle=0&amp;showDate=0&amp;showPrint=0&amp;showTz=0&amp;height=600&amp;wkst=2&amp;bgcolor=%23FFFFFF&amp;src=8k5oi1dne96kpvqtr4ebljsi0k%40group.calendar.google.com&amp;color=%23875509&amp;src=d86v46hs0fkcl4m0q2n9evnkpk%40group.calendar.google.com&amp;color=%232F6309&amp;src=peliosuuskuntaexpa%40gmail.com&amp;color=%23B1440E&amp;ctz=Europe%2FHelsinki" style=" border-width:0 " width="100%" height="600" frameborder="0" scrolling="no"></iframe>
  </article>
  <footer>
    <a href="http://www.geekcollision.org/">Maintained by Geek Collision and co.</a>
  </footer>
</body>
</html>