Eclectic Media Git eclecticmedia.space / 710f4cf templates / widgets / demo.jinja
710f4cf

Tree @710f4cf (Download .tar.gz)

demo.jinja @710f4cfraw · history · blame

{% for demo in demos %}
{% if loop.cycle('odd', 'even') is eq('even') %}
<div id="Demo" class="demo-wide">
  <div class="row">
    <div class="col-md-8">
      <img src="{{ demo['img_uri'] }}" alt="" class="animated fadeIn slick-border">
    </div>
    <hr>
    <div class="col-md-4">
      <div class="demo-header animated rotateInUpLeft">
        <h1>{{ demo['title'] }}</h1>
        <p>{{ demo['tag_line'] }}</p>
        <p><a class="btn btn-large btn-primary" href="{{ demo['cta_target'] }}">{{ demo['cta_tagline'] }}</a></p>
      </div>
    </div>
  </div>
</div>
{% else %}
<div id="Demo" class="demo-wide">
  <div class="row">
    <div class="col-md-4">
      <div class="demo-header animated rotateInUpLeft">
        <h1>{{ demo['title'] }}</h1>
        <p>{{ demo['tag_line'] }}</p>
        <p><a class="btn btn-large btn-primary" href="{{ demo['cta_target'] }}">{{ demo['cta_tagline'] }}</a></p>
      </div>
    </div>
    <hr>
    <div class="col-md-8">
      <img src="{{ demo['img_uri'] }}" alt="" class="animated fadeIn slick-border">
    </div>
  </div>
</div>
{% endif %}
{% if not loop.last %}<hr style="width: 80%">{% endif %}
<div class="demo-thin{% if loop.first %} demo-first{% else %} demo-alt{% endif %}">
  <div class="demo-img">
		<center><img src="{{ demo['img_uri'] }}" alt="" class="animated fadeIn"></center>
  </div>
  <div class="demo-header animated fadeIn">
    <h1>{{ demo['title'] }}</h1>
    <p>{{ demo['tag_line'] }}</p>
		<center><p><a class="btn btn-large btn-primary" href="{{ demo['cta_target'] }}">{{ demo['cta_tagline'] }}</a></p></center>
  </div>
</div>
{% endfor %}