{% assign presskit = site.data.presskit %}

<divclass="uk-container uk-container-center">

<divclass="uk-grid">

<divid="navigation"class="uk-width-medium-1-4">

<h1class="nav-header">{{presskit.title}}</h1>

<aclass="nav-header"href="http://{{presskit.website}}">{{presskit.website}}</a>

<ulclass="uk-nav uk-nav-side">

<li><ahref="#factsheet">Factsheet</a></li>

<li><ahref="#description">Description</a></li>

<li><ahref="#history">History</a></li>

<li><ahref="#projects">Projects</a></li>

<li><ahref="#trailers">Videos</a></li>

<li><ahref="#images">Images</a></li>

<li><ahref="#logo">Logo &amp; Icon</a></li>

<li><ahref="#awards">Awards &amp; Recognition</a></li>

<li><ahref="#quotes">Selected Articles</a></li>

<li><ahref="#links">Additional Links</a></li>

<li><ahref="#credits">Team</a></li>

<li><ahref="#contact">Contact</a></li>

<divid="content"class="uk-width-medium-3-4"><imgsrc="images/header.png"class="header">

<divclass="uk-grid">

<divclass="uk-width-medium-2-6">

<h2id="factsheet">Factsheet</h2>

<strong>Developer:</strong><br/>

<ahref="">{{presskit.title}}</a><br/>

Based in {{presskit.city}}

<strong>Founding date:</strong><br/>

{{presskit.founded}}

<strong>Website:</strong><br/>

<ahref="http://{{presskit.website}}">{{presskit.website}}</a>

<strong>Press / Business contact:</strong><br/>

<ahref="mailto:{{presskit.press}}">{{presskit.press}}</a>

<strong>Social:</strong><br/>

<ahref="http://twitter.com/{{presskit.social.twitter}}">twitter.com/{{presskit.social.twitter}}</a><br/>

<ahref="http://facebook.com/{{presskit.social.facebook}}">facebook.com/{{presskit.social.facebook}}</a><br/>

<ahref="http://callto:{{presskit.social.skype}}">Skype</a><br/>

<strong>Releases:</strong><br/>

<p><strong>Address:</strong><br/>

{% for address_line in presskit.address %}

{{address_line}}<br/>

{% endfor %}

<strong>Phone:</strong><br/>

{{presskit.phone}}

<divclass="uk-width-medium-4-6">

<h2id="description">Description</h2>

<p>{{presskit.description}}</p>

<h2id="history">History</h2>

{% for story in presskit.history %}

<strong>{{story.header}}</strong>

<divclass="uk-grid">

<divid="navigation"class="uk-width-medium-1-4">

<h1class="nav-header">{{presskit.title}}</h1>

<aclass="nav-header"href="http://{{presskit.website}}">{{presskit.website}}</a>

<ulclass="uk-nav uk-nav-side">

<li><ahref="#factsheet">Factsheet</a></li>

<li><ahref="#description">Description</a></li>

<li><ahref="#history">History</a></li>

<li><ahref="#projects">Projects</a></li>

<li><ahref="#trailers">Videos</a></li>

<li><ahref="#images">Images</a></li>

<li><ahref="#logo">Logo &amp; Icon</a></li>

<li><ahref="#awards">Awards &amp; Recognition</a></li>

<li><ahref="#quotes">Selected Articles</a></li>

<li><ahref="#links">Additional Links</a></li>

<li><ahref="#credits">Team</a></li>

<li><ahref="#contact">Contact</a></li>

<divid="content"class="uk-width-medium-3-4"><imgsrc="images/header.png"class="header">

<divclass="uk-grid">

<divclass="uk-width-medium-2-6">

<h2id="factsheet">Factsheet</h2>

<strong>Developer:</strong><br/>

<ahref="">{{presskit.title}}</a><br/>

Based in {{presskit.city}}

<strong>Founding date:</strong><br/>

{{presskit.founded}}

<strong>Website:</strong><br/>

<ahref="http://{{presskit.website}}">{{presskit.website}}</a>

<strong>Press / Business contact:</strong><br/>

<ahref="mailto:{{presskit.press}}">{{presskit.press}}</a>

<strong>Social:</strong><br/>

<ahref="http://twitter.com/{{presskit.social.twitter}}">twitter.com/{{presskit.social.twitter}}</a><br/>

<ahref="http://facebook.com/{{presskit.social.facebook}}">facebook.com/{{presskit.social.facebook}}</a><br/>

<ahref="http://callto:{{presskit.social.skype}}">Skype</a><br/>

<strong>Releases:</strong><br/>

<p><strong>Address:</strong><br/>

{% for address_line in presskit.address %}

{{address_line}}<br/>

{% endfor %}

<strong>Phone:</strong><br/>

{{presskit.phone}}

<divclass="uk-width-medium-4-6">

<h2id="description">Description</h2>

<p>{{presskit.description}}</p>

<h2id="history">History</h2>

{% for story in presskit.history %}

<strong>{{story.header}}</strong>

<p>{{story.header}}</p>

{% endfor %}

<h2id="projects">Projects</h2>

{% for game in site.games %}

<li><ahref="{{game.url | remove_first:'/' | remove: '.html' | prepend: base_url}}">{{game.title}}</a></li>

{% else %}

<li>No pain no game</li>

{% endfor %}

