<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1">
<span class="sr-only">Web Designer and Developer</span> <span class="icon-bar"></span> <a class="navbar-brand" href="http://www.kleindesigned.com.au">kleindesigned</a>

</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="defaultNavbar1">
<ul class="nav navbar-nav">

<li class="active"><a href="#web-design">Web Design<span class="sr-only"></a></li>

<li class="web-dev"><a href="#web-development">Web Development<span class="sr-only"></a></li>

<li class="ux-design"><a href="#user-experience-design">User Experience Design<span class="sr-only"></a></li>

<li class="ui-design"><a href="#user-interface-design">User Interface Design<span class="sr-only"></a></li>

<li class="graphic-design"><a href="#graphic-design">Graphic Design<span class="sr-only"></a></li>

</ul>
</div>
</div>
</nav>

<form method="post" action="form-handler.php">
<h4>Name</h4><label for="name"> kleindesigned by Steve Klein</label>
<h4>Email</h4><label for="name">steve@kleindesigned.com.au</label>
<h4>Phone</h4><label for="name">0433778496</label>
<h4>Website</h4><label for="name">kleindesigned.com.au</label>
</form>

<div class="message-box" >
<h4>About Me</h4>
<textarea id="message" name="message" placeholder="Front-end web designer and developer with a love for user experience and interactivity."></textarea>
<p>Front-end web designer and developer with a love for user experience and interactivity.</p>
</div>