nursing submenu DEV

index.html

<section class="nursingsubmenu">
  <div class="row column">
    <ul class="menu" data-responsive-menu="drilldown medium-dropdown" data-closing-time="0">
      <li><a href="#"><em class="fa fa-heart" aria-hidden="true"></em>&nbsp; Nursing Home</a></li>
      <li><a href="#">Programs</a>
        <ul class="menu">
          <li><h3 class="dropsubmenutitle">Bachelors</h3></li>
          <li><a href="#">Bachelors of Science in Nursing (BSN)</a></li>
          <li><h3 class="dropsubmenutitle">Accelerated BSN</h3>
          <li><a href="#">Accelerated On Campus</a></li>
          <li><a href="#">Accelerated Online - Indianapolis</a></li>
          <li><a href="#">Accelerated Online - Nashville</a></li>
          <li><a href="#">RN to BSN</a></li>
          <li><h3 class="dropsubmenutitle">Masters</h3></li>
          <li><a href="#">Masters in Nursing Education</a></li>
          <li><h3 class="dropsubmenutitle">Doctor of Nursing Practice</h3></li>
          <li><a href="#">Doctor of Nursing Practice (DNP)</a>
          <li><a href="#"><em class="fa fa-angle-right" aria-hidden="true"></em>&nbsp; Family Nurse Practioner (FNP)</a></li>
          <li><a href="#"><em class="fa fa-angle-right" aria-hidden="true"></em>&nbsp; Nurse Anesthesia</a></li>
        </ul>
      </li>
      <li><a href="#">Admissions</a>
        <ul class="menu">
          <li><a href="#">Prospective Students</a></li>
          <li><a href="#">Transfer Students</a></li>
          <li><a href="#">International Students</a></li>
          <li><a href="#">Financial Aid</a></li>
          <li><a href="#">Contact Us</a></li>
        </ul>
      </li>
      <li><a href="#">Faculty &amp; Research</a>
        <ul class="menu">
          <li><a href="#">Faculty</a></li>
          <li><a href="#">Faculty Research</a></li>
        </ul>
      </li>
      <li><a href="#">About Us</a>
        <ul class="menu">
          <li><a href="#">Accreditation</a></li>
          <li><a href="#">Facilities</a></li>
          <li><a href="#">Partners</a></li>
          <li><a href="#">Quick Facts</a></li>
        </ul>
      </li>
      <li><a href="#">Campus Life</a>
        <ul class="menu">
          <li><a href="#">First Class Location</a></li>
          <li><a href="#">Get Involved</a></li>
          <li><a href="#">Graduate Housing</a></li>
        </ul>
      </li>
      <li><a href="#">Resources</a>
        <ul class="menu">
          <li><a href="#">Current Students</a></li>
          <li><a href="#">Preceptor Resources</a></li>
          <li><a href="#">Student Services</a></li>
        </ul>
      </li>
    </ul>
  </div>
</section>

nursing-submenu-dev.markdown

nursing submenu DEV

A Pen by ed ventura on CodePen.

License.

script.js

$(document).ready(function(){
  $('a').click(function(e){
    e.preventDefault();
  });
});

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>

style.scss

$menubg: #e6e6e6;
$marianblue: #031e51;
$mariangold: #ffc107;

.nursingsubmenu {
  background:$menubg;
  padding: 7px 0;
  .menu .dropsubmenutitle {text-transform: uppercase; font-size: 14px; font-weight: 700; color: #ffab00; margin: 10px 10px 0 10px;}
}

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" />