JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<!--

-->
<html lang="en">
    <head>
    <title>My Website</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <style>
		body{
			background-color:#3E3947;
		} 
		#cd-vertical-nav {
			position: fixed;
			right: 40px;
			top: 50%;
			bottom: auto;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			z-index: 1;
		}
		#cd-vertical-nav li {
		text-align: right;
		list-style:none;
		}
		#cd-vertical-nav a {
		display: inline-block;
		/* prevent weird movements on hover when you use a CSS3 transformation -   webkit browsers */
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		}
		#cd-vertical-nav a:after {
		content: "";
		display: table;
		clear: both;
		}
		#cd-vertical-nav a span {
		display: inline-block;
		float: right;
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
		-ms-transform: scale(0.6);
		-o-transform: scale(0.6);
		transform: scale(0.6);
		}
		#cd-vertical-nav a:hover span {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}
		#cd-vertical-nav a:hover .cd-label {
		opacity: 1;
		}
		#cd-vertical-nav a.is-selected .cd-dot {
		background-color: white;
		}
		#cd-vertical-nav .cd-dot {
		position: relative;
		top: 8px;
		height: 12px;
		width: 12px;
		border-radius: 50%;
		background-color: #d88683;
		-webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
		-moz-transition: -moz-transform 0.2s, background-color 0.5s;
		transition: transform 0.2s, background-color 0.5s;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50%...

JavaScript

$(document).ready(function(){
        $('nav li a').click(function(){
            $('nav li a').removeClass('is-selected');
            $(this).addClass('is-selected');
            event.preventDefault();
            var toGo = $(this).attr('href');
            $('html, body').animate({
                scrollTop: $(toGo).offset().top
            }, 1000);
        })
    });