| Server IP : 209.209.40.120 / Your IP : 216.73.217.112 Web Server : Microsoft-IIS/10.0 System : Windows NT NEWWWW 10.0 build 17763 (Windows Server 2019) i586 User : NEWWWW$ ( 0) PHP Version : 8.3.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/HostingSpaces/admin/penpaleurope.com/backup/api/joli/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<!-- META SECTION -->
<title>Joli Admin - Responsive Bootstrap Admin Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<!-- END META SECTION -->
<!-- CSS INCLUDE -->
<link rel="stylesheet" type="text/css" id="theme" href="css/theme-default.css"/>
<!-- EOF CSS INCLUDE -->
</head>
<body>
<!-- START PAGE CONTAINER -->
<div class="page-container">
<!-- START PAGE SIDEBAR -->
<div class="page-sidebar">
<!-- START X-NAVIGATION -->
<ul class="x-navigation">
<li class="xn-logo">
<a href="index.html">Joli Admin</a>
<a href="#" class="x-navigation-control"></a>
</li>
<li class="xn-profile">
<a href="#" class="profile-mini">
<img src="assets/images/users/avatar.jpg" alt="John Doe"/>
</a>
<div class="profile">
<div class="profile-image">
<img src="assets/images/users/avatar.jpg" alt="John Doe"/>
</div>
<div class="profile-data">
<div class="profile-data-name">John Doe</div>
<div class="profile-data-title">Web Developer/Designer</div>
</div>
<div class="profile-controls">
<a href="pages-profile.html" class="profile-control-left"><span class="fa fa-info"></span></a>
<a href="pages-messages.html" class="profile-control-right"><span class="fa fa-envelope"></span></a>
</div>
</div>
</li>
<li class="xn-title">Navigation</li>
<li>
<a href="index.html"><span class="fa fa-desktop"></span> <span class="xn-text">Dashboard</span></a>
</li>
<li class="xn-openable active">
<a href="#"><span class="fa fa-files-o"></span> <span class="xn-text">Pages</span></a>
<ul>
<li><a href="pages-gallery.html"><span class="fa fa-image"></span> Gallery</a></li>
<li><a href="pages-profile.html"><span class="fa fa-user"></span> Profile</a></li>
<li><a href="pages-address-book.html"><span class="fa fa-users"></span> Address Book</a></li>
<li class="xn-openable active">
<a href="#"><span class="fa fa-clock-o"></span> Timeline</a>
<ul>
<li class="active"><a href="pages-timeline.html"><span class="fa fa-align-center"></span> Default</a></li>
<li><a href="pages-timeline-simple.html"><span class="fa fa-align-justify"></span> Full Width</a></li>
</ul>
</li>
<li class="xn-openable">
<a href="#"><span class="fa fa-envelope"></span> Mailbox</a>
<ul>
<li><a href="pages-mailbox-inbox.html"><span class="fa fa-inbox"></span> Inbox</a></li>
<li><a href="pages-mailbox-message.html"><span class="fa fa-file-text"></span> Message</a></li>
<li><a href="pages-mailbox-compose.html"><span class="fa fa-pencil"></span> Compose</a></li>
</ul>
</li>
<li><a href="pages-messages.html"><span class="fa fa-comments"></span> Messages</a></li>
<li><a href="pages-calendar.html"><span class="fa fa-calendar"></span> Calendar</a></li>
<li><a href="pages-tasks.html"><span class="fa fa-edit"></span> Tasks</a></li>
<li><a href="pages-content-table.html"><span class="fa fa-columns"></span> Content Table</a></li>
<li><a href="pages-faq.html"><span class="fa fa-question-circle"></span> FAQ</a></li>
<li><a href="pages-search.html"><span class="fa fa-search"></span> Search</a></li>
<li class="xn-openable">
<a href="#"><span class="fa fa-file"></span> Blog</a>
<ul>
<li><a href="pages-blog-list.html"><span class="fa fa-copy"></span> List of Posts</a></li>
<li><a href="pages-blog-post.html"><span class="fa fa-file-o"></span>Single Post</a></li>
</ul>
</li>
<li class="xn-openable">
<a href="#"><span class="fa fa-sign-in"></span> Login</a>
<ul>
<li><a href="pages-login.html">App Login</a></li>
<li><a href="pages-login-website.html">Website Login</a></li>
<li><a href="pages-login-website-light.html"> Website Login Light</a></li>
</ul>
</li>
<li class="xn-openable">
<a href="#"><span class="fa fa-warning"></span> Error Pages</a>
<ul>
<li><a href="pages-error-404.html">Error 404 Sample 1</a></li>
<li><a href="pages-error-404-2.html">Error 404 Sample 2</a></li>
<li><a href="pages-error-500.html"> Error 500</a></li>
</ul>
</li>
</ul>
</li>
<li class="xn-openable">
<a href="#"><span class="fa fa-file-text-o"></span> <span class="xn-text">Layouts</span></a>
<ul>
<li><a href="layout-boxed.html">Boxed</a></li>
<li><a href="layout-nav-toggled.html">Navigation Toggled</a></li>
<li><a href="layout-nav-top.html">Navigation Top</a></li>
<li><a href="layout-nav-right.html">Navigation Right</a></li>
<li><a href="layout-nav-top-fixed.html">Top Navigation Fixed</a></li>
<li><a href="layout-nav-custom.html">Custom Navigation</a></li>
<li><a href="layout-frame-left.html">Frame Left Column</a></li>
<li><a href="layout-frame-right.html">Frame Right Column</a></li>
<li><a href="layout-search-left.html">Search Left Side</a></li>
<li><a href="blank.html">Blank Page</a></li>
</ul>
</li>
<li class="xn-title">Components</li>
<li class="xn-openable">
<a href="#"><span class="fa fa-cogs"></span> <span class="xn-text">UI Kits</span></a>
<ul>
<li><a href="ui-widgets.html"><span class="fa fa-heart"></span> Widgets</a></li>
<li><a href="ui-elements.html"><span class="fa fa-cogs"></span> Elements</a></li>
<li><a href="ui-buttons.html"><span class="fa fa-square-o"></span> Buttons</a></li>
<li><a href="ui-panels.html"><span class="fa fa-pencil-square-o"></span> Panels</a></li>
<li><a href="ui-icons.html"><span class="fa fa-magic"></span> Icons</a><div class="informer informer-warning">+679</div></li>
<li><a href="ui-typography.html"><span class="fa fa-pencil"></span> Typography</a></li>
<li><a href="ui-portlet.html"><span class="fa fa-th"></span> Portlet</a></li>
<li><a href="ui-sliders.html"><span class="fa fa-arrows-h"></span> Sliders</a></li>
<li><a href="ui-alerts-popups.html"><span class="fa fa-warning"></span> Alerts & Popups</a></li>
<li><a href="ui-lists.html"><span class="fa fa-list-ul"></span> Lists</a></li>
<li><a href="ui-tour.html"><span class="fa fa-random"></span> Tour</a></li>
</ul>
</li>
<li class="xn-openable">
<a href="#"><span class="fa fa-pencil"></span> <span class="xn-text">Forms</span></a>
<ul>
<li>
<a href="form-layouts-two-column.html"><span class="fa fa-tasks"></span> Form Layouts</a>
<div class="informer informer-danger">New</div>
<ul>
<li><a href="form-layouts-one-column.html"><span class="fa fa-align-justify"></span> One Column</a></li>
<li><a href="form-layouts-two-column.html"><span class="fa fa-th-large"></span> Two Column</a></li>
<li><a href="form-layouts-tabbed.html"><span class="fa fa-table"></span> Tabbed</a></li>
<li><a href="form-layouts-separated.html"><span class="fa fa-th-list"></span> Separated Rows</a></li>
</ul>
</li>
<li><a href="form-elements.html"><span class="fa fa-file-text-o"></span> Elements</a></li>
<li><a href="form-validation.html"><span class="fa fa-list-alt"></span> Validation</a></li>
<li><a href="form-wizards.html"><span class="fa fa-arrow-right"></span> Wizards</a></li>
<li><a href="form-editors.html"><span class="fa fa-text-width"></span> WYSIWYG Editors</a></li>
<li><a href="form-file-handling.html"><span class="fa fa-floppy-o"></span> File Handling</a></li>
</ul>
</li>
<li class="xn-openable">
<a href="tables.html"><span class="fa fa-table"></span> <span class="xn-text">Tables</span></a>
<ul>
<li><a href="table-basic.html"><span class="fa fa-align-justify"></span> Basic</a></li>
<li><a href="table-datatables.html"><span class="fa fa-sort-alpha-desc"></span> Data Tables</a></li>
<li><a href="table-export.html"><span class="fa fa-download"></span> Export Tables</a></li>
</ul>
</li>
<li class="xn-openable">
<a href="#"><span class="fa fa-bar-chart-o"></span> <span class="xn-text">Charts</span></a>
<ul>
<li><a href="charts-morris.html"><span class="xn-text">Morris</span></a></li>
<li><a href="charts-nvd3.html"><span class="xn-text">NVD3</span></a></li>
<li><a href="charts-rickshaw.html"><span class="xn-text">Rickshaw</span></a></li>
<li><a href="charts-other.html"><span class="xn-text">Other</span></a></li>
</ul>
</li>
<li>
<a href="maps.html"><span class="fa fa-map-marker"></span> <span class="xn-text">Maps</span></a>
</li>
<li class="xn-openable">
<a href="#"><span class="fa fa-sitemap"></span> <span class="xn-text">Navigation Levels</span></a>
<ul>
<li class="xn-openable">
<a href="#">Second Level</a>
<ul>
<li class="xn-openable">
<a href="#">Third Level</a>
<ul>
<li class="xn-openable">
<a href="#">Fourth Level</a>
<ul>
<li><a href="#">Fifth Level</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<!-- END X-NAVIGATION -->
</div>
<!-- END PAGE SIDEBAR -->
<!-- PAGE CONTENT -->
<div class="page-content">
<!-- START X-NAVIGATION VERTICAL -->
<ul class="x-navigation x-navigation-horizontal x-navigation-panel">
<!-- TOGGLE NAVIGATION -->
<li class="xn-icon-button">
<a href="#" class="x-navigation-minimize"><span class="fa fa-dedent"></span></a>
</li>
<!-- END TOGGLE NAVIGATION -->
<!-- SEARCH -->
<li class="xn-search">
<form role="form">
<input type="text" name="search" placeholder="Search..."/>
</form>
</li>
<!-- END SEARCH -->
<!-- SIGN OUT -->
<li class="xn-icon-button pull-right">
<a href="#" class="mb-control" data-box="#mb-signout"><span class="fa fa-sign-out"></span></a>
</li>
<!-- END SIGN OUT -->
<!-- MESSAGES -->
<li class="xn-icon-button pull-right">
<a href="#"><span class="fa fa-comments"></span></a>
<div class="informer informer-danger">4</div>
<div class="panel panel-primary animated zoomIn xn-drop-left xn-panel-dragging">
<div class="panel-heading">
<h3 class="panel-title"><span class="fa fa-comments"></span> Messages</h3>
<div class="pull-right">
<span class="label label-danger">4 new</span>
</div>
</div>
<div class="panel-body list-group list-group-contacts scroll" style="height: 200px;">
<a href="#" class="list-group-item">
<div class="list-group-status status-online"></div>
<img src="assets/images/users/user2.jpg" class="pull-left" alt="John Doe"/>
<span class="contacts-title">John Doe</span>
<p>Praesent placerat tellus id augue condimentum</p>
</a>
<a href="#" class="list-group-item">
<div class="list-group-status status-away"></div>
<img src="assets/images/users/user.jpg" class="pull-left" alt="Dmitry Ivaniuk"/>
<span class="contacts-title">Dmitry Ivaniuk</span>
<p>Donec risus sapien, sagittis et magna quis</p>
</a>
<a href="#" class="list-group-item">
<div class="list-group-status status-away"></div>
<img src="assets/images/users/user3.jpg" class="pull-left" alt="Nadia Ali"/>
<span class="contacts-title">Nadia Ali</span>
<p>Mauris vel eros ut nunc rhoncus cursus sed</p>
</a>
<a href="#" class="list-group-item">
<div class="list-group-status status-offline"></div>
<img src="assets/images/users/user6.jpg" class="pull-left" alt="Darth Vader"/>
<span class="contacts-title">Darth Vader</span>
<p>I want my money back!</p>
</a>
</div>
<div class="panel-footer text-center">
<a href="pages-messages.html">Show all messages</a>
</div>
</div>
</li>
<!-- END MESSAGES -->
<!-- TASKS -->
<li class="xn-icon-button pull-right">
<a href="#"><span class="fa fa-tasks"></span></a>
<div class="informer informer-warning">3</div>
<div class="panel panel-primary animated zoomIn xn-drop-left xn-panel-dragging">
<div class="panel-heading">
<h3 class="panel-title"><span class="fa fa-tasks"></span> Tasks</h3>
<div class="pull-right">
<span class="label label-warning">3 active</span>
</div>
</div>
<div class="panel-body list-group scroll" style="height: 200px;">
<a class="list-group-item" href="#">
<strong>Phasellus augue arcu, elementum</strong>
<div class="progress progress-small progress-striped active">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
</div>
<small class="text-muted">John Doe, 25 Sep 2014 / 50%</small>
</a>
<a class="list-group-item" href="#">
<strong>Aenean ac cursus</strong>
<div class="progress progress-small progress-striped active">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">80%</div>
</div>
<small class="text-muted">Dmitry Ivaniuk, 24 Sep 2014 / 80%</small>
</a>
<a class="list-group-item" href="#">
<strong>Lorem ipsum dolor</strong>
<div class="progress progress-small progress-striped active">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 95%;">95%</div>
</div>
<small class="text-muted">John Doe, 23 Sep 2014 / 95%</small>
</a>
<a class="list-group-item" href="#">
<strong>Cras suscipit ac quam at tincidunt.</strong>
<div class="progress progress-small">
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">100%</div>
</div>
<small class="text-muted">John Doe, 21 Sep 2014 /</small><small class="text-success"> Done</small>
</a>
</div>
<div class="panel-footer text-center">
<a href="pages-tasks.html">Show all tasks</a>
</div>
</div>
</li>
<!-- END TASKS -->
</ul>
<!-- END X-NAVIGATION VERTICAL -->
<!-- START BREADCRUMB -->
<ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Pages</a></li>
<li class="active">Timeline</li>
</ul>
<!-- END BREADCRUMB -->
<!-- PAGE CONTENT WRAPPER -->
<div class="page-content-wrap">
<div class="row">
<div class="col-md-6">
<!-- START TIMELINE FILTER -->
<div class="panel panel-default">
<div class="panel-body">
<h3>Timeline filter</h3>
<form class="form-horizontal" role="form">
<div class="form-group">
<div class="col-md-8">
<div class="input-group">
<span class="input-group-addon"><span class="fa fa-search"></span></span>
<input type="text" class="form-control" placeholder="Keywords"/>
</div>
</div>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon add-on"><span class="fa fa-calendar"></span></span>
<input type="text" class="form-control datepicker" value="2014-10-06"/>
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-8">
<div class="btn-group btn-group-justified">
<a href="#" class="btn btn-primary active">All</a>
<a href="#" class="btn btn-primary">Year</a>
<a href="#" class="btn btn-primary">Month</a>
<a href="#" class="btn btn-primary">Week</a>
</div>
</div>
<div class="col-md-4">
<div class="pull-right">
<button class="btn btn-success"><span class="fa fa-refresh"></span> UPDATE</button>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- END TIMELINE FILTER -->
</div>
<div class="col-md-6">
<!-- START NEW RECORD -->
<div class="panel panel-default">
<div class="panel-body">
<h3>What happened?</h3>
<form class="form-horizontal" role="form">
<div class="form-group">
<div class="col-md-12">
<div class="input-group">
<span class="input-group-addon"><span class="fa fa-pencil"></span></span>
<input class="form-control" placeholder="Write something"/>
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<div class="btn-group pull-left">
<button class="btn btn-primary"><span class="fa fa-camera"></span></button>
<button class="btn btn-primary"><span class="fa fa-map-marker"></span></button>
<button class="btn btn-primary"><span class="fa fa-calendar"></span></button>
</div>
<div class="pull-right">
<button class="btn btn-danger"><span class="fa fa-share"></span> SEND</button>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- END NEW RECORD -->
</div>
</div>
<div class="row">
<div class="col-md-12">
<!-- START TIMELINE -->
<div class="timeline">
<!-- START TIMELINE ITEM -->
<div class="timeline-item timeline-main">
<div class="timeline-date">2014</div>
</div>
<!-- END TIMELINE ITEM -->
<!-- START TIMELINE ITEM -->
<div class="timeline-item">
<div class="timeline-item-info">Yesterday</div>
<div class="timeline-item-icon"><span class="fa fa-globe"></span></div>
<div class="timeline-item-content">
<div class="timeline-heading">
<img src="assets/images/users/user2.jpg"/> <a href="#">John Doe</a> added article <a href="#">Lorem ipsum dolor sit amet</a>
</div>
<div class="timeline-body">
<img src="assets/images/gallery/nature-4.jpg" class="img-text" width="150" align="left"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus dolor id orci lacinia, eget aliquam velit consequat.</p>
<p>Vivamus at tincidunt lectus, faucibus condimentum quam. Duis facilisis sem sed eros malesuada, vel dignissim diam ornare. Etiam rhoncus, nibh non auctor mattis, ligula diam mattis dolor, non tincidunt lectus velit nec metus.
Phasellus dictum justo vitae ornare lobortis. Integer ut lectus vel mauris tempor ultricies eget vitae turpis. Sed eleifend odio quis rutrum volutpat.</p>
<ul class="list-tags">
<li><a href="#"><span class="fa fa-tag"></span> tempor</a></li>
<li><a href="#"><span class="fa fa-tag"></span> eros</a></li>
<li><a href="#"><span class="fa fa-tag"></span> suspendisse</a></li>
<li><a href="#"><span class="fa fa-tag"></span> dolor</a></li>
</ul>
</div>
<div class="timeline-body comments">
<div class="comment-item">
<img src="assets/images/users/user4.jpg"/>
<p class="comment-head">
<a href="#">Brad Pitt</a> <span class="text-muted">@bradpitt</span>
</p>
<p>Awesome, man, that is awesome...</p>
<small class="text-muted">10h ago</small>
</div>
<div class="comment-write">
<textarea class="form-control" placeholder="Write a comment" rows="1"></textarea>
</div>
</div>
<div class="timeline-footer">
<a href="#">Read more</a>
<div class="pull-right">
<a href="#"><span class="fa fa-comment"></span> 35</a>
<a href="#"><span class="fa fa-share"></span></a>
</div>
</div>
</div>
</div>
<!-- END TIMELINE ITEM -->
<!-- START TIMELINE ITEM -->
<div class="timeline-item timeline-item-right">
<div class="timeline-item-info">29 Sep 2014</div>
<div class="timeline-item-icon"><span class="fa fa-image"></span></div>
<div class="timeline-item-content">
<div class="timeline-heading">
<img src="assets/images/users/user.jpg"/> <a href="#">Dmitry Ivaniuk</a> posted <a href="#">@Nature</a> images
</div>
<div class="timeline-body" id="links">
<div class="row">
<div class="col-md-4">
<a href="assets/images/gallery/nature-1.jpg" title="Nature Image 1" data-gallery>
<img src="assets/images/gallery/nature-1.jpg" class="img-responsive img-text"/>
</a>
</div>
<div class="col-md-4">
<a href="assets/images/gallery/nature-2.jpg" title="Nature Image 2" data-gallery>
<img src="assets/images/gallery/nature-2.jpg" class="img-responsive img-text"/>
</a>
</div>
<div class="col-md-4">
<a href="assets/images/gallery/nature-3.jpg" title="Nature Image 3" data-gallery>
<img src="assets/images/gallery/nature-3.jpg" class="img-responsive img-text"/>
</a>
</div>
</div>
</div>
<div class="timeline-body comments">
<div class="comment-item">
<img src="assets/images/users/user2.jpg"/>
<p class="comment-head">
<a href="#">John Doe</a> <span class="text-muted">@johndoe</span>
</p>
<p>Amazing! Where did you get it?</p>
<small class="text-muted">10h ago</small>
</div>
<div class="comment-write">
<textarea class="form-control" placeholder="Write a comment" rows="1"></textarea>
</div>
</div>
</div>
</div>
<!-- END TIMELINE ITEM -->
<!-- START TIMELINE ITEM -->
<div class="timeline-item">
<div class="timeline-item-info">06 Oct 2014</div>
<div class="timeline-item-icon"><span class="fa fa-star"></span></div>
<div class="timeline-item-content">
<div class="timeline-heading" style="padding-bottom: 10px;">
<img src="assets/images/users/user2.jpg"/>
<a href="#">John Doe</a> joined group <a href="#">Web Developers</a>
</div>
<div class="timeline-body comments">
<div class="comment-item">
<img src="assets/images/users/user.jpg"/>
<p class="comment-head">
<a href="#">Dmitry Ivaniuk</a> <span class="text-muted">@Aqvatarius</span>
</p>
<p>You r welcome my friend :)</p>
<small class="text-muted">5 min ago</small>
</div>
<div class="comment-item">
<img src="assets/images/users/user2.jpg"/>
<p class="comment-head">
<a href="#">John Doe</a> <span class="text-muted">@johndoe</span>
</p>
<p>Thank you, Dmitry!!! ;)</p>
<small class="text-muted">1 min ago / to @Aqvatarius</small>
</div>
<div class="comment-write">
<textarea class="form-control" placeholder="Write a comment" rows="1"></textarea>
</div>
</div>
</div>
</div>
<!-- END TIMELINE ITEM -->
<!-- START TIMELINE ITEM -->
<div class="timeline-item timeline-item-right">
<div class="timeline-item-info">5 Sep 2014</div>
<div class="timeline-item-icon"><span class="fa fa-map-marker"></span></div>
<div class="timeline-item-content">
<div class="timeline-body padding-0">
<div id="google_ptm_map" style="width: 100%; height: 150px;"></div>
</div>
<div class="timeline-heading">
<img src="assets/images/users/user2.jpg"/> <a href="#">John Doe</a> invite you to <a href="#">@Event</a>
</div>
</div>
</div>
<!-- END TIMELINE ITEM -->
<!-- START TIMELINE ITEM -->
<div class="timeline-item">
<div class="timeline-item-info">06 Oct 2014</div>
<div class="timeline-item-icon"><span class="fa fa-users"></span></div>
<div class="timeline-item-content">
<div class="timeline-heading" style="padding-bottom: 10px;">
<img src="assets/images/users/user3.jpg"/>
<a href="#">Nadia Ali</a> added to friends
<img src="assets/images/users/user.jpg"/>
<img src="assets/images/users/user2.jpg"/>
<img src="assets/images/users/user4.jpg"/>
</div>
<div class="timeline-body comments">
<div class="comment-write">
<textarea class="form-control" placeholder="Write a comment" rows="1"></textarea>
</div>
</div>
</div>
</div>
<!-- END TIMELINE ITEM -->
<!-- START TIMELINE ITEM -->
<div class="timeline-item timeline-main">
<div class="timeline-date">2013</div>
</div>
<!-- END TIMELINE ITEM -->
<!-- START TIMELINE ITEM -->
<div class="timeline-item timeline-item-right">
<div class="timeline-item-info">30 Dec 2013</div>
<div class="timeline-item-icon"><span class="fa fa-user"></span></div>
<div class="timeline-item-content">
<div class="timeline-heading padding-bottom-0" style="padding-bottom: 10px;">
<img src="assets/images/users/user2.jpg"/>
<a href="#">John Doe</a> update user image
</div>
<div class="timeline-body text-center">
<img src="assets/images/users/user2.jpg" width="100" class="img-circle img-thumbnail"/>
</div>
<div class="timeline-body comments">
<div class="comment-write">
<textarea class="form-control" placeholder="Write a comment" rows="1"></textarea>
</div>
</div>
</div>
</div>
<!-- END TIMELINE ITEM -->
<!-- START TIMELINE ITEM -->
<div class="timeline-item timeline-main">
<div class="timeline-date"><a href="#"><span class="fa fa-ellipsis-h"></span></a></div>
</div>
<!-- END TIMELINE ITEM -->
</div>
<!-- END TIMELINE -->
</div>
</div>
</div>
<!-- END PAGE CONTENT WRAPPER -->
</div>
<!-- END PAGE CONTENT -->
</div>
<!-- END PAGE CONTAINER -->
<!-- BLUEIMP GALLERY -->
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
<div class="slides"></div>
<h3 class="title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="close">×</a>
<a class="play-pause"></a>
<ol class="indicator"></ol>
</div>
<!-- END BLUEIMP GALLERY -->
<!-- MESSAGE BOX-->
<div class="message-box animated fadeIn" data-sound="alert" id="mb-signout">
<div class="mb-container">
<div class="mb-middle">
<div class="mb-title"><span class="fa fa-sign-out"></span> Log <strong>Out</strong> ?</div>
<div class="mb-content">
<p>Are you sure you want to log out?</p>
<p>Press No if youwant to continue work. Press Yes to logout current user.</p>
</div>
<div class="mb-footer">
<div class="pull-right">
<a href="pages-login.html" class="btn btn-success btn-lg">Yes</a>
<button class="btn btn-default btn-lg mb-control-close">No</button>
</div>
</div>
</div>
</div>
</div>
<!-- END MESSAGE BOX-->
<!-- START PRELOADS -->
<audio id="audio-alert" src="audio/alert.mp3" preload="auto"></audio>
<audio id="audio-fail" src="audio/fail.mp3" preload="auto"></audio>
<!-- END PRELOADS -->
<!-- START SCRIPTS -->
<!-- START PLUGINS -->
<script type="text/javascript" src="js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/plugins/bootstrap/bootstrap.min.js"></script>
<!-- END PLUGINS -->
<!-- START THIS PAGE PLUGINS-->
<script type='text/javascript' src='js/plugins/icheck/icheck.min.js'></script>
<script type="text/javascript" src="js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
<script type="text/javascript" src="js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
<script type="text/javascript" src="js/plugins/bootstrap/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/plugins/bootstrap/bootstrap-select.js"></script>
<!-- END THIS PAGE PLUGINS-->
<!-- START TEMPLATE -->
<script type="text/javascript" src="js/settings.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>
<script type="text/javascript" src="js/actions.js"></script>
<script type="text/javascript" src="js/demo_maps.js"></script>
<!-- END TEMPLATE -->
<script>
document.getElementById('links').onclick = function (event) {
event = event || window.event;
var target = event.target || event.srcElement,
link = target.src ? target.parentNode : target,
options = {index: link, event: event,onclosed: function(){
setTimeout(function(){
$("body").css("overflow","");
},200);
}},
links = this.getElementsByTagName('a');
blueimp.Gallery(links, options);
};
</script>
<!-- END SCRIPTS -->
</body>
</html>