{% extends "new_base_glarus.html" %}
{% load staticfiles cms_tags bootstrap3%}
{% block title %}crowdfunding{% endblock %}

{% block content %}
  <section id="price">
    <div class="container">
    <div class="row col-md-3 text-center wow fadeInDown"></div>
    <div class="row col-md-6 text-center wow fadeInDown"> 
       <div class="price-box">
       <span class="glyphicon glyphicon-star"></span>
        <h2 class="section-heading">Digital Glarus Membership</h2>
         <h2 class="price"><strong>{{membership_type.price}}CHF</strong>/month<br> (free working 2days included)</h2>
         <hr class="primary">
            <img src="{% static 'digitalglarus/img/graph.png' %}" width="450" height="396" class="img-responsive center-block graph"><br>
            <div class="price-exp-box"
                <p class="carousel-text text-left supporter-black">
                Get your Digital Glarus Membership for only 
                <strong>{{membership_type.price}}CHF</strong> 
                and get 2 working days for free!
                The membership fee is a monthly subscription and 
                with every payment you help us to create a better
                 workspace.
                You want to work more than 2 days per month in our
                coworking space? Great! It's only <strong> 15CHF</strong>
                per additional day. 
                You want more? That's really cool!
                If you work 17 days a month or EVERY DAY of a month, 
                you can do so for <strong> 290CHF</strong>/month..
                And the best? The discount is
                applied automatically!
                Just become a member, book your
                working day and we will take care of the rest.
                </p>
                <div class="text-center">
              <a class="btn btn-primary btn-blue" href="{% url 'digitalglarus:membership_payment' %}">become a member</a>
              </div>
                    </div>
              
       </div>        
      </div>
      <div class="row col-md-3 text-center wow fadeInDown"></div>
    </div> 
  </section> 
      <!--membership includes-->
     <section id="membership-includes">
      <div class="container">
      <div class="intro-price text-center wow fadeInDown">
           <div class="intro-headline-small">
             <span class="intro-headline-small">
                Become our member
             </span>
           </div>
             <h3 class="intro-smaller">Our membership includes:</h3>
             <div class="col-lg-12 price-list">
              <li class="list-group-item row price-list">
             <div class="price-list"><span class="glyphicon glyphicon-ok "></span>Super-fast Internet</div>
            <div class="price-list"><span class="glyphicon glyphicon-ok glyphicon-inverse"></span>Any workspace in our common areas</div>
             <div class="price-list"><span class="glyphicon glyphicon-ok "></span>Free 2 working day passes</div>
            <div class="price-list"><span class="glyphicon glyphicon-ok glyphicon-inverse"></span>Access to any of our great workshops</div>
            <div class="price-list"><span class="glyphicon glyphicon-ok "></span>Special invitation to our fondue nights, cooking & hacking sessions, coworking & cohiking, and many more cool stuff.</div>
            </li>
            
             </div>
           </div>
        </div>  
     </div>
     </section>
  <section id="contact">
    <div class="fill">
     <div class="row" class="wow fadeInDown">
      <div class="col-lg-12 text-center wow fadeInDown">
          <div class="col-md-4 map-title">
            Digital Glarus<br>
            <span class="map-caption">In der Au 7 Schwanden 8762 Switzerland
            <br>info@digitalglarus.ch
            <br>
            (044) 534-66-22
            <p>&nbsp;</p>
            </span>
          </div>
           <p>&nbsp;</p>
        </div>
      </div>
    </div>
  </section>
{% endblock %}