[ Mini Kiebo ]
Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586
Path:
D:
/
Aplikasi
/
Macbook Air
/
Download-an
/
caraka
/
[
Home
]
File: profile.html
<!doctype html> <html class="no-js " lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta name="description" content="Responsive Bootstrap 4 and web Application ui kit."> <title>:: Compass Admin ::</title> <link rel="icon" href="favicon.ico" type="image/x-icon"> <!-- Favicon--> <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css"> <!-- Custom Css --> <link rel="stylesheet" href="assets/css/main.css"> <link rel="stylesheet" href="assets/css/timeline.css"> <link rel="stylesheet" href="assets/css/blog.css"> <link rel="stylesheet" href="assets/css/color_skins.css"></head> <body class="theme-blue"> <!-- Page Loader --> <div class="page-loader-wrapper"> <div class="loader"> <div class="m-t-30"><img class="zmdi-hc-spin" src="assets/images/logo.svg" width="48" height="48" alt="Compass"></div> <p>Please wait...</p> </div> </div> <!-- Overlay For Sidebars --> <div class="overlay"></div> <!-- Top Bar --> <nav class="navbar"> <div class="col-12"> <div class="navbar-header"> <a href="javascript:void(0);" class="bars"></a> <a class="navbar-brand" href="index.html"><img src="assets/images/logo.svg" width="30" alt="Compass"><span class="m-l-10">Estate</span></a> </div> <ul class="nav navbar-nav navbar-left"> <li><a href="javascript:void(0);" class="ls-toggle-btn" data-close="true"><i class="zmdi zmdi-swap"></i></a></li> <li class="hidden-sm-down"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search..."> <span class="input-group-addon"> <i class="zmdi zmdi-search"></i> </span> </div> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button"><i class="zmdi zmdi-notifications"></i> <div class="notify"><span class="heartbit"></span><span class="point"></span></div> </a> <ul class="dropdown-menu dropdown-menu-right slideDown"> <li class="header">NOTIFICATIONS</li> <li class="body"> <ul class="menu list-unstyled"> <li> <a href="javascript:void(0);"> <div class="icon-circle bg-blue"><i class="zmdi zmdi-account"></i></div> <div class="menu-info"> <h4>8 New Members joined</h4> <p><i class="zmdi zmdi-time"></i> 14 mins ago </p> </div> </a> </li> <li> <a href="javascript:void(0);"> <div class="icon-circle bg-amber"><i class="zmdi zmdi-shopping-cart"></i></div> <div class="menu-info"> <h4>4 Sales made</h4> <p> <i class="zmdi zmdi-time"></i> 22 mins ago </p> </div> </a> </li> <li> <a href="javascript:void(0);"> <div class="icon-circle bg-red"><i class="zmdi zmdi-delete"></i></div> <div class="menu-info"> <h4><b>Nancy Doe</b> Deleted account</h4> <p> <i class="zmdi zmdi-time"></i> 3 hours ago </p> </div> </a> </li> <li> <a href="javascript:void(0);"> <div class="icon-circle bg-green"><i class="zmdi zmdi-edit"></i></div> <div class="menu-info"> <h4><b>Nancy</b> Changed name</h4> <p> <i class="zmdi zmdi-time"></i> 2 hours ago </p> </div> </a> </li> <li> <a href="javascript:void(0);"> <div class="icon-circle bg-grey"><i class="zmdi zmdi-comment-text"></i></div> <div class="menu-info"> <h4><b>John</b> Commented your post</h4> <p> <i class="zmdi zmdi-time"></i> 4 hours ago </p> </div> </a> </li> <li> <a href="javascript:void(0);"> <div class="icon-circle bg-purple"><i class="zmdi zmdi-refresh"></i></div> <div class="menu-info"> <h4><b>John</b> Updated status</h4> <p> <i class="zmdi zmdi-time"></i> 3 hours ago </p> </div> </a> </li> <li> <a href="javascript:void(0);"> <div class="icon-circle bg-light-blue"><i class="zmdi zmdi-settings"></i></div> <div class="menu-info"> <h4>Settings Updated</h4> <p> <i class="zmdi zmdi-time"></i> Yesterday </p> </div> </a> </li> </ul> </li> <li class="footer"> <a href="javascript:void(0);">View All Notifications</a> </li> </ul> </li> <li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button"><i class="zmdi zmdi-flag"></i> <div class="notify"><span class="heartbit"></span><span class="point"></span></div> </a> <ul class="dropdown-menu dropdown-menu-right slideDown"> <li class="header">TASKS</li> <li class="body"> <ul class="menu tasks list-unstyled"> <li> <a href="javascript:void(0);"> <div class="progress-container progress-primary"> <span class="progress-badge">Footer display issue</span> <div class="progress"> <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100" style="width: 86%;"> <span class="progress-value">86%</span> </div> </div> </div> </a> </li> <li> <a href="javascript:void(0);"> <div class="progress-container progress-info"> <span class="progress-badge">Answer GitHub questions</span> <div class="progress"> <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100" style="width: 35%;"> <span class="progress-value">35%</span> </div> </div> </div> </a> </li> <li> <a href="javascript:void(0);"> <div class="progress-container progress-success"> <span class="progress-badge">Solve transition issue</span> <div class="progress"> <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100" style="width: 72%;"> <span class="progress-value">72%</span> </div> </div> </div> </a> </li> <li><a href="javascript:void(0);"> <div class="progress-container"> <span class="progress-badge"> Create new dashboard</span> <div class="progress"> <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%;"> <span class="progress-value">45%</span> </div> </div> </div> </a> </li> <li> <a href="javascript:void(0);"> <div class="progress-container progress-warning"> <span class="progress-badge">Panding Project</span> <div class="progress"> <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="29" aria-valuemin="0" aria-valuemax="100" style="width: 29%;"> <span class="progress-value">29%</span> </div> </div> </div> </a> </li> </ul> </li> <li class="footer"><a href="javascript:void(0);">View All</a></li> </ul> </li> <li> <a href="javascript:void(0);" class="fullscreen hidden-sm-down" data-provide="fullscreen" data-close="true"><i class="zmdi zmdi-fullscreen"></i></a> </li> <li><a href="sign-in.html" class="mega-menu" data-close="true"><i class="zmdi zmdi-power"></i></a></li> <li class=""><a href="javascript:void(0);" class="js-right-sidebar" data-close="true"><i class="zmdi zmdi-settings zmdi-hc-spin"></i></a></li> </ul> </div> </nav> <!-- Left Sidebar --> <aside id="leftsidebar" class="sidebar"> <div class="menu"> <ul class="list"> <li> <div class="user-info"> <div class="image"><a href="profile.html"><img src="assets/images/profile_av.jpg" alt="User"></a></div> <div class="detail"> <h4>Michael</h4> <small>Agent</small> </div> <a href="events.html" title="Events"><i class="zmdi zmdi-calendar"></i></a> <a href="mail-inbox.html" title="Inbox"><i class="zmdi zmdi-email"></i></a> <a href="contact.html" title="Contact List"><i class="zmdi zmdi-account-box-phone"></i></a> <a href="chat.html" title="Chat App"><i class="zmdi zmdi-comments"></i></a> <a href="sign-in.html" title="Sign out"><i class="zmdi zmdi-power"></i></a> </div> </li> <li class="header">MAIN</li> <li><a href="index.html"><i class="zmdi zmdi-home"></i><span>Dashboard</span></a></li> <li><a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-city"></i><span>Property</span> </a> <ul class="ml-menu"> <li><a href="property-list.html">Property List</a></li> <li><a href="property-list3.html">3 Column</a></li> <li><a href="property-list4.html">4 Column</a></li> <li><a href="add-property.html">Add Property</a></li> <li><a href="property-detail.html">Property Detail</a></li> </ul> </li> <li><a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-city"></i><span>Types</span> </a> <ul class="ml-menu"> <li><a href="apartment.html">Apartment</a></li> <li><a href="office.html">Office</a></li> <li><a href="shop.html">Shop</a></li> <li><a href="villa.html">Villa</a></li> </ul> </li> <li class="active open"><a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-accounts-outline"></i><span>Agents</span> </a> <ul class="ml-menu"> <li><a href="agent.html">All Agents</a></li> <li><a href="add-agent.html">Add Agent</a></li> <li class="active"><a href="profile.html">Agent Profile</a></li> <li><a href="invoices.html">Agent Invoice</a></li> </ul> </li> <li><a href="map.html"><i class="zmdi zmdi-pin"></i><span>Map</span></a></li> <li><a href="reports.html"><i class="zmdi zmdi-file-text"></i><span>Reports</span></a></li> <li> <a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-apps"></i><span>App</span> </a> <ul class="ml-menu"> <li><a href="mail-inbox.html">Inbox</a></li> <li><a href="chat.html">Chat</a></li> <li><a href="events.html">Calendar</a></li> <li><a href="file-dashboard.html">File Manager</a></li> <li><a href="contact.html">Contact list</a></li> <li><a href="blog-dashboard.html">Blog</a></li> </ul> </li> <li class="header">EXTRA COMPONENTS</li> <li> <a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-delicious"></i><span>Widgets</span> </a> <ul class="ml-menu"> <li><a href="widgets-app.html">Apps Widgetse</a></li> <li><a href="widgets-data.html">Data Widgetse</a></li> </ul> </li> <li> <a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-lock"></i><span>Authentication</span> </a> <ul class="ml-menu"> <li><a href="sign-in.html">Sign In</a> </li> <li><a href="sign-up.html">Sign Up</a> </li> <li><a href="forgot-password.html">Forgot Password</a> </li> <li><a href="404.html">Page 404</a> </li> <li><a href="500.html">Page 500</a> </li> <li><a href="page-offline.html">Page Offline</a> </li> <li><a href="locked.html">Locked Screen</a> </li> </ul> </li> <li> <a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-copy"></i><span>Sample Pages</span> </a> <ul class="ml-menu"> <li><a href="blank.html">Blank Page</a> </li> <li> <a href="image-gallery.html">Image Gallery</a> </li> <li><a href="profile.html">Profile</a></li> <li><a href="timeline.html">Timeline</a></li> <li><a href="pricing.html">Pricing</a></li> <li><a href="invoices.html">Invoices</a></li> <li><a href="search-results.html">Search Results</a></li> </ul> </li> <li class="header">Extra</li> <li> <div class="progress-container progress-primary m-t-10"> <span class="progress-badge">Traffic this Month</span> <div class="progress"> <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100" style="width: 67%;"> <span class="progress-value">67%</span> </div> </div> </div> <div class="progress-container progress-info"> <span class="progress-badge">Server Load</span> <div class="progress"> <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100" style="width: 86%;"> <span class="progress-value">86%</span> </div> </div> </div> </li> </ul> </div> </aside> <!-- Chat-launcher --> <div class="chat-launcher"></div> <div class="chat-wrapper"> <div class="card"> <div class="header"> <ul class="list-unstyled team-info margin-0"> <li class="m-r-15"><h2>Agent Team</h2></li> <li> <img src="assets/images/xs/avatar2.jpg" alt="Avatar"> </li> <li> <img src="assets/images/xs/avatar3.jpg" alt="Avatar"> </li> <li> <img src="assets/images/xs/avatar4.jpg" alt="Avatar"> </li> <li> <img src="assets/images/xs/avatar6.jpg" alt="Avatar"> </li> <li> <a href="javascript:void(0);" title="Add Member"><i class="zmdi zmdi-plus-circle"></i></a> </li> </ul> </div> <div class="body"> <div class="chat-widget"> <ul class="chat-scroll-list clearfix"> <li class="left float-left"> <img src="assets/images/xs/avatar3.jpg" class="rounded-circle" alt=""> <div class="chat-info"> <a class="name" href="#">Alexander</a> <span class="datetime">6:12</span> <span class="message">Hello, John </span> </div> </li> <li class="right"> <div class="chat-info"><span class="datetime">6:15</span> <span class="message">Hi, Alexander<br> How are you!</span> </div> </li> <li class="right"> <div class="chat-info"><span class="datetime">6:16</span> <span class="message">There are many variations of passages of Lorem Ipsum available</span> </div> </li> <li class="left float-left"> <img src="assets/images/xs/avatar2.jpg" class="rounded-circle" alt=""> <div class="chat-info"> <a class="name" href="#">Elizabeth</a> <span class="datetime">6:25</span> <span class="message">Hi, Alexander,<br> John <br> What are you doing?</span> </div> </li> <li class="left float-left"> <img src="assets/images/xs/avatar1.jpg" class="rounded-circle" alt=""> <div class="chat-info"> <a class="name" href="#">Michael</a> <span class="datetime">6:28</span> <span class="message">I would love to join the team.</span> </div> </li> <li class="right"> <div class="chat-info"><span class="datetime">7:02</span> <span class="message">Hello, <br>Michael</span> </div> </li> </ul> </div> <div class="input-group p-t-15"> <input type="text" class="form-control" placeholder="Enter text here..."> <span class="input-group-addon"> <i class="zmdi zmdi-mail-send"></i> </span> </div> </div> </div> </div> <section class="content profile-page"> <div class="block-header"> <div class="row"> <div class="col-lg-7 col-md-6 col-sm-12"> <h2>Agent Profile <small class="text-muted">Welcome to Compass</small> </h2> </div> <div class="col-lg-5 col-md-6 col-sm-12"> <button class="btn btn-primary btn-icon btn-round hidden-sm-down float-right m-l-10" type="button"> <i class="zmdi zmdi-plus"></i> </button> <ul class="breadcrumb float-md-right"> <li class="breadcrumb-item"><a href="index.html"><i class="zmdi zmdi-home"></i> Compass</a></li> <li class="breadcrumb-item"><a href="javascript:void(0);">Agent</a></li> <li class="breadcrumb-item active">Agent Profile</li> </ul> </div> </div> </div> <div class="container-fluid"> <div class="row clearfix"> <div class="col-lg-4 col-md-12"> <div class="card member-card"> <div class="header l-cyan"> <h4 class="m-t-10">Michael Dorsey</h4> </div> <div class="member-img"> <a href="profile.html" class=""> <img src="assets/images/profile_av.jpg" class="rounded-circle" alt="profile-image"> </a> </div> <div class="body"> <div class="col-12"> <ul class="social-links list-unstyled"> <li><a title="facebook" href="#"><i class="zmdi zmdi-facebook"></i></a></li> <li><a title="twitter" href="#"><i class="zmdi zmdi-twitter"></i></a></li> <li><a title="instagram" href="#"><i class="zmdi zmdi-instagram"></i></a></li> </ul> <p class="text-muted">795 Folsom Ave, Suite 600 San Francisco, CADGE 94107</p> </div> <hr> <div class="row"> <div class="col-4"> <h5>852</h5> <small>Following</small> </div> <div class="col-4"> <h5>13k</h5> <small>Followers</small> </div> <div class="col-4"> <h5>234</h5> <small>Post</small> </div> </div> </div> </div> <div class="card"> <ul class="nav nav-tabs"> <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#about">About</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#friends">Friends</a></li> </ul> <div class="tab-content"> <div class="tab-pane body active" id="about"> <small class="text-muted">Position: </small> <p>Agent</p> <hr> <small class="text-muted">Estate: </small> <p>Cleveland</p> <hr> <small class="text-muted">Email address: </small> <p>michael@gmail.com</p> <hr> <small class="text-muted">Phone: </small> <p>+ 202-555-0191</p> <hr> <ul class="list-unstyled"> <li> <div>Marketing</div> <div class="progress m-b-20"> <div class="progress-bar l-blue " role="progressbar" aria-valuenow="89" aria-valuemin="0" aria-valuemax="100" style="width: 89%"> <span class="sr-only">62% Complete</span> </div> </div> </li> <li> <div>Maths</div> <div class="progress m-b-20"> <div class="progress-bar l-green " role="progressbar" aria-valuenow="56" aria-valuemin="0" aria-valuemax="100" style="width: 56%"> <span class="sr-only">87% Complete</span> </div> </div> </li> <li> <div>Communication</div> <div class="progress m-b-20"> <div class="progress-bar l-amber" role="progressbar" aria-valuenow="78" aria-valuemin="0" aria-valuemax="100" style="width: 78%"> <span class="sr-only">32% Complete</span> </div> </div> </li> <li> <div>English</div> <div class="progress m-b-20"> <div class="progress-bar l-blush" role="progressbar" aria-valuenow="43" aria-valuemin="0" aria-valuemax="100" style="width: 43%"> <span class="sr-only">56% Complete</span> </div> </div> </li> </ul> </div> <div class="tab-pane body" id="friends"> <ul class="new_friend_list list-unstyled row"> <li class="col-lg-4 col-md-2 col-sm-6 col-4"> <a href=""> <img src="assets/images/sm/avatar1.jpg" class="img-thumbnail" alt="User Image"> <h6 class="users_name">Jackson</h6> <small class="join_date">Today</small> </a> </li> <li class="col-lg-4 col-md-2 col-sm-6 col-4"> <a href=""> <img src="assets/images/sm/avatar2.jpg" class="img-thumbnail" alt="User Image"> <h6 class="users_name">Aubrey</h6> <small class="join_date">Yesterday</small> </a> </li> <li class="col-lg-4 col-md-2 col-sm-6 col-4"> <a href=""> <img src="assets/images/sm/avatar3.jpg" class="img-thumbnail" alt="User Image"> <h6 class="users_name">Oliver</h6> <small class="join_date">08 Nov</small> </a> </li> <li class="col-lg-4 col-md-2 col-sm-6 col-4"> <a href=""> <img src="assets/images/sm/avatar4.jpg" class="img-thumbnail" alt="User Image"> <h6 class="users_name">Isabella</h6> <small class="join_date">12 Dec</small> </a> </li> <li class="col-lg-4 col-md-2 col-sm-6 col-4"> <a href=""> <img src="assets/images/sm/avatar1.jpg" class="img-thumbnail" alt="User Image"> <h6 class="users_name">Jacob</h6> <small class="join_date">12 Dec</small> </a> </li> <li class="col-lg-4 col-md-2 col-sm-6 col-4"> <a href=""> <img src="assets/images/sm/avatar5.jpg" class="img-thumbnail" alt="User Image"> <h6 class="users_name">Matthew</h6> <small class="join_date">17 Dec</small> </a> </li> </ul> </div> </div> </div> </div> <div class="col-lg-8 col-md-12"> <div class="card"> <ul class="nav nav-tabs"> <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#mypost">My Post</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#timeline">Timeline</a></li> <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#usersettings">Setting</a></li> </ul> </div> <div class="tab-content"> <div role="tabpanel" class="tab-pane blog-page active" id="mypost"> <div class="card single_post"> <div class="body"> <h3 class="m-t-0 m-b-5"><a href="blog-details.html">All photographs are accurate. None of them is the truth</a></h3> <ul class="meta"> <li><a href="#"><i class="zmdi zmdi-account col-blue"></i>Posted By: John Smith</a></li> <li><a href="#"><i class="zmdi zmdi-label col-red"></i>Photography</a></li> <li><a href="#"><i class="zmdi zmdi-comment-text col-blue"></i>Comments: 3</a></li> </ul> </div> <div class="body"> <div class="img-post m-b-15"> <div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> <div class="carousel-inner" role="listbox"> <div class="carousel-item active"> <img class="d-block img-fluid" src="assets/images/blog/blog-page-1.jpg" alt="First slide"> </div> <div class="carousel-item"> <img class="d-block img-fluid" src="assets/images/blog/blog-page-2.jpg" alt="Second slide"> </div> <div class="carousel-item"> <img class="d-block img-fluid" src="assets/images/blog/blog-page-3.jpg" alt="Third slide"> </div> </div> <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> <div class="social_share"> <button class="btn btn-primary btn-icon btn-icon-mini btn-round"><i class="zmdi zmdi-facebook"></i></button> <button class="btn btn-primary btn-icon btn-icon-mini btn-round"><i class="zmdi zmdi-twitter"></i></button> <button class="btn btn-primary btn-icon btn-icon-mini btn-round"><i class="zmdi zmdi-instagram"></i></button> </div> </div> <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal</p> <a href="blog-details.html" title="read more" class="btn btn-round btn-info">Read More</a> </div> </div> <div class="card single_post"> <div class="body"> <h3 class="m-t-0 m-b-5"><a href="blog-details.html">Apple Introduces Search Ads Basic</a></h3> <ul class="meta"> <li><a href="#"><i class="zmdi zmdi-account col-blue"></i>Posted By: John Smith</a></li> <li><a href="#"><i class="zmdi zmdi-label col-amber"></i>Technology</a></li> <li><a href="#"><i class="zmdi zmdi-comment-text col-blue"></i>Comments: 3</a></li> </ul> </div> <div class="body"> <div class="img-post m-b-15"> <img src="assets/images/blog/blog-page-2.jpg" alt="Awesome Image"> <div class="social_share"> <button class="btn btn-primary btn-icon btn-icon-mini btn-round"><i class="zmdi zmdi-facebook"></i></button> <button class="btn btn-primary btn-icon btn-icon-mini btn-round"><i class="zmdi zmdi-twitter"></i></button> <button class="btn btn-primary btn-icon btn-icon-mini btn-round"><i class="zmdi zmdi-instagram"></i></button> </div> </div> <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal</p> <a href="blog-details.html" title="read more" class="btn btn-round btn-info">Read More</a> </div> </div> <div class="row clearfix"> <div class="col-lg-6 col-md-12"> <div class="card single_post"> <div class="body"> <h3 class="m-t-0 m-b-5"><a href="blog-details.html">WTCR from 2018: new rules, more cars, more races</a></h3> <ul class="meta"> <li><a href="#"><i class="zmdi zmdi-account col-blue"></i>Posted By: John Smith</a></li> <li><a href="#"><i class="zmdi zmdi-label col-lime"></i>Sports</a></li> <li><a href="#"><i class="zmdi zmdi-comment-text col-blue"></i>Comments: 3</a></li> </ul> </div> <div class="body"> <div class="img-post m-b-15"> <img src="assets/images/blog/blog-page-3.jpg" alt="Awesome Image"> <div class="social_share"> <button class="btn btn-primary btn-icon btn-icon-mini btn-round"><i class="zmdi zmdi-facebook"></i></button> <button class="btn btn-primary btn-icon btn-icon-mini btn-round"><i class="zmdi zmdi-twitter"></i></button> <button class="btn btn-primary btn-icon btn-icon-mini btn-round"><i class="zmdi zmdi-instagram"></i></button> </div> </div> <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old</p> <a href="blog-details.html" title="read more" class="btn btn-round btn-info">Read More</a> </div> </div> </div> <div class="col-lg-6 col-md-12"> <div class="card single_post"> <div class="body"> <h3 class="m-t-0 m-b-5"><a href="blog-details.html">CSS Timeline Examples from CodePen</a></h3> <ul class="meta"> <li><a href="#"><i class="zmdi zmdi-account col-blue"></i>Posted By: John Smith</a></li> <li><a href="#"><i class="zmdi zmdi-label col-green"></i>Web Design</a></li> <li><a href="#"><i class="zmdi zmdi-comment-text col-blue"></i>Comments: 3</a></li> </ul> </div> <div class="body"> <div class="img-post m-b-15"> <img src="assets/images/blog/blog-page-4.jpg" alt="Awesome Image"> <div class="social_share"> <button class="btn btn-primary btn-icon btn-icon-mini btn-round"><i class="zmdi zmdi-facebook"></i></button> <button class="btn btn-primary btn-icon btn-icon-mini btn-round"><i class="zmdi zmdi-twitter"></i></button> <button class="btn btn-primary btn-icon btn-icon-mini btn-round"><i class="zmdi zmdi-instagram"></i></button> </div> </div> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words</p> <a href="blog-details.html" title="read more" class="btn btn-round btn-info">Read More</a> </div> </div> </div> </div> <ul class="pagination pagination-primary"> <li class="page-item"><a class="page-link" href="#">Previous</a></li> <li class="page-item active"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li> <li class="page-item"><a class="page-link" href="#">3</a></li> <li class="page-item"><a class="page-link" href="#">Next</a></li> </ul> </div> <div role="tabpanel" class="tab-pane" id="timeline"> <ul class="cbp_tmtimeline"> <li> <time class="cbp_tmtime" datetime="2017-11-04T18:30"><span class="hidden">25/12/2017</span> <span class="large">Now</span></time> <div class="cbp_tmicon"><i class="zmdi zmdi-account"></i></div> <div class="cbp_tmlabel empty"> <span>No Activity</span> </div> </li> <li> <time class="cbp_tmtime" datetime="2017-11-04T03:45"><span>03:45 AM</span> <span>Today</span></time> <div class="cbp_tmicon bg-info"><i class="zmdi zmdi-label"></i></div> <div class="cbp_tmlabel"> <h2><a href="javascript:void(0);">Art Ramadani</a> <span>posted a status update</span></h2> <p>Tolerably earnestly middleton extremely distrusts she boy now not. Add and offered prepare how cordial two promise. Greatly who affixed suppose but enquire compact prepare all put. Added forth chief trees but rooms think may.</p> </div> </li> <li> <time class="cbp_tmtime" datetime="2017-11-03T13:22"><span>01:22 PM</span> <span>Yesterday</span></time> <div class="cbp_tmicon bg-green"> <i class="zmdi zmdi-case"></i></div> <div class="cbp_tmlabel"> <h2><a href="javascript:void(0);">Job Meeting</a></h2> <p>You have a meeting at <strong>Laborator Office</strong> Today.</p> </div> </li> <li> <time class="cbp_tmtime" datetime="2017-10-22T12:13"><span>12:13 PM</span> <span>Two weeks ago</span></time> <div class="cbp_tmicon bg-blush"><i class="zmdi zmdi-pin"></i></div> <div class="cbp_tmlabel"> <h2><a href="javascript:void(0);">Arlind Nushi</a> <span>checked in at</span> <a href="javascript:void(0);">New York</a></h2> <blockquote> <p class="blockquote blockquote-primary"> "It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout." <br> <small> - Isabella </small> </p> </blockquote> <div class="row clearfix"> <div class="col-lg-12"> <div class="map m-t-10"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.91477011208!2d-74.11976308802028!3d40.69740344230033!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sin!4v1508039335245" frameborder="0" style="border:0; width: 100%;" allowfullscreen=""></iframe> </div> </div> </div> </div> </li> <li> <time class="cbp_tmtime" datetime="2017-10-22T12:13"><span>12:13 PM</span> <span>Two weeks ago</span></time> <div class="cbp_tmicon bg-orange"><i class="zmdi zmdi-camera"></i></div> <div class="cbp_tmlabel"> <h2><a href="javascript:void(0);">Eroll Maxhuni</a> <span>uploaded</span> 4 <span>new photos to album</span> <a href="javascript:void(0);">Summer Trip</a></h2> <blockquote>Pianoforte principles our unaffected not for astonished travelling are particular.</blockquote> <div class="row"> <div class="col-lg-3 col-md-6 col-6"><a href="javascript:void(0);"><img src="assets/images/image1.jpg" alt="" class="img-fluid img-thumbnail m-t-30"></a> </div> <div class="col-lg-3 col-md-6 col-6"><a href="javascript:void(0);"> <img src="assets/images/image2.jpg" alt="" class="img-fluid img-thumbnail m-t-30"></a> </div> <div class="col-lg-3 col-md-6 col-6"><a href="javascript:void(0);"> <img src="assets/images/image3.jpg" alt="" class="img-fluid img-thumbnail m-t-30"> </a> </div> <div class="col-lg-3 col-md-6 col-6"><a href="javascript:void(0);"> <img src="assets/images/image4.jpg" alt="" class="img-fluid img-thumbnail m-t-30"> </a> </div> </div> </div> </li> <li> <time class="cbp_tmtime" datetime="2017-11-03T13:22"><span>01:22 PM</span> <span>Two weeks ago</span></time> <div class="cbp_tmicon bg-green"> <i class="zmdi zmdi-case"></i></div> <div class="cbp_tmlabel"> <h2><a href="javascript:void(0);">Job Meeting</a></h2> <p>You have a meeting at <strong>Laborator Office</strong> Today.</p> </div> </li> <li> <time class="cbp_tmtime" datetime="2017-10-22T12:13"><span>12:13 PM</span> <span>Month ago</span></time> <div class="cbp_tmicon bg-blush"><i class="zmdi zmdi-pin"></i></div> <div class="cbp_tmlabel"> <h2><a href="javascript:void(0);">Arlind Nushi</a> <span>checked in at</span> <a href="javascript:void(0);">Laborator</a></h2> <blockquote>Great place, feeling like in home.</blockquote> </div> </li> </ul> </div> <div role="tabpanel" class="tab-pane" id="usersettings"> <div class="card"> <div class="header"> <h2><strong>Security</strong> Settings</h2> </div> <div class="body"> <div class="form-group"> <input type="text" class="form-control" placeholder="Username"> </div> <div class="form-group"> <input type="password" class="form-control" placeholder="Current Password"> </div> <div class="form-group"> <input type="password" class="form-control" placeholder="New Password"> </div> <button class="btn btn-info btn-round">Save Changes</button> </div> </div> <div class="card"> <div class="header"> <h2><strong>Account</strong> Settings</h2> </div> <div class="body"> <div class="row clearfix"> <div class="col-lg-6 col-md-12"> <div class="form-group"> <input type="text" class="form-control" placeholder="First Name"> </div> </div> <div class="col-lg-6 col-md-12"> <div class="form-group"> <input type="text" class="form-control" placeholder="Last Name"> </div> </div> <div class="col-lg-4 col-md-12"> <div class="form-group"> <input type="text" class="form-control" placeholder="City"> </div> </div> <div class="col-lg-4 col-md-12"> <div class="form-group"> <input type="text" class="form-control" placeholder="E-mail"> </div> </div> <div class="col-lg-4 col-md-12"> <div class="form-group"> <input type="text" class="form-control" placeholder="Country"> </div> </div> <div class="col-md-12"> <div class="form-group"> <textarea rows="4" class="form-control no-resize" placeholder="Address Line 1"></textarea> </div> </div> <div class="col-md-12"> <div class="checkbox"> <input id="procheck1" type="checkbox"> <label for="procheck1">Profile Visibility For Everyone</label> </div> <div class="checkbox"> <input id="procheck2" type="checkbox"> <label for="procheck2">New task notifications</label> </div> <div class="checkbox"> <input id="procheck3" type="checkbox"> <label for="procheck3">New friend request notifications</label> </div> </div> <div class="col-md-12"> <button class="btn btn-primary btn-round">Save Changes</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Jquery Core Js --> <script src="assets/bundles/libscripts.bundle.js"></script> <!-- Lib Scripts Plugin Js --> <script src="assets/bundles/vendorscripts.bundle.js"></script> <!-- Lib Scripts Plugin Js --> <script src="assets/bundles/knob.bundle.js"></script> <!-- Jquery Knob Plugin Js --> <script src="assets/bundles/mainscripts.bundle.js"></script><!-- Custom Js --> <script src="assets/js/pages/charts/jquery-knob.js"></script> </body> </html>