index.html

---
layout: landing
resources:
  css:
    - "/css/landing.css"
---

<meta http-equiv="Refresh" content="0; url=https://mooc.fi" />

<article class="call_to_action primary">
	<header>
		<h1>Korkeakoulu kotonasi</h1>
	</header>
	<a class="browse-courses-cta" href="kurssit.html" onclick="ga('send', 'event', 'button', 'click', 'tutustu-kurssitarjontaan')">Tutustu kurssitarjontaan</a>
</article>

<article>
	<header>
		<h1></h1>
  </header>
  <ul class="course-teasers">
        <li class="course-teaser">
            <a href="https://elementsofai.com/fi" onclick="ga('send', 'event', 'course-teaser', 'click', 'elements-of-ai')">
              <header>
              </header>
              <img class="organiser" src="img/hy_liekki.svg" alt="University of Helsinki">
              <h1 class="name">Elements of AI</h1>
              <p class="description">Vievätkö robotit työmme? Millainen yhteiskunnallinen vaikutus tekoälyllä on?</p>
              <p class="additional-info">Kurssi on käynnissä! Hyppää mukaan!</p>
            </a>
        </li>
        <li class="course-teaser">
	    <a href="/courses/2018/fullstack/" onclick="ga('send', 'event', 'course-teaser', 'click', 'fullstack-2018')">
              <header>
              </header>
              <img class="organiser" src="img/hy_liekki.svg" alt="University of Helsinki">
              <h1 class="name">Full stack open 2018</h1>
              <p class="description">Moderni websovelluskehitys tutuksi. Avainsanoja mm. React, NodeJS, REST.</p>
              <p class="additional-info">Kurssi on alkanut ja suoritettavissa 15.12. asti</p>
	    </a>
        </li>
      <li class="course-teaser">
          <a href="/courses/2018/ohjelmoinnin-mooc/" onclick="ga('send', 'event', 'course-teaser', 'click', 'ohjelmoinnin-mooc-2018')">
            <header>
            </header>
            <img class="organiser" src="img/hy_liekki.svg" alt="University of Helsinki">
            <h1 class="name">Ohjelmoinnin MOOC</h1>
            <p class="description">Ohjelmointia Javalla perusteista lähtien sekä mahdollisuus opinto-oikeuteen. </p>
            <p class="additional-info">Kurssi on käynnissä! Hyppää mukaan!</p>
          </a>
        </li>
      <li class="course-teaser">
        <a href="/courses/2017/cybersecurity/">
          <header>
          </header>
          <img class="organiser" src="img/hy_liekki.svg" alt="University of Helsinki & F-Secure">
          <h1 class="name">Cyber Security Base</h1>
          <p class="description">Become a cyber security professional.</p>
          <p class="additional-info">Ended</p>
        </a>
      </li>
    </ul>
</article>

<!--
<article>
	<header>
		<h1>Suosittelemme / We recommend</h1>
	</header>

  <ul class="course-teasers">
    <li class="course-teaser single">
      <a href="/courses/2016/cybersecurity/">
        <header>
        </header>
        <img class="organiser" src="img/hy_liekki.svg" alt="University of Helsinki & F-Secure">
        <h1 class="name" style="line-height: 34px;">Cyber Security Base with F&#8209;Secure</h1>
        <p class="description">Become a cyber security professional</p>
        <p class="additional-info">Ongoing</p>
      </a>
    </li>
  </ul>

 -->
</article>
<!--
<article>
  <header>
    <h1>Tulossa</h1>
  </header>

</article>
 -->