<div id="navigation">
<ul class="nav-list">
 	<li id="js-show-all">Show all Contacts</li>
 	<li id="js-search">Search</li>
 	<li id="js-add-new">Add New Contact</li>
</ul>
</div>
<div id="search-panel" class="panel">
<h1>Search Contacts</h1>
<form id="search" action="#">
<div id="results"></div>
<div><label>
<input id="search" name="search" type="text" placeholder="Enter name of contact" />
</label></div>
<input type="submit" value="Submit" />

</form></div>
<div id="contact-panel" class="panel"><form id="contact" action="#">
<h1>Add a new contact</h1>
<div><label>
<input id="name" name="person" type="text" placeholder="John Smith" />
</label>
<label>
<input id="name" name="phone" type="text" placeholder="1234567" />
</label>
<label>
<input id="name" name="email" type="text" placeholder="john@example.com" />
</label></div>
<div><input type="submit" value="Submit" /></div>
</form></div>
<div id="show-panel" class="panel"></div>