JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://fonts.googleapis.com/icon?family=Material+Icons"></script>
<body class="container-fluid">


<!-- Navagation -->
<div class="row menu">
<div class="container">
<ul class="list-inline">
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
</div>
</div>

<!--END navagation -->

<!-- Title Header -->
<div class="container">
<div class = "row">
<div class ="col-md-8 col-md-offset-2 text-center">

 <h1 class="topmargin">Hello.</h1>
  <p class="lead topmargin-sm">3D modeling / Interior Visualization</p>


</div>
</div>
</div>

<div class="text-center"><i class="material-icons">&#xE85B;</i> </div>

</body>

CSS

.menu {
	background-color: white;
	position: relative;

}

h1 {
	font-size: 100px;
}

body {
	background-color:#eee;
}


.topmargin {
	display: inline-block;
	margin-top: 80px;	
}

.topmargin-sm {

	margin-top: 50px;	
}

i:after {
	background-color: #999;
	content: " ";
    display: inline-block;
    height: 3px;
    margin: 0 0 8px 20px;
    text-shadow: none;
    width: 100%;
}

i:before {
	background-color: #999;
	content: " ";
    display: inline-block;
    height: 3px;
    margin: 0 20px 8px 0;
    text-shadow: none;
    width: 100%;
}