<h2id="trailers">Videos</h2>

{% for trailer in presskit.trailers %}

<strong>{{trailer.name}}</strong>&nbsp;<ahref="http://www.youtube.com/watch?v={{trailer.youtube}}">YouTube</a>

<divclass="uk-responsive-width iframe-container">

{% for game in site.games %}

<li><ahref="{{game.url | remove_first:'/' | remove: '.html' | prepend: base_url}}">{{game.title}}</a></li>

{% else %}

<li>No pain no game</li>

{% endfor %}

<h2id="trailers">Videos</h2>

{% for trailer in presskit.trailers %}

<strong>{{trailer.name}}</strong>&nbsp;<ahref="http://www.youtube.com/watch?v={{trailer.youtube}}">YouTube</a>

<divclass="uk-responsive-width iframe-container">

<iframesrc="http://www.youtube.com/embed/{{trailer.youtube}}"frameborder="0"allowfullscreen></iframe>

{% endfor %}

<h2id="images">Images</h2>

<ahref="images/images.zip">

<h2id="images">Images</h2>

<ahref="images/images.zip">

<divclass="uk-alert">download all screenshots &amp; photos as .zip</div>

<divclass="uk-grid images">

<pclass="images-text">There are far more images available for Vlambeer, but these are the ones we felt would be most useful to you. If you have specific requests, please do<ahref="#contact">contact us</a>!</p>

<h2id="logo">Logo &amp; Icon</h2>

<ahref="images/logo.zip">

<divclass="uk-alert">download logo files as .zip (15KB)</div>

<divclass="uk-grid images">

<divclass="uk-width-medium-1-2">

<ahref="images/logo.png">

<imgsrc="images/logo.png"alt="logo"/>

<h2id="awards">Awards &amp; Recognition</h2>

{% for award in presskit.awards %}

<li>"{{award.description}}" -<cite>{{award.info}}</cite></li>

{% endfor %}

<h2id="quotes">Selected Articles</h2>

{% for quote in presskit.quotes %}

<li>"{{quote.description}} - Everything else we consider nonsense"<br/>

<cite>- {{quote.name}},<ahref="{{quote.link}}">{{quote.website}}</a></cite>

{% endfor %}

<h2id="links">Additional Links</h2>

{% for additional in presskit.additionals %}

<strong>{{additional.title}}</strong><br/>

{{additional.description}} available<ahref="{{additional.link}}"alt="{{additional.link}}">here</a>.

<divclass="uk-grid images">

<pclass="images-text">There are far more images available for Vlambeer, but these are the ones we felt would be most useful to you. If you have specific requests, please do<ahref="#contact">contact us</a>!</p>

<h2id="logo">Logo &amp; Icon</h2>

<ahref="images/logo.zip">

<divclass="uk-alert">download logo files as .zip (15KB)</div>

<divclass="uk-grid images">

<divclass="uk-width-medium-1-2">

<ahref="images/logo.png">

<imgsrc="images/logo.png"alt="logo"/>

<h2id="awards">Awards &amp; Recognition</h2>

{% for award in presskit.awards %}

<li>"{{award.description}}" -<cite>{{award.info}}</cite></li>

{% endfor %}

<h2id="quotes">Selected Articles</h2>

{% for quote in presskit.quotes %}

<li>"{{quote.description}} - Everything else we consider nonsense"<br/>

<cite>- {{quote.name}},<ahref="{{quote.link}}">{{quote.website}}</a></cite>

{% endfor %}

<h2id="links">Additional Links</h2>

{% for additional in presskit.additionals %}

<strong>{{additional.title}}</strong><br/>

{{additional.description}} available<ahref="{{additional.link}}"alt="{{additional.link}}">here</a>.

{% endfor %}

{% endfor %}

<divclass="uk-grid">

<divclass="uk-width-medium-1-2">

<h2id="credits">Team &amp; Repeating Collaborator</h2>

{% for credit in presskit.credits %}

<strong>{{credit.person}}</strong><br/>

<ahref="http://{{credit.website}}">{{credit.role}}</a>

{% endfor %}

<divclass="uk-width-medium-1-2">

<h2id="contact">Contacts</h2>

{% for contact in presskit.contacts %}

<strong>{{contact.name}}</strong><br/>

<ahref="{{contact.address}}">{{contact.address}}</a>

{% endfor %}

<ahref="http://dopresskit.com/">presskit()</a> by Rami Ismail (<ahref="http://www.vlambeer.com/">Vlambeer</a>) - also thanks to<ahref="sheet.php?p=credits">these fine folks</a>

<divclass="uk-width-medium-1-2">

<h2id="credits">Team &amp; Repeating Collaborator</h2>

{% for credit in presskit.credits %}

<strong>{{credit.person}}</strong><br/>

<ahref="http://{{credit.website}}">{{credit.role}}</a>

{% endfor %}

<divclass="uk-width-medium-1-2">

<h2id="contact">Contacts</h2>

{% for contact in presskit.contacts %}

<strong>{{contact.name}}</strong><br/>

<ahref="{{contact.address}}">{{contact.address}}</a>

{% endfor %}

<ahref="http://dopresskit.com/">presskit()</a> by Rami Ismail (<ahref="http://www.vlambeer.com/">Vlambeer</a>) - also thanks to<ahref="sheet.php?p=credits">these fine folks</a>