CodePen

HTML

            
              <a href="#">Completed Projects</a>
<br />
<br />
<span class="ribbonText">Recent Projects</span>
            
          
!

CSS

            
              * {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $(function(){
  var ribbon = $('.ribbonText');
  
  $('a').click(function(){
    ribbon.text($(this).text());
  });
});
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................