Server IP : 50.63.8.133 / Your IP : 3.137.213.117 Web Server : Microsoft-IIS/10.0 System : Windows NT P3NWVPWEB032 6.2 build 9200 (Windows Server 2012 Standard Edition) i586 User : IWPD_10999(xformtec) ( 0) PHP Version : 5.4.45 Disable Function : NONE MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : G:/PleskVhosts/xform.in/madhurivivah.com/member/ |
Upload File : |
Current File : G:/PleskVhosts/xform.in/madhurivivah.com/member/member.php |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>WorkWise Html Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/line-awesome.css">
<link rel="stylesheet" type="text/css" href="css/line-awesome-font-awesome.min.css">
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery.mCustomScrollbar.min.css">
<link rel="stylesheet" type="text/css" href="lib/slick/slick.css">
<link rel="stylesheet" type="text/css" href="lib/slick/slick-theme.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
</head>
<body>
<div class="wrapper">
<?php include_once('include/header.php'); ?>
<main>
<div class="main-section">
<div class="container">
<div class="main-section-data">
<div class="row">
<div class="col-lg-3 col-md-4 pd-left-none no-pd">
<div class="main-left-sidebar no-margin">
<div class="user-data full-width">
<div class="user-profile">
<div class="username-dt">
<div class="usr-pic">
<img src="images/resources/user-pic.png" alt="">
</div>
</div>
<div class="user-specs">
<h3>John Doe</h3>
<span>Graphic Designer at Self Employed</span>
</div>
</div>
<ul class="user-fw-status">
<li>
<h4>Following</h4>
<span>34</span>
</li>
<li>
<h4>Followers</h4>
<span>155</span>
</li>
<li>
<a href="my-profile-feed.html" title="">View Profile</a>
</li>
</ul>
</div>
<div class="suggestions full-width">
<div class="sd-title">
<h3>Suggestions</h3>
<i class="la la-ellipsis-v"></i>
</div>
<div class="suggestions-list">
<div class="suggestion-usd">
<img src="images/resources/s1.png" alt="">
<div class="sgt-text">
<h4>Jessica William</h4>
<span>Graphic Designer</span>
</div>
<span><i class="la la-plus"></i></span>
</div>
<div class="suggestion-usd">
<img src="images/resources/s2.png" alt="">
<div class="sgt-text">
<h4>John Doe</h4>
<span>PHP Developer</span>
</div>
<span><i class="la la-plus"></i></span>
</div>
<div class="suggestion-usd">
<img src="images/resources/s3.png" alt="">
<div class="sgt-text">
<h4>Poonam</h4>
<span>Wordpress Developer</span>
</div>
<span><i class="la la-plus"></i></span>
</div>
<div class="suggestion-usd">
<img src="images/resources/s4.png" alt="">
<div class="sgt-text">
<h4>Bill Gates</h4>
<span>C & C++ Developer</span>
</div>
<span><i class="la la-plus"></i></span>
</div>
<div class="suggestion-usd">
<img src="images/resources/s5.png" alt="">
<div class="sgt-text">
<h4>Jessica William</h4>
<span>Graphic Designer</span>
</div>
<span><i class="la la-plus"></i></span>
</div>
<div class="suggestion-usd">
<img src="images/resources/s6.png" alt="">
<div class="sgt-text">
<h4>John Doe</h4>
<span>PHP Developer</span>
</div>
<span><i class="la la-plus"></i></span>
</div>
<div class="view-more">
<a href="#" title="">View More</a>
</div>
</div>
</div>
<div class="tags-sec full-width">
<ul>
<li><a href="#" title="">Help Center</a></li>
<li><a href="#" title="">About</a></li>
<li><a href="#" title="">Privacy Policy</a></li>
<li><a href="#" title="">Community Guidelines</a></li>
<li><a href="#" title="">Cookies Policy</a></li>
<li><a href="#" title="">Career</a></li>
<li><a href="#" title="">Language</a></li>
<li><a href="#" title="">Copyright Policy</a></li>
</ul>
<div class="cp-sec">
<img src="images/logo2.png" alt="">
<p><img src="images/cp.png" alt="">Copyright 2019</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-8 no-pd">
<div class="main-ws-sec">
<div class="post-topbar">
<div class="user-picy">
<img src="images/resources/user-pic.png" alt="">
</div>
<div class="post-st">
<ul>
<li><a class="post_project" href="#" title="">Post a Project</a></li>
<li><a class="post-jb active" href="#" title="">Post a Job</a></li>
</ul>
</div>
</div>
<div class="posts-section">
<div class="post-bar">
<div class="post_topbar">
<div class="usy-dt">
<img src="images/resources/us-pic.png" alt="">
<div class="usy-name">
<h3>John Doe</h3>
<span><img src="images/clock.png" alt="">3 min ago</span>
</div>
</div>
<div class="ed-opts">
<a href="#" title="" class="ed-opts-open"><i class="la la-ellipsis-v"></i></a>
<ul class="ed-options">
<li><a href="#" title="">Edit Post</a></li>
<li><a href="#" title="">Unsaved</a></li>
<li><a href="#" title="">Unbid</a></li>
<li><a href="#" title="">Close</a></li>
<li><a href="#" title="">Hide</a></li>
</ul>
</div>
</div>
<div class="epi-sec">
<ul class="descp">
<li><img src="images/icon8.png" alt=""><span>Epic Coder</span></li>
<li><img src="images/icon9.png" alt=""><span>India</span></li>
</ul>
<ul class="bk-links">
<li><a href="#" title=""><i class="la la-bookmark"></i></a></li>
<li><a href="#" title=""><i class="la la-envelope"></i></a></li>
</ul>
</div>
<div class="job_descp">
<h3>Senior Wordpress Developer</h3>
<ul class="job-dt">
<li><a href="#" title="">Full Time</a></li>
<li><span>$30 / hr</span></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam luctus hendrerit metus, ut ullamcorper quam finibus at. Etiam id magna sit amet... <a href="#" title="">view more</a></p>
<ul class="skill-tags">
<li><a href="#" title="">HTML</a></li>
<li><a href="#" title="">PHP</a></li>
<li><a href="#" title="">CSS</a></li>
<li><a href="#" title="">Javascript</a></li>
<li><a href="#" title="">Wordpress</a></li>
</ul>
</div>
<div class="job-status-bar">
<ul class="like-com">
<li>
<a href="#"><i class="fas fa-heart"></i> Like</a>
<img src="images/liked-img.png" alt="">
<span>25</span>
</li>
<li><a href="#" class="com"><i class="fas fa-comment-alt"></i> Comment 15</a></li>
</ul>
<a href="#"><i class="fas fa-eye"></i>Views 50</a>
</div>
</div>
<div class="top-profiles">
<div class="pf-hd">
<h3>Top Profiles</h3>
<i class="la la-ellipsis-v"></i>
</div>
<div class="profiles-slider">
<div class="user-profy">
<img src="images/resources/user1.png" alt="">
<h3>John Doe</h3>
<span>Graphic Designer</span>
<ul>
<li><a href="#" title="" class="followw">Follow</a></li>
<li><a href="#" title="" class="envlp"><img src="images/envelop.png" alt=""></a></li>
<li><a href="#" title="" class="hire">hire</a></li>
</ul>
<a href="#" title="">View Profile</a>
</div>
<div class="user-profy">
<img src="images/resources/user2.png" alt="">
<h3>John Doe</h3>
<span>Graphic Designer</span>
<ul>
<li><a href="#" title="" class="followw">Follow</a></li>
<li><a href="#" title="" class="envlp"><img src="images/envelop.png" alt=""></a></li>
<li><a href="#" title="" class="hire">hire</a></li>
</ul>
<a href="#" title="">View Profile</a>
</div>
<div class="user-profy">
<img src="images/resources/user3.png" alt="">
<h3>John Doe</h3>
<span>Graphic Designer</span>
<ul>
<li><a href="#" title="" class="followw">Follow</a></li>
<li><a href="#" title="" class="envlp"><img src="images/envelop.png" alt=""></a></li>
<li><a href="#" title="" class="hire">hire</a></li>
</ul>
<a href="#" title="">View Profile</a>
</div>
<div class="user-profy">
<img src="images/resources/user1.png" alt="">
<h3>John Doe</h3>
<span>Graphic Designer</span>
<ul>
<li><a href="#" title="" class="followw">Follow</a></li>
<li><a href="#" title="" class="envlp"><img src="images/envelop.png" alt=""></a></li>
<li><a href="#" title="" class="hire">hire</a></li>
</ul>
<a href="#" title="">View Profile</a>
</div>
<div class="user-profy">
<img src="images/resources/user2.png" alt="">
<h3>John Doe</h3>
<span>Graphic Designer</span>
<ul>
<li><a href="#" title="" class="followw">Follow</a></li>
<li><a href="#" title="" class="envlp"><img src="images/envelop.png" alt=""></a></li>
<li><a href="#" title="" class="hire">hire</a></li>
</ul>
<a href="#" title="">View Profile</a>
</div>
<div class="user-profy">
<img src="images/resources/user3.png" alt="">
<h3>John Doe</h3>
<span>Graphic Designer</span>
<ul>
<li><a href="#" title="" class="followw">Follow</a></li>
<li><a href="#" title="" class="envlp"><img src="images/envelop.png" alt=""></a></li>
<li><a href="#" title="" class="hire">hire</a></li>
</ul>
<a href="#" title="">View Profile</a>
</div>
</div>
</div>
<div class="post-bar">
<div class="post_topbar">
<div class="usy-dt">
<img src="images/resources/us-pic.png" alt="">
<div class="usy-name">
<h3>John Doe</h3>
<span><img src="images/clock.png" alt="">3 min ago</span>
</div>
</div>
<div class="ed-opts">
<a href="#" title="" class="ed-opts-open"><i class="la la-ellipsis-v"></i></a>
<ul class="ed-options">
<li><a href="#" title="">Edit Post</a></li>
<li><a href="#" title="">Unsaved</a></li>
<li><a href="#" title="">Unbid</a></li>
<li><a href="#" title="">Close</a></li>
<li><a href="#" title="">Hide</a></li>
</ul>
</div>
</div>
<div class="epi-sec">
<ul class="descp">
<li><img src="images/icon8.png" alt=""><span>Epic Coder</span></li>
<li><img src="images/icon9.png" alt=""><span>India</span></li>
</ul>
<ul class="bk-links">
<li><a href="#" title=""><i class="la la-bookmark"></i></a></li>
<li><a href="#" title=""><i class="la la-envelope"></i></a></li>
<li><a href="#" title="" class="bid_now">Bid Now</a></li>
</ul>
</div>
<div class="job_descp">
<h3>Senior Wordpress Developer</h3>
<ul class="job-dt">
<li><a href="#" title="">Full Time</a></li>
<li><span>$30 / hr</span></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam luctus hendrerit metus, ut ullamcorper quam finibus at. Etiam id magna sit amet... <a href="#" title="">view more</a></p>
<ul class="skill-tags">
<li><a href="#" title="">HTML</a></li>
<li><a href="#" title="">PHP</a></li>
<li><a href="#" title="">CSS</a></li>
<li><a href="#" title="">Javascript</a></li>
<li><a href="#" title="">Wordpress</a></li>
</ul>
</div>
<div class="job-status-bar">
<ul class="like-com">
<li>
<a href="#"><i class="fas fa-heart"></i> Like</a>
<img src="images/liked-img.png" alt="">
<span>25</span>
</li>
<li><a href="#" class="com"><i class="fas fa-comment-alt"></i> Comment 15</a></li>
</ul>
<a href="#"><i class="fas fa-eye"></i>Views 50</a>
</div>
</div>
<div class="posty">
<div class="post-bar no-margin">
<div class="post_topbar">
<div class="usy-dt">
<img src="images/resources/us-pc2.png" alt="">
<div class="usy-name">
<h3>John Doe</h3>
<span><img src="images/clock.png" alt="">3 min ago</span>
</div>
</div>
<div class="ed-opts">
<a href="#" title="" class="ed-opts-open"><i class="la la-ellipsis-v"></i></a>
<ul class="ed-options">
<li><a href="#" title="">Edit Post</a></li>
<li><a href="#" title="">Unsaved</a></li>
<li><a href="#" title="">Unbid</a></li>
<li><a href="#" title="">Close</a></li>
<li><a href="#" title="">Hide</a></li>
</ul>
</div>
</div>
<div class="epi-sec">
<ul class="descp">
<li><img src="images/icon8.png" alt=""><span>Epic Coder</span></li>
<li><img src="images/icon9.png" alt=""><span>India</span></li>
</ul>
<ul class="bk-links">
<li><a href="#" title=""><i class="la la-bookmark"></i></a></li>
<li><a href="#" title=""><i class="la la-envelope"></i></a></li>
</ul>
</div>
<div class="job_descp">
<h3>Senior Wordpress Developer</h3>
<ul class="job-dt">
<li><a href="#" title="">Full Time</a></li>
<li><span>$30 / hr</span></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam luctus hendrerit metus, ut ullamcorper quam finibus at. Etiam id magna sit amet... <a href="#" title="">view more</a></p>
<ul class="skill-tags">
<li><a href="#" title="">HTML</a></li>
<li><a href="#" title="">PHP</a></li>
<li><a href="#" title="">CSS</a></li>
<li><a href="#" title="">Javascript</a></li>
<li><a href="#" title="">Wordpress</a></li>
</ul>
</div>
<div class="job-status-bar">
<ul class="like-com">
<li>
<a href="#"><i class="fas fa-heart"></i> Like</a>
<img src="images/liked-img.png" alt="">
<span>25</span>
</li>
<li><a href="#" class="com"><i class="fas fa-comment-alt"></i> Comment 15</a></li>
</ul>
<a href="#"><i class="fas fa-eye"></i>Views 50</a>
</div>
</div>
<div class="comment-section">
<a href="#" class="plus-ic">
<i class="la la-plus"></i>
</a>
<div class="comment-sec">
<ul>
<li>
<div class="comment-list">
<div class="bg-img">
<img src="images/resources/bg-img1.png" alt="">
</div>
<div class="comment">
<h3>John Doe</h3>
<span><img src="images/clock.png" alt=""> 3 min ago</span>
<p>Lorem ipsum dolor sit amet, </p>
<a href="#" title="" class="active"><i class="fa fa-reply-all"></i>Reply</a>
</div>
</div>
<ul>
<li>
<div class="comment-list">
<div class="bg-img">
<img src="images/resources/bg-img2.png" alt="">
</div>
<div class="comment">
<h3>John Doe</h3>
<span><img src="images/clock.png" alt=""> 3 min ago</span>
<p>Hi John </p>
<a href="#" title=""><i class="fa fa-reply-all"></i>Reply</a>
</div>
</div>
</li>
</ul>
</li>
<li>
<div class="comment-list">
<div class="bg-img">
<img src="images/resources/bg-img3.png" alt="">
</div>
<div class="comment">
<h3>John Doe</h3>
<span><img src="images/clock.png" alt=""> 3 min ago</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam luctus hendrerit metus, ut ullamcorper quam finibus at.</p>
<a href="#" title=""><i class="fa fa-reply-all"></i>Reply</a>
</div>
</div>
</li>
</ul>
</div>
<div class="post-comment">
<div class="cm_img">
<img src="images/resources/bg-img4.png" alt="">
</div>
<div class="comment_box">
<form>
<input type="text" placeholder="Post a comment">
<button type="submit">Send</button>
</form>
</div>
</div>
</div>
</div>
<div class="process-comm">
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 pd-right-none no-pd">
<div class="right-sidebar">
<div class="widget widget-about">
<img src="images/wd-logo.png" alt="">
<h3>Track Time on Workwise</h3>
<span>Pay only for the Hours worked</span>
<div class="sign_link">
<h3><a href="sign-in.html" title="">Sign up</a></h3>
<a href="#" title="">Learn More</a>
</div>
</div>
<div class="widget widget-jobs">
<div class="sd-title">
<h3>Top Jobs</h3>
<i class="la la-ellipsis-v"></i>
</div>
<div class="jobs-list">
<div class="job-info">
<div class="job-details">
<h3>Senior Product Designer</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
</div>
<div class="hr-rate">
<span>$25/hr</span>
</div>
</div>
<div class="job-info">
<div class="job-details">
<h3>Senior UI / UX Designer</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
</div>
<div class="hr-rate">
<span>$25/hr</span>
</div>
</div>
<div class="job-info">
<div class="job-details">
<h3>Junior Seo Designer</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
</div>
<div class="hr-rate">
<span>$25/hr</span>
</div>
</div>
<div class="job-info">
<div class="job-details">
<h3>Senior PHP Designer</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
</div>
<div class="hr-rate">
<span>$25/hr</span>
</div>
</div>
<div class="job-info">
<div class="job-details">
<h3>Senior Developer Designer</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
</div>
<div class="hr-rate">
<span>$25/hr</span>
</div>
</div>
</div>
</div>
<div class="widget widget-jobs">
<div class="sd-title">
<h3>Most Viewed This Week</h3>
<i class="la la-ellipsis-v"></i>
</div>
<div class="jobs-list">
<div class="job-info">
<div class="job-details">
<h3>Senior Product Designer</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
</div>
<div class="hr-rate">
<span>$25/hr</span>
</div>
</div>
<div class="job-info">
<div class="job-details">
<h3>Senior UI / UX Designer</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
</div>
<div class="hr-rate">
<span>$25/hr</span>
</div>
</div>
<div class="job-info">
<div class="job-details">
<h3>Junior Seo Designer</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
</div>
<div class="hr-rate">
<span>$25/hr</span>
</div>
</div>
</div>
</div>
<div class="widget suggestions full-width">
<div class="sd-title">
<h3>Most Viewed People</h3>
<i class="la la-ellipsis-v"></i>
</div>
<div class="suggestions-list">
<div class="suggestion-usd">
<img src="images/resources/s1.png" alt="">
<div class="sgt-text">
<h4>Jessica William</h4>
<span>Graphic Designer</span>
</div>
<span><i class="la la-plus"></i></span>
</div>
<div class="suggestion-usd">
<img src="images/resources/s2.png" alt="">
<div class="sgt-text">
<h4>John Doe</h4>
<span>PHP Developer</span>
</div>
<span><i class="la la-plus"></i></span>
</div>
<div class="suggestion-usd">
<img src="images/resources/s3.png" alt="">
<div class="sgt-text">
<h4>Poonam</h4>
<span>Wordpress Developer</span>
</div>
<span><i class="la la-plus"></i></span>
</div>
<div class="suggestion-usd">
<img src="images/resources/s4.png" alt="">
<div class="sgt-text">
<h4>Bill Gates</h4>
<span>C & C++ Developer</span>
</div>
<span><i class="la la-plus"></i></span>
</div>
<div class="suggestion-usd">
<img src="images/resources/s5.png" alt="">
<div class="sgt-text">
<h4>Jessica William</h4>
<span>Graphic Designer</span>
</div>
<span><i class="la la-plus"></i></span>
</div>
<div class="suggestion-usd">
<img src="images/resources/s6.png" alt="">
<div class="sgt-text">
<h4>John Doe</h4>
<span>PHP Developer</span>
</div>
<span><i class="la la-plus"></i></span>
</div>
<div class="view-more">
<a href="#" title="">View More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="post-popup pst-pj">
<div class="post-project">
<h3>Post a project</h3>
<div class="post-project-fields">
<form>
<div class="row">
<div class="col-lg-12">
<input type="text" name="title" placeholder="Title">
</div>
<div class="col-lg-12">
<div class="inp-field">
<select>
<option>Category</option>
<option>Category 1</option>
<option>Category 2</option>
<option>Category 3</option>
</select>
</div>
</div>
<div class="col-lg-12">
<input type="text" name="skills" placeholder="Skills">
</div>
<div class="col-lg-12">
<div class="price-sec">
<div class="price-br">
<input type="text" name="price1" placeholder="Price">
<i class="la la-dollar"></i>
</div>
<span>To</span>
<div class="price-br">
<input type="text" name="price1" placeholder="Price">
<i class="la la-dollar"></i>
</div>
</div>
</div>
<div class="col-lg-12">
<textarea name="description" placeholder="Description"></textarea>
</div>
<div class="col-lg-12">
<ul>
<li><button class="active" type="submit" value="post">Post</button></li>
<li><a href="#" title="">Cancel</a></li>
</ul>
</div>
</div>
</form>
</div>
<a href="#" title=""><i class="la la-times-circle-o"></i></a>
</div>
</div>
<div class="post-popup job_post">
<div class="post-project">
<h3>Post a job</h3>
<div class="post-project-fields">
<form>
<div class="row">
<div class="col-lg-12">
<input type="text" name="title" placeholder="Title">
</div>
<div class="col-lg-12">
<div class="inp-field">
<select>
<option>Category</option>
<option>Category 1</option>
<option>Category 2</option>
<option>Category 3</option>
</select>
</div>
</div>
<div class="col-lg-12">
<input type="text" name="skills" placeholder="Skills">
</div>
<div class="col-lg-6">
<div class="price-br">
<input type="text" name="price1" placeholder="Price">
<i class="la la-dollar"></i>
</div>
</div>
<div class="col-lg-6">
<div class="inp-field">
<select>
<option>Full Time</option>
<option>Half time</option>
</select>
</div>
</div>
<div class="col-lg-12">
<textarea name="description" placeholder="Description"></textarea>
</div>
<div class="col-lg-12">
<ul>
<li><button class="active" type="submit" value="post">Post</button></li>
<li><a href="#" title="">Cancel</a></li>
</ul>
</div>
</div>
</form>
</div>
<a href="#" title=""><i class="la la-times-circle-o"></i></a>
</div>
</div>
<div class="chatbox-list">
<div class="chatbox">
<div class="chat-mg">
<a href="#" title=""><img src="images/resources/usr-img1.png" alt=""></a>
<span>2</span>
</div>
<div class="conversation-box">
<div class="con-title mg-3">
<div class="chat-user-info">
<img src="images/resources/us-img1.png" alt="">
<h3>John Doe <span class="status-info"></span></h3>
</div>
<div class="st-icons">
<a href="#" title=""><i class="la la-cog"></i></a>
<a href="#" title="" class="close-chat"><i class="la la-minus-square"></i></a>
<a href="#" title="" class="close-chat"><i class="la la-close"></i></a>
</div>
</div>
<div class="chat-hist mCustomScrollbar" data-mcs-theme="dark">
<div class="chat-msg">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada. Vivamus suscipit tortor eget felis porttitor.</p>
<span>Sat, Aug 23, 1:10 PM</span>
</div>
<div class="date-nd">
<span>Sunday, August 24</span>
</div>
<div class="chat-msg st2">
<p>Cras ultricies ligula.</p>
<span>5 minutes ago</span>
</div>
<div class="chat-msg">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada. Vivamus suscipit tortor eget felis porttitor.</p>
<span>Sat, Aug 23, 1:10 PM</span>
</div>
</div>
<div class="typing-msg">
<form>
<textarea placeholder="Type a message here"></textarea>
<button type="submit"><i class="fa fa-send"></i></button>
</form>
<ul class="ft-options">
<li><a href="#" title=""><i class="la la-smile-o"></i></a></li>
<li><a href="#" title=""><i class="la la-camera"></i></a></li>
<li><a href="#" title=""><i class="fa fa-paperclip"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="chatbox">
<div class="chat-mg">
<a href="#" title=""><img src="images/resources/usr-img2.png" alt=""></a>
</div>
<div class="conversation-box">
<div class="con-title mg-3">
<div class="chat-user-info">
<img src="images/resources/us-img1.png" alt="">
<h3>John Doe <span class="status-info"></span></h3>
</div>
<div class="st-icons">
<a href="#" title=""><i class="la la-cog"></i></a>
<a href="#" title="" class="close-chat"><i class="la la-minus-square"></i></a>
<a href="#" title="" class="close-chat"><i class="la la-close"></i></a>
</div>
</div>
<div class="chat-hist mCustomScrollbar" data-mcs-theme="dark">
<div class="chat-msg">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada. Vivamus suscipit tortor eget felis porttitor.</p>
<span>Sat, Aug 23, 1:10 PM</span>
</div>
<div class="date-nd">
<span>Sunday, August 24</span>
</div>
<div class="chat-msg st2">
<p>Cras ultricies ligula.</p>
<span>5 minutes ago</span>
</div>
<div class="chat-msg">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada. Vivamus suscipit tortor eget felis porttitor.</p>
<span>Sat, Aug 23, 1:10 PM</span>
</div>
</div>
<div class="typing-msg">
<form>
<textarea placeholder="Type a message here"></textarea>
<button type="submit"><i class="fa fa-send"></i></button>
</form>
<ul class="ft-options">
<li><a href="#" title=""><i class="la la-smile-o"></i></a></li>
<li><a href="#" title=""><i class="la la-camera"></i></a></li>
<li><a href="#" title=""><i class="fa fa-paperclip"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="chatbox">
<div class="chat-mg bx">
<a href="#" title=""><img src="images/chat.png" alt=""></a>
<span>2</span>
</div>
<div class="conversation-box">
<div class="con-title">
<h3>Messages</h3>
<a href="#" title="" class="close-chat"><i class="la la-minus-square"></i></a>
</div>
<div class="chat-list">
<div class="conv-list active">
<div class="usrr-pic">
<img src="images/resources/usy1.png" alt="">
<span class="active-status activee"></span>
</div>
<div class="usy-info">
<h3>John Doe</h3>
<span>Lorem ipsum dolor <img src="images/smley.png" alt=""></span>
</div>
<div class="ct-time">
<span>1:55 PM</span>
</div>
<span class="msg-numbers">2</span>
</div>
<div class="conv-list">
<div class="usrr-pic">
<img src="images/resources/usy2.png" alt="">
</div>
<div class="usy-info">
<h3>John Doe</h3>
<span>Lorem ipsum dolor <img src="images/smley.png" alt=""></span>
</div>
<div class="ct-time">
<span>11:39 PM</span>
</div>
</div>
<div class="conv-list">
<div class="usrr-pic">
<img src="images/resources/usy3.png" alt="">
</div>
<div class="usy-info">
<h3>John Doe</h3>
<span>Lorem ipsum dolor <img src="images/smley.png" alt=""></span>
</div>
<div class="ct-time">
<span>0.28 AM</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/popper.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.mCustomScrollbar.js"></script>
<script type="text/javascript" src="lib/slick/slick.min.js"></script>
<script type="text/javascript" src="js/scrollbar.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>