diff --git a/public/contacts.html b/public/contacts.html
index 1c70d56..7ad89f1 100644
--- a/public/contacts.html
+++ b/public/contacts.html
@@ -18,9 +18,17 @@
 
         <!-- Wrapper Inline Start Here -->
         <div class="wrapper-inline">
+            <header style="background-color: #FFF">
+                <a class="go-back-link" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
+                <h1 id="HT" class="page-title" style="color: #000">Contacts</h1>
+                <div class="navi-menu-button">
+                    <em></em>
+                    <em></em>
+                    <em></em>
+                </div>
+            </header>
             <div class="search-result-header fix-searchbar">
-                    <a id="btnback" type="button" class="search-result-btn" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
-                </form>
+                <a id="btnback" type="button" class="search-result-btn" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
             </div>
 
             <!-- Page Content Start Here -->
@@ -30,6 +38,134 @@
                     <!-- Navigation Body Start Here -->
                     <div class="cont-menu">
 
+                        <div class="list-box">
+
+                            <div id="content">
+                                <a>Favourite/Company</a>
+                                <div class="form-divider-2"></div>
+                                <a href="#" class="list-item">
+                                    <i class="fa fa-users"></i>
+                                    <em class="seperate"></em>
+                                    <span class="list-item-title">CIEF</span>
+                                    <span class="list-item-title-role">Importer</span>
+                                </a>
+                                <a href="#" class="list-item">
+                                    <i class="fa fa-users"></i>
+                                    <em class="seperate"></em>
+                                    <span class="list-item-title">FedEx</span>
+                                    <span class="list-item-title-role">Forwarder</span>
+                                </a>
+                                <a>Request send</a>
+                                <div class="form-divider-2"></div>
+                                <a href="#" class="list-item">
+                                    <i class="fa fa-user"></i>
+                                            <em class="seperate-contact"></em>
+                                            <span class="list-item-title-contact">Casey</span>
+                                            <br />
+                                            <span class="list-item-title-contact" style="margin-top:-13px; color: #069">Resquest sent</span>
+                                            <span class="list-item-title-role" style="margin-top:-13px">Importer</span>
+                                        </a>
+                                        <a>Waiting for approval</a>
+                                        <div class="form-divider-2"></div>
+                                        <a href="#" class="list-item" data-popup="formPopup6">
+                                            <i class="fa fa-user" style="color: red"></i>
+                                            <em class="seperate-contact"></em>
+                                            <span class="list-item-title-contact">Alexander</span>
+                                            <br />
+                                            <span class="list-item-title-contact" style="margin-top:-13px; color: #069">Waiting for appproval</span>
+                                            <span class="list-item-title-role" style="margin-top:-13px">Forwarder</span>
+                                        </a>
+                                        <a>Online</a>
+                                        <div class="form-divider-2"></div>
+                                        <a href="#" class="list-item" data-popup="formPopup7">
+                                            <i class="fa fa-user" style="color: green"></i>
+                                            <em class="seperate-contact"></em>
+                                            <span class="list-item-title-contact">Bryan</span>
+                                            <br />
+                                            <span class="list-item-title-contact" style="margin-top:-13px; color: #029900">Online</span>
+                                            <span class="list-item-title-role" style="margin-top:-13px">Forwarder</span>
+                                        </a>
+                                        <div class="form-divider-2"></div>
+                                        <a href="#" class="list-item" data-popup="formPopup7">
+                                            <i class="fa fa-user" style="color: green"></i>
+                                            <em class="seperate-contact"></em>
+                                            <span class="list-item-title-contact">Edmund</span>
+                                            <br />
+                                            <span class="list-item-title-contact" style="margin-top:-13px; color: #029900">Online</span>
+                                            <span class="list-item-title-role" style="margin-top:-13px">Importer</span>
+                                        </a>
+                                        <a>Offline</a>
+                                        <div class="form-divider-2"></div>
+                                        <a href="#" class="list-item" data-popup="formPopup7">
+                                            <i class="fa fa-user" style="color: green"></i>
+                                            <em class="seperate-contact"></em>
+                                            <span class="list-item-title-contact">Dylan</span>
+                                            <br />
+                                            <span class="list-item-title-contact" style="margin-top:-13px; color: red">Offline</span>
+                                            <span class="list-item-title-role" style="margin-top:-13px">Forwarder</span>
+                                        </a>
+                                        <div class="form-divider"></div>
+                                        <a>A</a>
+                                        <div class="form-divider-2"></div>
+                                        <a href="#" class="list-item" data-popup="formPopup6">
+                                            <i class="fa fa-user" style="color: red"></i>
+                                            <em class="seperate-contact"></em>
+                                            <span class="list-item-title-contact">Alexander</span>
+                                            <br />
+                                            <span class="list-item-title-contact" style="margin-top:-13px; color: #069">Waiting for appproval</span>
+                                            <span class="list-item-title-role" style="margin-top:-13px">Forwarder</span>
+                                        </a>
+                                        <a>B</a>
+                                        <div class="form-divider-2"></div>
+                                        <a href="#" class="list-item" data-popup="formPopup7">
+                                            <i class="fa fa-user" style="color: green"></i>
+                                            <em class="seperate-contact"></em>
+                                            <span class="list-item-title-contact">Bryan</span>
+                                            <br />
+                                            <span class="list-item-title-contact" style="margin-top:-13px; color: #029900">Online</span>
+                                            <span class="list-item-title-role" style="margin-top:-13px">Forwarder</span>
+                                        </a>
+                                        <a>C</a>
+                                        <div class="form-divider-2"></div>
+                                        <a href="#" class="list-item">
+                                            <i class="fa fa-user"></i>
+                                            <em class="seperate-contact"></em>
+                                            <span class="list-item-title-contact">Casey</span>
+                                            <br />
+                                            <span class="list-item-title-contact" style="margin-top:-13px; color: #069">Resquest sent</span>
+                                            <span class="list-item-title-role" style="margin-top:-13px">Importer</span>
+                                        </a>
+                                        <a>D</a>
+                                        <div class="form-divider-2"></div>
+                                        <a href="#" class="list-item" data-popup="formPopup7">
+                                            <i class="fa fa-user" style="color: green"></i>
+                                            <em class="seperate-contact"></em>
+                                            <span class="list-item-title-contact">Dylan</span>
+                                            <br />
+                                            <span class="list-item-title-contact" style="margin-top:-13px; color: red">Offline</span>
+                                            <span class="list-item-title-role" style="margin-top:-13px">Forwarder</span>
+                                        </a>
+                                        <a>E</a>
+                                        <div class="form-divider-2"></div>
+                                        <a href="#" class="list-item" data-popup="formPopup7">
+                                            <i class="fa fa-user" style="color: green"></i>
+                                            <em class="seperate-contact"></em>
+                                            <span class="list-item-title-contact">Edmund</span>
+                                            <br />
+                                            <span class="list-item-title-contact" style="margin-top:-13px; color: #029900">Online</span>
+                                            <span class="list-item-title-role" style="margin-top:-13px">Importer</span>
+                                        </a>
+                                    </div>
+                                    <div class="form-divider"></div>
+                                    <div class="form-divider"></div>
+                                    <!-- Content List Spawner End Here-->
+
+                                </div>
+
+                                <div class="form-fixed"></div>
+
+                            </div>
+
                         <!-- Navigation Menu Start Here -->
                         <cont class="menu">
                             <div class="form-divider"></div>
