Prev Next List
HTML
<ul class="prevNextList">
<li>
<div class="storyLink">
<a href="#">
<div class="storyImg">
<img src="/images/tmp/tempNewsPrevious.jpg" alt="Social Work Seminar on Assisting Returning Veterans" />
</div>
<p class="storyDub">Next Story</p>
<p class="storyTitle">Social Work Seminar on Assisting Returning Veterans</p>
</a>
</div>
</li>
<li>
<div class="storyLink">
<a href="#">
<div class="storyImg">
<img src="/images/tmp/tempNewsNext.jpg" alt="Relay For Life on February 28" />
</div>
<p class="storyDub">Previous Story</p>
<p class="storyTitle">Relay For Life on February 28</p>
</a>
</div>
</li>
</ul>
Calender Picker
HTML
<div class="calViewer">
<div id="datepicker" data-date="12/01/2015" data-url="/"></div>
</div><!-- calViewer -->
<!--
<div class="calViewer">
<div class="calHeader">
<a class="calNav calPrev" href="">Prev</a>
<a class="calNav calNext" href="">Next</a>
<h6 class="calTitle"><span class="calMonth">November</span> <span class="calYear">2015</span></h6>
</div>
<table class="calView">
<thead>
<tr>
<th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
<th><span title="Monday">Mo</span></th>
<th><span title="Tuesday">Tu</span></th>
<th><span title="Wednesday">We</span></th>
<th><span title="Thursday">Th</span></th>
<th><span title="Friday">Fr</span></th>
<th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">1</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">2</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">3</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">4</a>
</td>
<td class="ui-datepicker-days-cell-over ui-datepicker-current-day ui-datepicker-today" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">5</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">6</a>
</td>
<td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">7</a>
</td>
</tr>
<tr>
<td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">8</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">9</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default ui-state-active" href="#">10</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">11</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">12</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">13</a>
</td>
<td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">14</a>
</td>
</tr>
<tr>
<td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">15</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">16</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">17</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">18</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">19</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">20</a>
</td>
<td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">21</a>
</td>
</tr>
<tr>
<td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">22</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">23</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">24</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">25</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">26</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">27</a>
</td>
<td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">28</a>
</td>
</tr>
<tr>
<td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">29</a>
</td>
<td class="" data-event="click" data-handler="selectDay" data-month="10" data-year="2015">
<a class="ui-state-default" href="#">30</a>
</td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
</tbody>
</table>
</div>
-->
Photo Gallery
-
The Inauguration of Mary C. Finger, Ed.D. as the Tenth President of Seton Hill University. Photo by Credit Name -
Short Caption. -
-
-
Long Caption for The Inauguration of Mary C. Finger, Ed.D. as the Tenth President of Seton Hill University. Photo by Credit Name -
Captions are Optional.
HTML
<div class="gallery">
<ul class="photoGallery">
<li>
<div class="figureContain">
<figure class="photo">
<img src="/images/gallery/inaguration_1.jpg" alt="The Inauguration of Mary C. Finger, Ed.D." />
<figcaption>The Inauguration of Mary C. Finger, Ed.D. as the Tenth President of Seton Hill University. Photo by <i>Credit Name</i></figcaption>
</figure>
</div>
</li>
<li>
<div class="figureContain">
<figure class="photo">
<img src="/images/gallery/inaguration_2.jpg" alt="Inaguration 2" />
<figcaption>Short Caption.</figcaption>
</figure>
</div>
</li>
<li>
<div class="figureContain">
<figure class="photo">
<img src="/images/gallery/inaguration_3.jpg" alt="Inaguration 3" />
</figure>
</div>
</li>
<li>
<div class="figureContain">
<figure class="photo">
<img src="/images/gallery/inaguration_4.jpg" alt="Inaguration 4" />
</figure>
</div>
</li>
<li>
<div class="figureContain">
<figure class="photo">
<img src="/images/gallery/inaguration_5.jpg" alt="Inaguration 5" />
<figcaption>Long Caption for The Inauguration of Mary C. Finger, Ed.D. as the Tenth President of Seton Hill University. Photo by <i>Credit Name</i></figcaption>
</figure>
</div>
</li>
<li>
<div class="figureContain">
<figure class="photo">
<img src="/images/gallery/inaguration_6.jpg" alt="Inaguration 6" />
<figcaption>Captions are Optional.</figcaption>
</figure>
</div>
</li>
</ul>
<div class="pagingInfo"></div>
</div>