JSFiddle - React, Tailwind, and code Playground

HTML

<body>
		<div id="MainNav">
		
			<div id="Top-line">
			</div>
			
			<ul id="Nav">
				<a href="#"><li><i class="fa fa-pencil"></i></li></a>
				<a href="#"><li><i class="fa fa-envelope"></i></li></a>
				<a href="#"><li><i class="fa fa-search"></i></li></a>
				<a href="#"><li><i class="fa fa-gear"></i></li></a>
			</ul>
					
		</div>
		
		<div id="Profile">
			
			<div id="Profile-Frame">
			
				<div id="Profile-pic"></div> <!-- Einde Profile-Pic -->
				<p class="Profile-name"><strong>Charles</strong> Doe</p>
				
				<div id="Followers-Following">
	
					<div id="Following">
						<h3>17</h3>
						<p>Following</p>
					</div> <!-- Einde Following -->
					
					<div id="Followers">
						<h3>6</h3>
						<p>Followers</p>
					</div> <!-- Einde Followers -->
				</div> <!-- Einde Folowers-Following -->
			</div> <!-- Einde Profile-Frame --> 
			
			<div id="Menu">
				<ul class="MenuButton"> 
				
				<a href="#"><li><i class="fa fa-home"></i>Home</li></a>
				<a href="#"><li><i class="fa fa-at"></i>Connect</li></a>
				<a href="#"><li><i class="fa fa-compass"></i>Discover</li></a>
				<a href="#"><li><i class="fa fa-user"></i>Profile</li></a>
				<a href="#"><li><i class="fa fa-line-chart"></i>Statistics</li></a>
				
				</ul>
			</div> <!-- Menu -->

							
		</div> <!-- Einde Profile -->
		
		<div id="Content">
		
			<div id="Post-Form" class="Box">
				<div class="Content-Profile-Pic-R-BIG"></div>
				<div class="Content-Profile-Name"><strong>Rob </strong> Paign</div>
				
				<div id="Followers-Following">
	
					<div id="Following">
						<h3>17</h3>
						<p>Following</p>
					</div> <!-- Einde Following -->
					
					<div id="Followers">
						<h3>6</h3>
						<p>Followers</p>
					</div> <!-- Einde Followers -->
				</div> <!-- Einde Folowers-Following -->
			
				<button class="FollowB">Follow</button>
				<!-- FollowB -->
			
			</div> <!-- Einde Post -->
			
		</div> <!-- Einde content -->
		
		<div id="Content">
		
			<div id="Post-Form"...

CSS

body {
	margin: 0;
	background-color: rgb(245, 245, 245);
}

.Box {
	border-radius: 8px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 15px rgba(135,135,135,0.2);
}

/* Top */

#Top-line {
	width: 100%;
	height: 5px;
	background-color: #1abc9c;
}

/* Navigatie */

#MainNav {
	height: 50px;
	width: 100%;
	background-color: rgb(40, 40, 40);
	position: fixed;
	z-index: 5;
}

#Nav {
	padding-left: 0;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 1000px;
	font-family: 'Open Sans', sans-serif;
}


#Nav li {
	height: 30px;
	width: 100px;
	background-color: rgb(40, 40, 40);
	color: rgb(180, 180, 180);
	border-style: none;		
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 100;
	list-style-type: none;
	text-align: center;
	padding-top: 14px;
	float: left;
}

#Nav li:hover {
	color: rgb(255, 255, 255);
	background-color: rgb(20, 20, 20);
}

#Nav-Settings {
	color: rgb(0, 0, 0);
	margin-left: 1250px;
}

#Notifications {
	float: left;
	padding-top: 16px;
	padding-right: 50px;
	color: rgb(90, 90, 90);
}

/* Profile */

#Profile {
	height: 100%;
	width: 250px;
	float: left;
	background-color: rgb(220, 220, 220);
	box-shadow: 0px 0px 15px rgba(135,135,135,0.2);
	position: fixed;
}

#Profile-Frame {
	height: 400px;
	width: 250px;
	float: left;
	background-color: rgb(255, 255, 255);
}

#Profile-pic {
	height: 130px;
	width: 130px;
	background-image: url(../images/profile_pic.jpg);
	-webkit-border-radius: 100px;
	margin: 0 auto;
	margin-top: 100px;
}

.Profile-name {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: center;
	margin: 0;
	padding-top: 20px;
}

#Followers-Following {
	padding-top: 30px;
	height: 80px;
	width: 150px;
	margin: 0 auto;	
}


#Followers-Following h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: center;
	margin: 0px;
}

#Followers-Following p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 100;
	text-align: center;
	color: rgb(110, 110,...

JavaScript

$(".FollowB").on('click', function () {
    $(this).toggleClass('FollowButton unFollowButton')
        .text(function () {
        return $(this).hasClass('FollowButton') ? 'Unfollow': 'Follow';
    });
});