<!-- Venue Section --> <section id="venue"> <div class="content-wrapper"> <div class="col-lg-10 col-lg-offset-1"> <h3>{{ site.venueBlockTitle }}</h3> <div class="row venue-row"> <div class="col-md-8 col-sm-8 venue-col"> <div class="venue-elem-wrapper"> <div class="venue-elem image-section venue-big-elem venue-img animated hiding" data-animation="fadeIn" data-delay="0" style="background-image: url({{ site.baseurl }}/img/venue/{{ site.venueBigImage }})"></div> </div> </div> <div class="col-md-4 col-sm-4 venue-col venue-small-col"> <div class="venue-elem-wrapper col-md-12 col-sm-12 col-xs-6"> <div class="venue-elem image-section venue-small-elem venue-img animated hiding" data-animation="fadeIn" data-delay="150" style="background-image: url({{ site.baseurl }}/img/venue/{{ site.venueSmallImage1 }})"></div> </div> <div class="venue-elem-wrapper col-md-12 col-sm-12 col-xs-6"> <div class="venue-elem venue-small-elem venue-text animated hiding" data-animation="fadeIn" data-delay="0"> <h5>{{ site.venueTitle }}</h5> {% for feature in site.venueFeatures %} <p>{{ feature }}</p> {% endfor %} </div> </div> <div class="venue-elem-wrapper col-md-12 col-sm-12 col-xs-6"> <div class="venue-elem image-section venue-small-elem venue-img animated hiding" data-animation="fadeIn" data-delay="0" style="background-image: url({{ site.baseurl }}/img/venue/{{ site.venueSmallImage2 }})"></div> </div> <div class="venue-elem-wrapper col-xs-6 visible-xs"> <div class="venue-elem image-section venue-small-elem venue-img animated hiding" data-animation="fadeIn" data-delay="0" style="background-image: url({{ site.baseurl }}/img/venue/{{ site.venueSmallImage3 }})"></div> </div> </div> </div> </div> </div> </section> <!-- End Venue Section -->