SGK Quick Nav

index.html

<div class="wrapper">
  <ul id="skg-side-nav">
    <li class="active"><a href="">Get Involved</a></li>
    <li><a href="">Register</a></li>
    <li><a href="">Donate</a></li>
    <li><a href="">Sponsor</a></li>
    <li><a href="">Volunteer</a></li>
  </ul>
</div>

sgk-quick-nav.markdown

SGK Quick Nav

A Pen by Charlie Cathcart on CodePen.

License.

style.css

.wrapper {
  margin: 1em auto;
  max-width: 300px;
  border: 1px solid #ddd;
}

#skg-side-nav {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

#skg-side-nav a {
  text-decoration: none;
  color: #EA77AF;
}

#skg-side-nav li {
  margin-bottom: .5em;
  padding: .5em;
}

#skg-side-nav li:hover {
  background-color: #FDF0F7;
}

#skg-side-nav li.active {
  background-color: #EA77AF;
}

#skg-side-nav li.active a {
  color: #ffffff;
}

working fine