CodePen

HTML

            
              <a href="#">Completed Projects</a>

<div class="ribbon">
   Recent Projects
</div>
            
          
!

CSS

            
              * {
  font-family: sans-serif;
}

.ribbon {
  margin-top: 30px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              //jQuery code
//Can be implemented with vanilla JavaScript also

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