diff --git a/public/search-contact.html b/public/search-contact.html
index 88d0473..d3d3f19 100644
--- a/public/search-contact.html
+++ b/public/search-contact.html
@@ -15,20 +15,18 @@
 
     <!-- Wrapper Content Start Here -->
     <div class="wrapper">
-
         <!-- Wrapper Inline Start Here -->
         <div class="wrapper-inline">
-
-            <div class="search-result-header fix-searchbar">
+            <header style="background-color: #FFF">
+                <div class="search-result-header fix-searchbar">
                 <!-- or without .fix-searchbar -->
-                <form class="fix-searchbar">
-                    <input type="text" id="search" name="search" class="form-element" placeholder="search by company/phone no/name">
-                <!--
-                    <input type="text" id="searchInput" class="form-element" placeholder="search by company/phone no/name" onkeyup="CSearch()">-->
-                    <a id="btnback" type="button" class="search-result-btn" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
-                </form>
-            </div>
+                    <a id="btnback" type="button" class="search-result-btn" href="javascript:history.back();"><i class="fa  fa-arrow-left"></i></a>
+                    <form class="fix-searchbar">
+                        <input type="text" id="search" name="search" class="form-element" placeholder="search by company/phone  no/name">
+                    </form>
 
+                </div>
+            </header>
             <!-- Page Content Start Here -->
             <main class="fix-top-menu">
                 <section class="container">