{% extends "base_glarus.html" %}
{% load staticfiles cms_tags %}

{% block content %}
<div class="row">
  <div class="box">
    <div class="col-lg-12 text-center">
      <div id="carousel-example-generic" class="carousel slide">
	<!-- Indicators --><!-- Wrapper for slides -->
	<div class="carousel-inner">
	  <div class="item active">
	    <img class="img-responsive img-full" src="{% static 'digitalglarus/img/slide-1.jpg' %}" alt="">
	  </div>
	  <div class="item">
	    <img class="img-responsive img-full" src="{% static 'digitalglarus/img/slide-2.jpg' %}" alt="">
	  </div>
	  <div class="item">
	    <img class="img-responsive img-full" src="{% static 'digitalglarus/img/slide-3.jpg' %}" alt="">
	  </div>
	</div>

	<!-- Controls -->
	<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
	  <span class="icon-prev"></span>
	</a>
	<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
	  <span class="icon-next"></span>
	</a>
      </div>
      <h2 class="brand-before">
	<small>WELCOME TO</small>
      </h2>
      <h1 class="brand-name">Digital Glarus</h1>
      <hr class="tagline-divider">
      <h2>
	<small>By
	  <strong><a href="http://ungleich.ch">ungleich gmbh</a></strong>
	</small>
      </h2>
    </div>
  </div>
</div>

<div class="row">
  <div class="box">
    <div class="col-lg-12">
      <hr>
      <h2 class="intro-text text-center">
	{% placeholder 'digital_glarus_build_a_tech_valley' %}
      </h2>
      <hr>
      <img class="img-responsive img-border img-left" src="{% static 'digitalglarus/img/intro-pic.jpg' %}" alt="">
      <hr class="visible-xs">
      {% placeholder 'digital_glarus_build_a_tech_valley_content' %}
      <p>&nbsp;</p>
    </div>
  </div>
</div>

<div class="row">
  <div class="box">
    <div class="col-lg-12">
      <hr>
      <h2 class="intro-text text-center">
	{% placeholder 'digital_glarus_a_new_area' %}
      </h2>
      <hr>
      {% placeholder 'digital_glarus_a_new_area_content' %}
    </div>
  </div>
</div>

<div class="row">
  <div class="box">
    <div class="col-lg-12">
      <hr>
      <h2 class="intro-text text-center">
	{% placeholder 'digital_glarus_why_be_interested' %}
      </h2>
      <hr>
      {% placeholder 'digital_glarus_why_be_interested_content' %}
    </div>
  </div>
</div>
<div class="row">
  <div class="box">
    <div class="col-lg-12">
      <hr>
      <h2 class="intro-text text-center">
	{% placeholder 'digital_glarus_where_we_are' %}
      </h2>
      <hr>
      {% placeholder 'digital_glarus_where_we_are_content'  %}
      <p>&nbsp;</p>
    </div>
  </div>
</div>

{% endblock %}