-----
title: Titel
kind: empty
-----
<div class="row">
  <div class="span6">
    <article itemscope itemtype="http://schema.org/EducationEvent">
      <h1><a href="#">Nächster Vortrag</a></h1>
      <p>
        <em>Termin:</em>
        <span itemprop="startDate" content="2013-02-14T19:30">Donnerstag, 14. Februar 2013, 19:30 Uhr</span>
      </p>
      <p>
        <em>Thema:</em>
        <span itemprop="name">Über die besonderen Anforderungen beim Sammeln von historischen Großrechnern</span>
      </p>
      <p>
        <em>Referent:</em>
        <span itemprop="performer" itemscope itemtype="http://schema.org/Person">
          <span itemprop="name">Wolfgang Stief</span>, GUUG München
        </span>
      </p>
      <p>
        <em>Ort:</em>
        <span itemprop="location" itemscope itemtype="http://schema.org/Location">
          <span itemprop="name">Stadtbibliothek am Mailänder Platz</span>, Max-Bense-Forum (UG)
        </span>
      </p>
      <p>
        <a itemprop="url" href="#">Weitere Informationen</a> -
        <a href="#">Flyer (PDF)</a> -
        <a href="#">Aushang (PDF)</a>
      </p>
    </article>
  </div>
  <div class="span6">
    <article itemscope itemtype="http://schema.org/SocialEvent">
      <h1><a href="#">Nächster <span itemprop="name">CCCS Stammtisch</span></a></h1>
      <p>
        <em>Termin:</em>
        <span itemprop="startDate" content="2013-02-05T18:00">Dienstag, 5. Februar 2013, ab 18:00 Uhr</span>
      </p>
      <p>
        <em>Ort:</em>
        <span itemprop="location" itemscope itemtype="http://schema.org/Location">
          <span itemprop="name">Zadu-Bar</span>
        </span>
      </p>
      <p>
        <a itemprop="url" href="#">Unsere Stammtische</a>
      </p>
    </article>
  </div>
</div>
<div class="row">
  <div class="span8">
    <section itemscope itemtype="http://schema.org/Blog">
      <div class="row">
        <div class="span8">
          <article>
            <h1><a itemprop="blogPost" href="#">Ein Blogpost</a></h1>
            <i class="icon-flag icon-4x pull-left icon-border"></i> Font Awesome is
            working!
            <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
            eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
            voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
            clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
            amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
            nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
            sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
            rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
            ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
            elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
            aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
            dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
            est Lorem ipsum dolor sit amet.
            <p>
            <a href="#">Zum Artikel</a>
          </article>
        </div>
      </div>
      <div class="row">
        <div class="span8">
          <article>
            <h1><a itemprop="blogPost" href="#">Ein Projektartikel</a></h1>
            <h2>Ein Untertitel...</h2>
            Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
            molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
            eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
            zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum
            dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
            euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
            <h3>Unter-Unter-Überschrift</h3>
            Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
            suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
            vel eum iriure dolor in hendrerit in vulputate velit esse molestie
            consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
            accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
            delenit augue duis dolore te feugait nulla facilisi.
            <p>
            <a href="#">Zum Artikel</a>
          </article>
        </div>
      </div>
    </section>
  </div>
  <div class="span4">
    <h1>Letzte Tweets</h1>
  </div>
</div>