venues.html

---
title: Venues
layout: main
---

<!-- Main -->
	<div id="main" class="wrapper orangepurple">
		<div class="container">
			<div class="row">

				<!-- SIDEBAR MENU -->
				<div id="sidebar" class="3u sidebar">
					<section>
						<!-- <header class="major">
							<h2>Our Cawoodstock Venues</h2>
						</header> -->
						<ul class="default">
              {% for venue in site.data.venues %}
  							<li><a href="#{{ venue.name | slugify }}"> {{venue.name}} </a></li>
              {% endfor %}
						</ul>
					</section>
				</div>

				<!-- VENUES LIST -->
				<div id="content" class="9u skel-cell-important">
					<section>
						<header class="major">
							<h2>{{ page.title }}</h2>
							<span class="byline">Participating festival venues</span>
              <a href="https://www.google.com/maps/d/embed?mid=1eZyMOtPH17iBGeZUIRRnDndquAIvygxs">Venues online map</a>
						</header>

            <ul class="default">
              {% for venue in site.data.venues %}
                {% if venue.participating %}
                  <li class="underlined">
                    <h3><a name="{{ venue.name | slugify }}" href="#{{ venue.name | slugify }}"> {{ venue.name }} </a></h3>
                  <div class="row">
                    <div class="3u">
                      <a href="{{ venue.web }}">
                      <img src="assets/images/{{ venue.name | slugify }}.jpg" alt="{{ venue.name }} - No Image?" width="200px"></a>
                    </div>
                    <div class="9u">
                      <p>{{ venue.blurb }}</p>
                      <p><i class="fas fa-map-marker-alt"></i>   {{ venue.address }}</p>
                    </div>
                  </div>
                  </li>
                {% endif %}
              {% endfor %}
            </ul>
					</section>
				</div>

			</div>
		</div>
	</div>