<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<body>
<nav>
<div class='link-wrapper'>
<div class='link-container'>
<div class='hum-container'>
<div class='bar2'>
</div>
<div class='bar-mid'>
</div>
<div class='bar3'>
</div>
</div>
<!-- ////logo and title -->
<div class='lgo'>
<div class='img-holder'>
<img src="123.png"/>
</div>
<div class='title-holder'>
<span>Patrick Chua</span>
</div>
</div>
<!-- word navigations -->
<ul id='words'>
<li class='w-lnk'><a href="#">HOME</a></li>
<li class='w-lnk'><a href="#">PORTFOLIO</a></li>
<li class='w-lnk'><a href="#">CONTACT</a></li>
<li class='w-lnk'><a href="#">ABOUT</a></li>
</ul>
<!-- icon navigation -->
<ul id='icons'>
<li><a href="#"><i class="fa fa-home fa-2x"></i></a></li>
<span class='nav_txt'>Home</span>
<li><a href="#"><i class="fa fa-briefcase fa-2x"></i></a></li>
<span class='nav_txt'>Portfolio</span>
<li><a href="#"><i class="fa fa-envelope fa-2x"></i></a></li>
<span class='nav_txt'>Contact</span>
<li><a href="#"><i class="fa fa-info-circle fa-2x"></i></a></li>
<span class='nav_txt'>About</span>
</ul>
</div>
</div>
</nav>
<section>
<div class='main-container'>
<!-- put your contents here -->
<h1>Hello! I'am</h1>
<p>
Greatly cottage thought fortune no mention he. Of mr certainty arranging am smallness by conveying. Him plate you allow built grave. Sigh sang nay sex high yet door game. She dissimilar was favourable unreserved nay expression contrasted saw. Past her find she like bore pain open. Shy lose need eyes son not shot. Jennings removing are his eat dashwood. Middleton as pretended listening he smallness perceived. Now his but two green spoil drift.
Friendship contrasted solicitude insipidity in introduced literature it. He seemed denote except as oppose do spring my. Between any may mention evening age shortly can ability regular. He shortly sixteen of colonel colonel evening cordial to. Although jointure an my of mistress servants am weddings. Age why the therefore education unfeeling for arranging. Above again money own scale maids ham least led. Returned settling produced strongly ecstatic use yourself way. Repulsive extremity enjoyment she perceived nor.
</p>
</section>
</body>