_JUNK

_junk.markdown

_JUNK

A Pen by ed ventura on CodePen.

License.

index.html

<!-- offices & services -->
<section class="gatewaysection offices show-for-large">
  <div class="row column">
    <h4 class="title">Offices and Services at Marian University</h4>
  </div>
  <div class="row">
    <div class="medium-3 columns">
      <ul class="gatewaylinks">
        <li><a href="http://www.bkstr.com/webapp/wcs/stores/servlet/StoreCatalogDisplay?storeId=10540&amp;langId=-1&amp;catalogId=10001">Bookstore</a></li>
        <li><a href="/campus-life/campus-safety">Campus Police</a></li>
        <li><a href="/campus-life/counseling-services-and-programs/">Counseling and Consultation</a></li>
        <li><a href="http://www.muknights.com/Facilities/">Facilities</a></li>
      </ul>
    </div>
    <div class="medium-3 columns">
      <ul class="gatewaylinks">
        <li><a href="/academics/office-of-graduate-studies">Graduate Studies</a></li>
        <li><a href="/about-marian/Human-Resources">Human Resources</a></li>
        <li><a href="/campus-life/the-exchange">Internships and Careers </a></li>
        <li><a href="/current-students/information-technology/helpdesk">IT/Helpdesk</a></li>
      </ul>
    </div>
    <div class="medium-3 columns">
      <ul class="gatewaylinks">
        <li><a href="/current-students/library">Library</a></li>
        <li><a href="/current-students/registrar" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]7940d2a5-aa9e-6710-9802-ff320074f04b">Registrar</a></li>
        <li><a href="/Admissions/Financial-Aid">Scholarships</a></li>
        <li><a href="/international-programs/study-abroad">Study Abroad</a></li>
      </ul>
    </div>
    <div class="medium-3 columns">
      <ul class="gatewaylinks">
        <li><a href="/current-students/my-marian" class="gatewaylinkhighlight"><em class="fa fa-heart" aria-hidden="true"></em> My Marian</a></li>
        <li><a href="https://login.marian.edu/my.policy" class="gatewaylinkhighlight"><em class="fa fa-sign-in" aria-hidden="true"></em> Login</a></li>
      </ul>
    </div>
  </div>
  <div class="row column">
    <h4 class="title">Find everything A - Z</h4>
  </div>
  <div class="row column">
    <ul class="a2zlist">
      <li><a href="/a-z-campus-list#a">a</a></li>
      <li><a href="/a-z-campus-list#b">b</a></li>
      <li><a href="/a-z-campus-list#c">c</a></li>
      <li><a href="/a-z-campus-list#d">d</a></li>
      <li><a href="/a-z-campus-list#e">e</a></li>
      <li><a href="/a-z-campus-list#f">f</a></li>
      <li><a href="/a-z-campus-list#g">g</a></li>
      <li><a href="/a-z-campus-list#h">h</a></li>
      <li><a href="/a-z-campus-list#i">i</a></li>
      <li><a href="/a-z-campus-list#j">j</a></li>
      <li><a href="/a-z-campus-list#k">k</a></li>
      <li><a href="/a-z-campus-list#l">l</a></li>
      <li><a href="/a-z-campus-list#m">m</a></li>
      <li><a href="/a-z-campus-list#n">n</a></li>
      <li><a href="/a-z-campus-list#o">o</a></li>
      <li><a href="/a-z-campus-list#p">p</a></li>
      <li><a href="/a-z-campus-list#q">q</a></li>
      <li><a href="/a-z-campus-list#r">r</a></li>
      <li><a href="/a-z-campus-list#s">s</a></li>
      <li><a href="/a-z-campus-list#t">t</a></li>
      <li><a href="/a-z-campus-list#u">u</a></li>
      <li><a href="/a-z-campus-list#v">v</a></li>
      <li><a href="/a-z-campus-list#w">w</a></li>
      <li><a href="/a-z-campus-list#x">x</a></li>
      <li><a href="/a-z-campus-list#y">y</a></li>
      <li><a href="/a-z-campus-list#z">z</a></li>
    </ul>
  </div>
</section>

<!-- areas of study -->
<section class="gatewaysection schools show-for-large">
  <div class="row">
    <div class="medium-3 columns">
      <h4 class="title">Schools</h4>
      <ul class="gatewaylinks">
<!--         <li><a href="/academics/academy-for-teaching-and-learning-leadership">Academy for Teaching and Learning Leadership</a></li> -->
        <li><a href="/Academics/Byrum-School-Of-Business">Byrum School of Business</a></li>
        <li>College of Arts and Sciences</li>
        <li>Educators College</li>
<!--         <li><a href="/Academics/School-Of-Education-and-Exercise-Science">School of Education and Exercise Science</a></li> -->
<!--         <li><a href="/Academics/School-Of-Liberal-Arts">School of Liberal Arts</a></li> -->
<!--         <li><a href="/Academics/School-Of-Mathematics-And-Sciences">School of Mathematics and Sciences</a></li> -->
      </ul>
    </div>
    <div class="medium-4 columns">
      <h4 class="title">Health Professions</h4>
      <ul class="gatewaylinks">
        <li><a href="/medicalschool">College of Osteopathic Medicine</a></li>
        <li><a href="/nursing">Leighton School of Nursing</a></li>
        <li><a href="/nursing">Program of Exercise and Sports Science</a></li>
      </ul>
    </div>
    <div class="medium-3 columns end">
      <h4 class="title">Programs</h4>
      <ul class="gatewaylinks">
        <!--         <li><a href="/academics/honors-program">Honors Program</a></li> -->
        <li><a href="/Academics/Marian's-Adult-Programs">Online and Adult Programs</a></li>
        <li><a href="/academics/office-of-graduate-studies">Office of Graduate Studies</a></li>
      </ul>
    </div>
  </div>
</section>

script.js

$(".gatewaysection").show();
$(".offices").hide();

scripts

<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/vendor/jquery.min.js"></script>
<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/foundation.js"></script>
<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/vendor/owl-carousel/owl.carousel.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js"></script>
<script src="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/js/app.js"></script>

styles

<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_Themes/lib/css/foundation.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_themes/lib/js/vendor/owl-carousel/owl.carousel.css" rel="stylesheet" />
<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_themes/lib/js/vendor/owl-carousel/owl.theme.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css" rel="stylesheet" />
<link href="http://www.marian.edu/Sitefinity/WebsiteTemplates/Marian/App_themes/lib/css/app.css" rel="stylesheet" />