JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<div class="page-header header" style="color:fff; font-size: large; font-family: Arial;">
<h1 class="page-header-text">Review Networks</h1>
</div>
    <div class="c2">
			<table class="table table-condensed">
				<tbody>
					<tr>
						<td><a href="#Dentists" class="btn btn-block btn-embossed  btn-primary">Dentist</a></td>
						<td><a href="#Plastic_surgeons" class="btn btn-block btn-embossed  btn-danger">Plastic surgeons</a></td>
						<td> <a href="#Italian_restaurants" class="btn btn-block btn-embossed  btn-success">Italian restaurants</a></td>
						<td><a href="#Mexican_restaurants" class="btn btn-block btn-embossed  btn-info">Mexican restaurants</a></td>
						<td><a href="#fakelink" class="btn btn-block btn-embossed  btn-primary">Fast food</a></td>
						<td><a href="#Japanese_restaurants" class="btn btn-block btn-embossed  btn-danger">Japanese restaurants</a></td>
					</tr>
					<tr>
						<td><a href="#American_restaurants" class="btn btn-block btn-embossed  btn-primary">American restaurants</a></td>
						<td><a href="#Beauty_shops" class="btn btn-block btn-embossed  btn-danger">Beauty salons </a></td>
						<td> <a href="#Bars" class="btn btn-block btn-embossed  btn-success">Bars</a></td>
						<td><a href="#Banks" class="btn btn-block btn-embossed  btn-info">Banks</a></td>
						<td><a href="#Hotels" class="btn btn-block btn-embossed  btn-primary">Hotels</a></td>
						<td><a href="#Clothing" class="btn btn-block btn-embossed  btn-danger">Clothing stores</a></td>
					</tr>
				</tbody>
			</table>
		<div class="c2">
            <a href="#top" style = "float:right">go top</a>

CSS

html, body { margin: 0; padding: 0; border: 0 }
.header{
	background-color: #61B329;
	color: #FFF;
    margin-top: 0;
    margin-bottom: 0 !important;
}
.page-header-text {
	color:fff;
	font-size: 36px;
	font-family: Arial;
    margin: 0 auto;
    padding-top: 5px;
}