sponsors.html

---
layout: pssat
title: Our Sponsors
group: pssaturday-nav-dropdown
tagline: A sample page for landing pages and apps, try yourself!
tags : [Sliders, components]
img :
img-mobile :
author : RTPSUG
css:
js: sliders.js
keywords: components, demo
canonical: https://rtpsug.com
---
{% include JB/setup %}

<!-- Content Area Start -->
<div id="content">
  <!-- sliders -->
  <div id="sliders">
    <div class="full-width">
      <div class="page-header-title">
        <h2 class="heading-title text-center">{{ page.title }}</h2>
      </div>
      <!-- light slider -->
      <div id="light-slider" class="carousel slide">
        <div id="carousel-area">
          <div id="carousel-slider" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
              {% assign my_index = 0 %}
              {% for sponsor in site.sponsors %}
              {% if my_index == 0 %}
              <li data-target="#carousel-slider" data-slide-to="{{ my_index }}" class="active"></li>
              {% else %}
              <li data-target="#carousel-slider" data-slide-to="{{ my_index }}"></li>
              {% endif %}
              {% assign my_index = my_index | plus: 1 %}
              {% endfor %}
            </ol>
            <div class="carousel-inner" role="listbox">
              {% assign my_index = 0 %}
              {% for sponsor in site.sponsors %}
              {% if my_index == 0 %}
              <div class="carousel-item active">
                <img src="{{ BASE_PATH }}/assets/images/slider/{{ sponsor.img }}" alt="">
                <div class="carousel-caption">
                  <h3 class="slide-title animated fadeInDown"><span class="text-primary">Sponsor</span> -
                    {{ sponsor.name }}</h3>
                  <h5 class="slide-text animated fadeIn">{{ sponsor.message }}</h5>
                </div>
              </div>
              {% else %}
              <div class="carousel-item">
                <img src="{{ BASE_PATH }}/assets/images/slider/{{ sponsor.img }}" alt="">
                <div class="carousel-caption">
                  <h3 class="slide-title animated fadeInDown"><span class="text-primary">Sponsor</span> -
                    {{ sponsor.name }}</h3>
                  <h5 class="slide-text animated fadeIn">{{ sponsor.message }}</h5>
                </div>
              </div>
              {% endif %}
              {% assign my_index = my_index | plus: 1 %}
              {% endfor %}
            </div>
            <a class="carousel-control-prev" href="#carousel-slider" role="button" data-slide="prev">
              <span class="carousel-control carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carousel-slider" role="button" data-slide="next">
              <span class="carousel-control carousel-control-next-icon" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- End sliders -->
  <div class="mb-60"></div>

</div>
<!-- Content Area End -->