index.html

---
layout: default
title: user group for ios, android, html5
---

<style type="text/css">
	.event-teaser .date {
		position: absolute;
		display: inline-block;
		margin-left: 0px;
		padding: 5px;
		color: white;
		background-color: #E01F1F;
		transform: rotate(-1deg);
		-webkit-transform: rotate(-1deg);
		-ms-transform: rotate(-1deg);
		-o-transform: rotate(-1deg);
		-moz-transform: rotate(-1deg);
	}
	.event-teaser .location {
		display: inline-block;
		margin-top: 40px;
		margin-left: 20px;
		padding: 5px;
		color: white;
		background-color: black;
		transform: rotate(+1deg);
		-webkit-transform: rotate(+1deg);
		-ms-transform: rotate(+1deg);
		-o-transform: rotate(+1deg);
		-moz-transform: rotate(+1deg);
	}
</style>

<div class="content">
	<div class="container">
		{% for post in site.categories.frontpage reversed limit:2 %}
			<div class="event-teaser span-8" style="box-sizing: border-box; padding-right: 30px;">
				<strong style="font-size: 108%;">{{ post.frontpage_line1 }}</strong><br/>
				<a href="{{ post.url }}">
					<h1>
						<span class="date">{{ post.frontpage_line2 }}</span>
						<span class="location">{{ post.frontpage_line3 }}</span>
					</h1>
				</a>
				{{ post.frontpage_line4 }}<br/>
				<a href="{{ post.url }}">Mehr Infos</a>
				{% if post.doodle %}
					&nbsp;|&nbsp; <a href="{{ post.doodle }}" target="_blank">Doodle</a>
				{% endif %}
				{% if post.meetup %}
					&nbsp;|&nbsp; <a href="{{ post.meetup }}" target="_blank">Meetup</a>
				{% endif %}
				{% if post.xing %}
					&nbsp;|&nbsp; <a href="{{ post.xing }}" target="_blank">Xing</a>
				{% endif %}
			</div>
		{% endfor %}

		<div class="span-6 last">
			{% include _sidebar_newsletter_light.html %}
			{% include _sidebar_facebook.html %}
		</div>

	</div>

	<!--
	<div style="text-align: center; font-size: 20px; margin: 30px;">
		mehr aus unserer schönen Stadt
	</div>
	<div class="container">
		<div class="span-11 colborder">
			<h2><a href="http://www.objcgn.com/" target="_blank" style="
					display: block;
					height: 200px;
					background-image: url('/static/images/objcgn.png');
					background-repeat: no-repeat;
					background-position: left bottom;">Objective-Cologne</a></h2>
			<div>
				Die <strong>international ausgerichtete Cocoa / Objective-Conference</strong>
				findet dieses Jahr bereits zum dritten mal statt.
				Vom <strong>23.-25.&nbsp;September</strong> besteht diese aus
				einem zweitägigen Vortragsprogramm sowie einem anschließendem Hackathon.
			</div>
		</div>
		<div class="span-12 last">
			<h2><a href="http://koeln.opendevicelab.de/" target="_blank" style="
					display: block;
					height: 200px;
					background-image: url('/static/images/odlcgn.png');
					background-repeat: no-repeat;
					background-position: left bottom;">Open Device Labs</a></h2>
			<div>
				In <strong>mittlerweile sieben Open Device Labs</strong> stellen
				Unternehmen und die Community <strong>mehrere hundert Geräte</strong>
				anderen App- und Web-Entwicklern zur Verfügung.
				Bereits 2012 starteten (auch) in Köln die ersten "Geräteparks" mit dem
				Ziel Hardwareresourcen gemeinsam besser zu nutzen.
			</div>
		</div>
	</div>
	-->