<!DOCTYPE html>
<html lang="en">
  <head>
  <title>Nico Steiner — Home</title>
  <meta charset="utf-8">
  <meta name="robots" content="index, follow">
  <meta content="width=device-width,minimum-scale=1,maximum-scale=1" name="viewport">
  <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
  <link href="https://www.nicosteiner.com/" rel="canonical">
  <link rel="stylesheet" href="https://www.nicosteiner.com/assets/styles/styleguide.css" />
  <link rel="shortcut icon" type="image/x-icon" href="assets/icons/favicon.ico">
  <link href="assets/icons/apple-touch-icon_114x114.png" sizes="114x114" rel="apple-touch-icon">
  <link href="assets/icons/apple-touch-icon_72x72.png" sizes="72x72" rel="apple-touch-icon">
  <link rel="apple-touch-icon" href="assets/icons/touch-icon-iphone.png">
</head>
  <body>
    <header id="page-header">
  <nav id="page-navigation">
    <ul>
      <li class="home"><a class="active" href="https://www.nicosteiner.com/">Home</a></li><li class="articles"><a href="https://www.nicosteiner.com/articles">Articles</a></li><li class="projects"><a href="https://www.nicosteiner.com/projects">Projects</a></li><li class="resources"><a href="https://www.nicosteiner.com/resources">Resources</a></li><li class="about"><a href="https://www.nicosteiner.com/about">About</a></li><li class="contact"><a href="https://www.nicosteiner.com/contact">Contact</a></li>    </ul>
  </nav>
  <span id="mobile-header">Home</span>
  <nav id="page-navigation-mobile">
    <ul class="arrow-box">
      <li class="home"><a class="active" href="https://www.nicosteiner.com/">Home</a></li><li class="articles"><a href="https://www.nicosteiner.com/articles">Articles</a></li><li class="projects"><a href="https://www.nicosteiner.com/projects">Projects</a></li><li class="resources"><a href="https://www.nicosteiner.com/resources">Resources</a></li><li class="about"><a href="https://www.nicosteiner.com/about">About</a></li><li class="contact"><a href="https://www.nicosteiner.com/contact">Contact</a></li>    </ul>
  </nav>
  <a id="mobile-navigation-toggle">&#9776;</a>
</header>
    <section class="visual">
  <div class="content">
    <figure>
      <img src="/assets/images/portrait.jpg" width="240" height="240" alt="Portrait Nico Steiner 2012">
      <figcaption class="vcard">
        <p>
          Hi! My name is <a href="http://www.nicosteiner.com" class="standard fn url">Nico Steiner</a> - I'm a <span class="category">front-end developer</span> and <span class="category">software architect</span> at <a href="http://www.1and1.com" class="standard org" target="_blank">1&amp;1</a>.
        </p>
        <p class="adr">
          I live in <span class="locality">Karlsruhe</span>, <span class="country-name">Germany</span>.
        </p>
        <ul class="contact">
  <li><a href="mailto:steiner.nico@googlemail.com" title="Google Mail" target="_blank" class="email iconfont">&#9993;</a></li>
  <li><a href="https://plus.google.com/+NicoSteiner?rel=author" title="Google+" target="_blank" class="iconfont-social">&#59395;</a></li>
  <li><a href="https://twitter.com/sensationalseo" title="Twitter" target="_blank" class="iconfont-social">&#59393;</a></li>
  <li><a href="https://github.com/nicosteiner/" title="GitHub" target="_blank" class="iconfont-social">&#59392;</a></li>
</ul>

      </figcaption>
    </figure>
  </div>
</section>
    <main>
      <section>
        <h1 class="subline">Blog</h1>
        <h2 class="headline">Last Articles</h2>
        <article class="blog-article-list">
  <h3>Bucharest Locations</h3>
  <p>My favourite places in Bucharest.</p>
  <a href="https://www.nicosteiner.com/articles/bucharest-locations" class="more">Read full article</a>
</article>
        <footer class="social-integration">
  <!-- Google +1 button -->
  <div class="g-plusone" data-annotation="inline" data-width="300">
    <a href="#" id="google-plus-one-button">Integrate Google +1 Button</a>
  </div>
  <!-- Twitter Tweet Button -->
  <a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" id="twitter-tweet-button">
    Integrate Twitter Tweet Button
  </a>
  <!-- no integration without App ID possible -->
  <!--
  <div class="fb-like" data-layout="standard" data-action="like" data-show-faces="true" data-share="true">
    <a href="#" id="facebook-like-button">Integrate Facebook Like Button</a>
    <div id="fb-root"></div>
  </div>
  -->
</footer>
      </section>
    </main>
      <footer>
    <div class="content">
      <p class="cc">
        <span class="icon"></span>
        <span class="content">The content of this website is published under creative commons license <a href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">Attribution-ShareAlike 4.0</a>.</span>
      </p>
      <ul class="general-pages">
        <li><a href="credits">Credits</a></li>
        <li><a href="about-privacy">About Your Privacy</a></li>
        <li><a href="impressum">Impressum</a></li>
      </ul>
    </div>
    <a href="https://www.youtube.com/watch?v=ucCayGtMTgc" target="_blank" tabindex="-1" class="pi">&pi;</a>
  </footer>

</body>

</html>
    <script src="https://www.nicosteiner.com/assets/scripts/global.js"></script>
  </body>
</html>