Edited Contacts Page

This commit is contained in:
Aqeeb Imtiaz Harun
2018-06-29 11:04:39 +08:00
parent ae66e3bc32
commit 8054831b5c
2 changed files with 146 additions and 12 deletions
+138 -2
View File
@@ -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>
+8 -10
View File
@@ -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">