302 lines
14 KiB
HTML
302 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
|
|
|
|
<head>
|
|
<title>CloudPresso-Min</title>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
<link rel="icon" href="/images/favicon.ico" type="image/x-icon">
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css?family=Quicksand:500,700" rel="stylesheet">
|
|
<link rel="stylesheet" type="text/css" href="/bower_components/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/pages/waves/css/waves.min.css" type="text/css" media="all">
|
|
<link rel="stylesheet" type="text/css" href="/icon/feather/css/feather.css">
|
|
<link rel="stylesheet" type="text/css" href="/css/font-awesome-n.min.css">
|
|
<link rel="stylesheet" href="/bower_components/chartist/css/chartist.css" type="text/css" media="all">
|
|
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
|
<link rel="stylesheet" type="text/css" href="/css/widget.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="loader-bg">
|
|
<div class="loader-bar"></div>
|
|
</div>
|
|
<div id="pcoded" class="pcoded">
|
|
<div class="pcoded-overlay-box"></div>
|
|
<div class="pcoded-container navbar-wrapper">
|
|
|
|
<nav class="navbar header-navbar pcoded-header">
|
|
<div class="navbar-wrapper">
|
|
<div class="navbar-logo">
|
|
<a href="index.html">
|
|
<font size="+1" color="white">CloudPresso-Min</font>
|
|
</a>
|
|
<a class="mobile-menu" id="mobile-collapse" href="#!">
|
|
<i class="feather icon-menu icon-toggle-right"></i>
|
|
</a>
|
|
<a class="mobile-options waves-effect waves-light">
|
|
<i class="feather icon-more-horizontal"></i>
|
|
</a>
|
|
</div>
|
|
<div class="navbar-container container-fluid">
|
|
<ul class="nav-left">
|
|
</ul>
|
|
<ul class="nav-right">
|
|
<li class="user-profile header-notification">
|
|
<div class="dropdown-primary dropdown">
|
|
<div class="dropdown-toggle" data-toggle="dropdown">
|
|
<span>John Doe</span>
|
|
</div>
|
|
<ul class="show-notification profile-notification dropdown-menu" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">
|
|
<li>
|
|
<a href="#!">
|
|
<i class="feather icon-settings"></i> Settings
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="auth-sign-in-social.html">
|
|
<i class="feather icon-log-out"></i> Logout
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div id="sidebar" class="users p-chat-user showChat">
|
|
<div class="had-container">
|
|
<div class="p-fixed users-main">
|
|
<div class="user-box">
|
|
<div class="chat-search-box">
|
|
<a class="back_friendlist">
|
|
<i class="feather icon-x"></i>
|
|
</a>
|
|
<div class="right-icon-control">
|
|
<div class="input-group input-group-button">
|
|
<input type="text" id="search-friends" name="footer-email" class="form-control" placeholder="Search Friend">
|
|
<div class="input-group-append">
|
|
<button class="btn btn-primary waves-effect waves-light" type="button"><i class="feather icon-search"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="main-friend-list">
|
|
<div class="media userlist-box waves-effect waves-light" data-id="1" data-status="online" data-username="Josephin Doe">
|
|
<a class="media-left" href="#!">
|
|
<img class="media-object img-radius img-radius" src="/images/avatar-3.jpg" alt="Generic placeholder image ">
|
|
<div class="live-status bg-success"></div>
|
|
</a>
|
|
<div class="media-body">
|
|
<div class="chat-header">Josephin Doe</div>
|
|
</div>
|
|
</div>
|
|
<div class="media userlist-box waves-effect waves-light" data-id="2" data-status="online" data-username="Lary Doe">
|
|
<a class="media-left" href="#!">
|
|
<img class="media-object img-radius" src="/images/avatar-2.jpg" alt="Generic placeholder image">
|
|
<div class="live-status bg-success"></div>
|
|
</a>
|
|
<div class="media-body">
|
|
<div class="f-13 chat-header">Lary Doe</div>
|
|
</div>
|
|
</div>
|
|
<div class="media userlist-box waves-effect waves-light" data-id="3" data-status="online" data-username="Alice">
|
|
<a class="media-left" href="#!">
|
|
<img class="media-object img-radius" src="/images/avatar-4.jpg" alt="Generic placeholder image">
|
|
<div class="live-status bg-success"></div>
|
|
</a>
|
|
<div class="media-body">
|
|
<div class="f-13 chat-header">Alice</div>
|
|
</div>
|
|
</div>
|
|
<div class="media userlist-box waves-effect waves-light" data-id="4" data-status="offline" data-username="Alia">
|
|
<a class="media-left" href="#!">
|
|
<img class="media-object img-radius" src="/images/avatar-3.jpg" alt="Generic placeholder image">
|
|
<div class="live-status bg-default"></div>
|
|
</a>
|
|
<div class="media-body">
|
|
<div class="f-13 chat-header">Alia<small class="d-block text-muted">10 min ago</small></div>
|
|
</div>
|
|
</div>
|
|
<div class="media userlist-box waves-effect waves-light" data-id="5" data-status="offline" data-username="Suzen">
|
|
<a class="media-left" href="#!">
|
|
<img class="media-object img-radius" src="/images/avatar-2.jpg" alt="Generic placeholder image">
|
|
<div class="live-status bg-default"></div>
|
|
</a>
|
|
<div class="media-body">
|
|
<div class="f-13 chat-header">Suzen<small class="d-block text-muted">15 min ago</small></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="showChat_inner">
|
|
<div class="media chat-inner-header">
|
|
<a class="back_chatBox">
|
|
<i class="feather icon-x"></i> Josephin Doe
|
|
</a>
|
|
</div>
|
|
<div class="main-friend-chat">
|
|
<div class="media chat-messages">
|
|
<a class="media-left photo-table" href="#!">
|
|
<img class="media-object img-radius img-radius m-t-5" src="/images/avatar-2.jpg" alt="Generic placeholder image">
|
|
</a>
|
|
<div class="media-body chat-menu-content">
|
|
<div class="">
|
|
<p class="chat-cont">I'm just looking around. Will you tell me something about yourself?</p>
|
|
</div>
|
|
<p class="chat-time">8:20 a.m.</p>
|
|
</div>
|
|
</div>
|
|
<div class="media chat-messages">
|
|
<div class="media-body chat-menu-reply">
|
|
<div class="">
|
|
<p class="chat-cont">Ohh! very nice</p>
|
|
</div>
|
|
<p class="chat-time">8:22 a.m.</p>
|
|
</div>
|
|
</div>
|
|
<div class="media chat-messages">
|
|
<a class="media-left photo-table" href="#!">
|
|
<img class="media-object img-radius img-radius m-t-5" src="/images/avatar-2.jpg" alt="Generic placeholder image">
|
|
</a>
|
|
<div class="media-body chat-menu-content">
|
|
<div class="">
|
|
<p class="chat-cont">can you come with me?</p>
|
|
</div>
|
|
<p class="chat-time">8:20 a.m.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="chat-reply-box">
|
|
<div class="right-icon-control">
|
|
<div class="input-group input-group-button">
|
|
<input type="text" class="form-control" placeholder="Write hear . . ">
|
|
<div class="input-group-append">
|
|
<button class="btn btn-primary waves-effect waves-light" type="button"><i class="feather icon-message-circle"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pcoded-main-container">
|
|
<div class="pcoded-wrapper">
|
|
<nav class="pcoded-navbar">
|
|
<div class="nav-list">
|
|
<div class="pcoded-inner-navbar main-menu">
|
|
<div class="pcoded-navigation-label">Navigation</div>
|
|
<ul class="pcoded-item pcoded-left-item">
|
|
<li class="">
|
|
<a href="navbar-light.html" class="waves-effect waves-dark">
|
|
<span class="pcoded-micon">
|
|
<i class="feather icon-menu"></i>
|
|
</span>
|
|
<span class="pcoded-mtext">Navigation</span>
|
|
</a>
|
|
</li>
|
|
<li class="pcoded-hasmenu">
|
|
<a href="javascript:void(0)" class="waves-effect waves-dark">
|
|
<span class="pcoded-micon">
|
|
<i class="feather icon-layers"></i>
|
|
</span>
|
|
<span class="pcoded-mtext">Widget</span>
|
|
</a>
|
|
<ul class="pcoded-submenu">
|
|
<li class="">
|
|
<a href="widget-statistic.html" class="waves-effect waves-dark">
|
|
<span class="pcoded-mtext">Statistic</span>
|
|
</a>
|
|
</li>
|
|
<li class="">
|
|
<a href="widget-data.html" class="waves-effect waves-dark">
|
|
<span class="pcoded-mtext">Data</span>
|
|
</a>
|
|
</li>
|
|
<li class="">
|
|
<a href="widget-chart.html" class="waves-effect waves-dark">
|
|
<span class="pcoded-mtext">Chart Widget</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="pcoded-content">
|
|
<div class="page-header card">
|
|
<div class="row align-items-end">
|
|
<div class="col-lg-8">
|
|
<div class="page-header-title">
|
|
<i class="feather icon-home bg-c-blue"></i>
|
|
<div class="d-inline">
|
|
<h5>Page Title</h5>
|
|
<span>Page description</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="page-header-breadcrumb">
|
|
<ul class=" breadcrumb breadcrumb-title">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pcoded-inner-content">
|
|
<div class="main-body">
|
|
<div class="page-wrapper">
|
|
<div class="page-body">
|
|
<div class="row">
|
|
Empty
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="styleSelector">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="9359117a77ba86f2cd9f4ff3-text/javascript" src="/bower_components/jquery/js/jquery.min.js"></script>
|
|
<script type="9359117a77ba86f2cd9f4ff3-text/javascript" src="/bower_components/jquery-ui/js/jquery-ui.min.js"></script>
|
|
<script type="9359117a77ba86f2cd9f4ff3-text/javascript" src="/bower_components/popper.js/js/popper.min.js"></script>
|
|
<script type="9359117a77ba86f2cd9f4ff3-text/javascript" src="/bower_components/bootstrap/js/bootstrap.min.js"></script>
|
|
<script src="/pages/waves/js/waves.min.js" type="9359117a77ba86f2cd9f4ff3-text/javascript"></script>
|
|
<script type="9359117a77ba86f2cd9f4ff3-text/javascript" src="/bower_components/jquery-slimscroll/js/jquery.slimscroll.js"></script>
|
|
<script src="/pages/chart/float/jquery.flot.js" type="9359117a77ba86f2cd9f4ff3-text/javascript"></script>
|
|
<script src="/pages/chart/float/jquery.flot.categories.js" type="9359117a77ba86f2cd9f4ff3-text/javascript"></script>
|
|
<script src="/pages/chart/float/curvedLines.js" type="9359117a77ba86f2cd9f4ff3-text/javascript"></script>
|
|
<script src="/pages/chart/float/jquery.flot.tooltip.min.js" type="9359117a77ba86f2cd9f4ff3-text/javascript"></script>
|
|
<script src="/bower_components/chartist/js/chartist.js" type="9359117a77ba86f2cd9f4ff3-text/javascript"></script>
|
|
<script src="/pages/widget/amchart/amcharts.js" type="9359117a77ba86f2cd9f4ff3-text/javascript"></script>
|
|
<script src="/pages/widget/amchart/serial.js" type="9359117a77ba86f2cd9f4ff3-text/javascript"></script>
|
|
<script src="/pages/widget/amchart/light.js" type="9359117a77ba86f2cd9f4ff3-text/javascript"></script>
|
|
<script src="/js/pcoded.min.js" type="9359117a77ba86f2cd9f4ff3-text/javascript"></script>
|
|
<script src="/js/vertical/vertical-layout.min.js" type="9359117a77ba86f2cd9f4ff3-text/javascript"></script>
|
|
|
|
|
|
<script type="9359117a77ba86f2cd9f4ff3-text/javascript" src="/js/script.min.js"></script>
|
|
|
|
<script src="/js/rocket-loader.min.js" data-cf-settings="9359117a77ba86f2cd9f4ff3-|49" defer=""></script>
|
|
</body>
|
|
|
|
|
|
</html>
|