College of Business Style Guide

Events Square Section 

<section class="events-square-section" role="region" aria-label="events section">
    <div class="events-square-listings">
        <div class="event-box zoom">
            <a href="#">
                <div class="event-box-image">
                    <img src="" alt="" />
                </div>
                <div class="event-box-text gold">
                    <div class="event-box-content">
                        <h2>Executive Project Sponsorship Certificate Program</h2>
                        <p>Thursday, May 16</p>
                    </div>
                </div><!-- end event-box-text -->
            </a>
        </div><!-- end event-box -->

        <div class="event-box zoom">
            <a href="#">
                <div class="event-box-image">
                    <img src="" alt="" />
                </div>
                <div class="event-box-text brown">
                    <div class="event-box-content">
                        <h2>Executive Project Sponsorship Certificate Program</h2>
                        <p>Thursday, May 16</p>
                    </div>
                </div><!-- end event-box-text -->
            </a>
        </div><!-- end event-box -->

        <div class="event-box zoom">
            <a href="#">
                <div class="event-box-image">
                    <img src="" alt="" />
                </div>
                <div class="event-box-text teal">
                    <div class="event-box-content">
                        <h2>Executive Project Sponsorship Certificate Program</h2>
                        <p>Thursday, May 16</p>
                    </div>
                </div><!-- end event-box-text -->
            </a>
        </div><!-- end event-box -->

        <div class="event-box zoom">
            <a href="#">
                <div class="event-box-image">
                    <img src="" alt="" />
                </div>
                <div class="event-box-text blue">
                    <div class="event-box-content">
                        <h2>Executive Project Sponsorship Certificate Program</h2>
                        <p>Thursday, May 16</p>
                    </div>
                </div><!-- end event-box-text -->
            </a>
        </div><!-- end event-box -->

        <div class="event-box zoom">
            <a href="#">
                <div class="event-box-image">
                    <img src="" alt="" />
                </div>
                <div class="event-box-text gold">
                    <div class="event-box-content">
                        <h2>Executive Project Sponsorship Certificate Program</h2>
                        <p>Thursday, May 16</p>
                    </div>
                </div><!-- end event-box-text -->
            </a>
        </div><!-- end event-box -->

        <div class="event-box zoom">
            <a href="#">
                <div class="event-box-image">
                    <img src="" alt="" />
                </div>
                <div class="event-box-text brown">
                    <div class="event-box-content">
                        <h2>Executive Project Sponsorship Certificate Program</h2>
                        <p>Thursday, May 16</p>
                    </div>
                </div><!-- end event-box-text -->
            </a>
        </div><!-- end event-box -->

    </div><!-- news-items -->
</section>
 
<section class="events-square-section" role="region" aria-label="events section">
    <div class="events-square-listings">
      {% block cms_override %}
        {% for events_item in events_items %}
            {% include "@event_square" with {
                background_img: events_item.background_img,
                date: events_item.date,
                title: events_item.title,
                url: events_item.url,
                color: events_item.color
            } %}
        {% endfor %}
      {% endblock cms_override %}
    </div><!-- news-items -->
</section>
 
{
  "events_items": {
    "1": {
      "background_img": "/images/Hulvat-2017-2.png",
      "title": "Executive Project Sponsorship Certificate Program",
      "date": "Thursday, May 16",
      "url": "#",
      "color": "gold"
    },
    "2": {
      "background_img": "/images/Hulvat-2017-2.png",
      "title": "Executive Project Sponsorship Certificate Program",
      "date": "Thursday, May 16",
      "url": "#",
      "color": "brown"
    },
    "3": {
      "background_img": "/images/Hulvat-2017-2.png",
      "title": "Executive Project Sponsorship Certificate Program",
      "date": "Thursday, May 16",
      "url": "#",
      "color": "teal"
    },
    "4": {
      "background_img": "/images/Hulvat-2017-2.png",
      "title": "Executive Project Sponsorship Certificate Program",
      "date": "Thursday, May 16",
      "url": "#",
      "color": "blue"
    },
    "5": {
      "background_img": "/images/Hulvat-2017-2.png",
      "title": "Executive Project Sponsorship Certificate Program",
      "date": "Thursday, May 16",
      "url": "#",
      "color": "gold"
    },
    "6": {
      "background_img": "/images/Hulvat-2017-2.png",
      "title": "Executive Project Sponsorship Certificate Program",
      "date": "Thursday, May 16",
      "url": "#",
      "color": "brown"
    }
  }
}

No notes defined.