bornhack-website/bornhack/templates/frontpage.html

{% extends 'base.html' %}
{% load static from staticfiles %}

{% block content %}

<div class="row">
  <div class="col-md-12">
      <img src="{% static 'img/logo.png' %}" class="img-responsive"
          id="front-logo" />

      <br />

      <div class="row">
        <div class="col-md-8 text-container">
          <div class="lead">
            <strong>Bornhack</strong> is a 7 day outdoor tent camping festival
            people with an interest in technology and security
            come together to celebrate technology, socialise, learn and <strong>have fun</strong>.
          </div>
        </div>
        <div class="col-md-4">
          <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150812_162831.jpg">
            <img class="img-thumbnail"
                 src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150812_162831_tn.jpg"
                 alt="Tents at CCCamp2015" title="Tents at CCCamp2015">
          </a>
        </div>
      </div>

      <br />

      <div class="row">
        <div class="col-md-4">
          <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/jarlsgaard.jpg">
            <img class="img-thumbnail"
                 src="https://people.bornhack.org/tyk/ohm_cccamp_pics/jarlsgaard_tn.jpg"
                 alt="Jarlsgaard from above" title="Jarlsgaard from above">
          </a>
        </div>
        <div class="col-md-8 text-container">
          <div class="lead">
            It takes place for the first time from <strong>August 27 to September 3rd
            2016</strong> on the Danish island of <strong>Bornholm</strong> where we
            have found the geography and backbone to make it happen.
          </div>
        </div>
      </div>

      <br />

      <div class="row">
        <div class="col-md-8 text-container">
          <p class="lead">
            Bornhack is a <strong>participatory</strong> event where we expect people
            to come up with ideas and projects, and help make the content. We will reach out to
            people to ensure interesting, high quality talks and workshops.
          </p>
        </div>
        <div class="col-md-4">
          <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/_MG_5755.jpg">
            <img class="img-thumbnail"
                 src="https://people.bornhack.org/tyk/ohm_cccamp_pics/_MG_5755_tn.jpg"
                 alt="Hacking in Baconsvin village at OHM2013" title="Hacking in Baconsvin village at OHM2013">
          </a>
        </div>
      </div>

      <br />

      <p class="lead">
        You are very welcome to ask questions and show your interest on our different channels:
      </p>
      {% include 'includes/contact.html' %}
      <p class="lead">
        Follow and like us to get updates about the camp.
      </p>

      <p class="lead">
        We hope you want to be a part of Bornhack. Ticket sales are open!
      </p>

      <div class="regards-and-button">
        <p class="lead">
          Sincerely<br />
          The Bornhack Team
        </p>
      </div>

    <p align="center">
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150815_141706.jpg">
        <img class="img-thumbnail"
             src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150815_141706_tn.jpg"
             alt="Hacking sign at CCCamp2015" title="Hacking sign at CCCamp2015">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150812_163606.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150812_163606_tn.jpg"
             alt="Entrance to Baconsvin village at CCCamp2015" title="Entrance to Baconsvin village at CCCamp2015">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150812_201635.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150812_201635_tn.jpg"
             alt="Dome being built at CCCamp2015" title="Dome being built at CCCamp2015">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/_MG_5746.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/_MG_5746_tn.jpg"
             alt="Person swinging lights in the night at OHM2013" title="Person swinging lights in the night at OHM2013">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150814_145204.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150814_145204_tn.jpg"
             alt="Queer Feminist Geeks village at CCCamp2015" title="Queer Feminist Geeks village at CCCamp2015">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150815_154027.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150815_154027_tn.jpg"
             alt="Dome at CCCamp2015" title="Dome at CCCamp2015">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/_MG_5736.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/_MG_5736_tn.jpg"
             alt="Lights at night at OHM2013" title="Lights at night at OHM2013">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150815_154119.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150815_154119_tn.jpg"
             alt="Free Chelsea Manning sign at CCCamp2015" title="Free Chelsea Manning sign at CCCamp2015">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150816_153404.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150816_153404_tn.jpg"
             alt="Swedish Embassy sign at CCCamp2015" title="Swedish Embassy sign at CCCamp2015">
      </a>
    </p>
</div>


{% endblock %}