2014-12-22 15:20:47 +00:00
<!DOCTYPE html>
< html >
2014-12-28 13:48:26 +00:00
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > INSPINIA | intimeline< / title >
2014-12-29 13:16:43 +00:00
< link href = "/static/css/bootstrap.min.css" rel = "stylesheet" >
< link href = "/static/font-awesome/css/font-awesome.css" rel = "stylesheet" >
< link href = "/static/css/plugins/iCheck/custom.css" rel = "stylesheet" >
< link href = "/static/css/animate.css" rel = "stylesheet" >
< link href = "/static/css/style.css" rel = "stylesheet" >
2014-12-28 13:48:26 +00:00
2014-12-22 15:20:47 +00:00
< / head >
2014-12-28 13:48:26 +00:00
2014-12-22 15:20:47 +00:00
< body >
2014-12-28 13:48:26 +00:00
< div id = "wrapper" >
< nav class = "navbar-default navbar-static-side" role = "navigation" >
< div class = "sidebar-collapse" >
< ul class = "nav" id = "side-menu" >
< li class = "nav-header" >
< div class = "dropdown profile-element" > < span >
2014-12-29 13:20:10 +00:00
< img alt = "image" class = "img-circle" src = "/static/img/profile_small.jpg" / >
2014-12-28 13:48:26 +00:00
< / span >
< a data-toggle = "dropdown" class = "dropdown-toggle" href = "#" >
< span class = "clear" > < span class = "block m-t-xs" > < strong class = "font-bold" > David Williams< / strong >
< / span > < span class = "text-muted text-xs block" > Art Director < b class = "caret" > < / b > < / span > < / span > < / a >
< ul class = "dropdown-menu animated fadeInRight m-t-xs" >
< li > < a href = "profile.html" > Profile< / a > < / li >
< li > < a href = "contacts.html" > Contacts< / a > < / li >
< li > < a href = "mailbox.html" > Mailbox< / a > < / li >
< li class = "divider" > < / li >
< li > < a href = "login.html" > Logout< / a > < / li >
< / ul >
< / div >
< div class = "logo-element" >
IN+
< / div >
< / li >
< li >
< a href = "index.html" > < i class = "fa fa-th-large" > < / i > < span class = "nav-label" > Dashboards< / span > < span class = "fa arrow" > < / span > < / a >
< ul class = "nav nav-second-level" >
< li > < a href = "index.html" > Dashboard v.1< / a > < / li >
< li > < a href = "dashboard_2.html" > Dashboard v.2< / a > < / li >
< li > < a href = "dashboard_3.html" > Dashboard v.3< / a > < / li >
< / ul >
< / li >
< li >
< a href = "#" > < i class = "fa fa-bar-chart-o" > < / i > < span class = "nav-label" > Graphs< / span > < span class = "fa arrow" > < / span > < / a >
< ul class = "nav nav-second-level" >
< li > < a href = "graph_flot.html" > Flot Charts< / a > < / li >
< li > < a href = "graph_morris.html" > Morris.js Charts< / a > < / li >
< li > < a href = "graph_rickshaw.html" > Rickshaw Charts< / a > < / li >
< li > < a href = "graph_chartjs.html" > Chart.js< / a > < / li >
< li > < a href = "graph_peity.html" > Peity Charts< / a > < / li >
< li > < a href = "graph_sparkline.html" > Sparkline Charts< / a > < / li >
< / ul >
< / li >
< li >
< a href = "mailbox.html" > < i class = "fa fa-envelope" > < / i > < span class = "nav-label" > Mailbox < / span > < span class = "label label-warning pull-right" > 16/24< / span > < / a >
< ul class = "nav nav-second-level" >
< li > < a href = "mailbox.html" > Inbox< / a > < / li >
< li > < a href = "mail_detail.html" > Email view< / a > < / li >
< li > < a href = "mail_compose.html" > Compose email< / a > < / li >
< li > < a href = "email_template.html" > Email templates< / a > < / li >
< / ul >
< / li >
< li >
< a href = "widgets.html" > < i class = "fa fa-flask" > < / i > < span class = "nav-label" > Widgets< / span > < / a >
< / li >
< li >
< a href = "#" > < i class = "fa fa-edit" > < / i > < span class = "nav-label" > Forms< / span > < span class = "fa arrow" > < / span > < / a >
< ul class = "nav nav-second-level" >
< li > < a href = "form_basic.html" > Basic form< / a > < / li >
< li > < a href = "form_advanced.html" > Advanced Plugins< / a > < / li >
< li > < a href = "form_wizard.html" > Wizard< / a > < / li >
< li > < a href = "form_file_upload.html" > File Upload< / a > < / li >
< li > < a href = "form_editors.html" > Text Editor< / a > < / li >
< / ul >
< / li >
< li class = "active" >
< a href = "#" > < i class = "fa fa-desktop" > < / i > < span class = "nav-label" > App Views< / span > < span class = "pull-right label label-primary" > SPECIAL< / span > < / a >
< ul class = "nav nav-second-level" >
< li > < a href = "contacts.html" > Contacts< / a > < / li >
< li > < a href = "profile.html" > Profile< / a > < / li >
< li > < a href = "projects.html" > Projects< / a > < / li >
< li > < a href = "project_detail.html" > Project detail< / a > < / li >
< li > < a href = "file_manager.html" > File manager< / a > < / li >
< li > < a href = "calendar.html" > Calendar< / a > < / li >
< li > < a href = "faq.html" > FAQ< / a > < / li >
< li class = "active" > < a href = "timeline.html" > Timeline< / a > < / li >
< li > < a href = "pin_board.html" > Pin board< / a > < / li >
< / ul >
< / li >
< li >
< a href = "#" > < i class = "fa fa-files-o" > < / i > < span class = "nav-label" > Other Pages< / span > < span class = "fa arrow" > < / span > < / a >
< ul class = "nav nav-second-level" >
< li > < a href = "search_results.html" > Search results< / a > < / li >
< li > < a href = "lockscreen.html" > Lockscreen< / a > < / li >
< li > < a href = "invoice.html" > Invoice< / a > < / li >
< li > < a href = "login.html" > Login< / a > < / li >
< li > < a href = "register.html" > Register< / a > < / li >
< li > < a href = "404.html" > 404 Page< / a > < / li >
< li > < a href = "500.html" > 500 Page< / a > < / li >
< li > < a href = "empty_page.html" > Empty page< / a > < / li >
< / ul >
< / li >
< li >
< a href = "#" > < i class = "fa fa-globe" > < / i > < span class = "nav-label" > Miscellaneous< / span > < span class = "label label-info pull-right" > NEW< / span > < / a >
< ul class = "nav nav-second-level" >
< li > < a href = "toastr_notifications.html" > Notification< / a > < / li >
< li > < a href = "nestable_list.html" > Nestable list< / a > < / li >
< li > < a href = "timeline_2.html" > Timeline v.2< / a > < / li >
< li > < a href = "forum_main.html" > Forum view< / a > < / li >
< li > < a href = "google_maps.html" > Google maps< / a > < / li >
< li > < a href = "code_editor.html" > Code editor< / a > < / li >
< li > < a href = "modal_window.html" > Modal window< / a > < / li >
< li > < a href = "validation.html" > Validation< / a > < / li >
< / ul >
< / li >
< li >
< a href = "#" > < i class = "fa fa-flask" > < / i > < span class = "nav-label" > UI Elements< / span > < span class = "fa arrow" > < / span > < / a >
< ul class = "nav nav-second-level" >
< li > < a href = "typography.html" > Typography< / a > < / li >
< li > < a href = "icons.html" > Icons< / a > < / li >
< li > < a href = "draggable_panels.html" > Draggable Panels< / a > < / li >
< li > < a href = "buttons.html" > Buttons< / a > < / li >
< li > < a href = "video.html" > Video< / a > < / li >
< li > < a href = "tabs_panels.html" > Tabs & Panels< / a > < / li >
< li > < a href = "notifications.html" > Notifications & Tooltips< / a > < / li >
< li > < a href = "badges_labels.html" > Badges, Labels, Progress< / a > < / li >
< / ul >
< / li >
< li >
< a href = "grid_options.html" > < i class = "fa fa-laptop" > < / i > < span class = "nav-label" > Grid options< / span > < / a >
< / li >
< li >
< a href = "#" > < i class = "fa fa-table" > < / i > < span class = "nav-label" > Tables< / span > < span class = "fa arrow" > < / span > < / a >
< ul class = "nav nav-second-level" >
< li > < a href = "table_basic.html" > Static Tables< / a > < / li >
< li > < a href = "table_data_tables.html" > Data Tables< / a > < / li >
< li > < a href = "jq_grid.html" > jqGrid< / a > < / li >
< / ul >
< / li >
< li >
< a href = "#" > < i class = "fa fa-picture-o" > < / i > < span class = "nav-label" > Gallery< / span > < span class = "fa arrow" > < / span > < / a >
< ul class = "nav nav-second-level" >
< li > < a href = "basic_gallery.html" > Basic Gallery< / a > < / li >
< li > < a href = "carousel.html" > Bootstrap Carusela< / a > < / li >
< / ul >
< / li >
< li >
< a href = "#" > < i class = "fa fa-sitemap" > < / i > < span class = "nav-label" > Menu Levels < / span > < span class = "fa arrow" > < / span > < / a >
< ul class = "nav nav-second-level" >
< li >
< a href = "#" > Third Level < span class = "fa arrow" > < / span > < / a >
< ul class = "nav nav-third-level" >
< li >
< a href = "#" > Third Level Item< / a >
< / li >
< li >
< a href = "#" > Third Level Item< / a >
< / li >
< li >
< a href = "#" > Third Level Item< / a >
< / li >
< / ul >
< / li >
< li > < a href = "#" > Second Level Item< / a > < / li >
< li >
< a href = "#" > Second Level Item< / a > < / li >
< li >
< a href = "#" > Second Level Item< / a > < / li >
< / ul >
< / li >
< li >
< a href = "css_animation.html" > < i class = "fa fa-magic" > < / i > < span class = "nav-label" > CSS Animations < / span > < span class = "label label-info pull-right" > 62< / span > < / a >
< / li >
< li class = "landing_link" >
< a target = "_blank" href = "Landing_page/index.html" > < i class = "fa fa-star" > < / i > < span class = "nav-label" > Landing Page< / span > < span class = "label label-warning pull-right" > NEW< / span > < / a >
< / li >
< li class = "special_link" >
< a href = "package.html" > < i class = "fa fa-database" > < / i > < span class = "nav-label" > Package< / span > < / a >
< / li >
< / ul >
< / div >
< / nav >
< div id = "page-wrapper" class = "gray-bg" >
< div class = "row border-bottom" >
< nav class = "navbar navbar-static-top" role = "navigation" style = "margin-bottom: 0" >
< div class = "navbar-header" >
< a class = "navbar-minimalize minimalize-styl-2 btn btn-primary " href = "#" > < i class = "fa fa-bars" > < / i > < / a >
< form role = "search" class = "navbar-form-custom" method = "post" action = "search_results.html" >
< div class = "form-group" >
< input type = "text" placeholder = "Search for something..." class = "form-control" name = "top-search" id = "top-search" >
< / div >
< / form >
< / div >
< ul class = "nav navbar-top-links navbar-right" >
< li >
< span class = "m-r-sm text-muted welcome-message" > Welcome to INSPINIA+ Admin Theme.< / span >
< / li >
< li class = "dropdown" >
< a class = "dropdown-toggle count-info" data-toggle = "dropdown" href = "#" >
< i class = "fa fa-envelope" > < / i > < span class = "label label-warning" > 16< / span >
< / a >
< ul class = "dropdown-menu dropdown-messages" >
< li >
< div class = "dropdown-messages-box" >
< a href = "profile.html" class = "pull-left" >
2014-12-29 13:20:10 +00:00
< img alt = "image" class = "img-circle" src = "/static/img/a7.jpg" >
2014-12-28 13:48:26 +00:00
< / a >
< div class = "media-body" >
< small class = "pull-right" > 46h ago< / small >
< strong > Mike Loreipsum< / strong > started following < strong > Monica Smith< / strong > . < br >
< small class = "text-muted" > 3 days ago at 7:58 pm - 10.06.2014< / small >
< / div >
< / div >
< / li >
< li class = "divider" > < / li >
< li >
< div class = "dropdown-messages-box" >
< a href = "profile.html" class = "pull-left" >
2014-12-29 13:20:10 +00:00
< img alt = "image" class = "img-circle" src = "/static/img/a4.jpg" >
2014-12-28 13:48:26 +00:00
< / a >
< div class = "media-body " >
< small class = "pull-right text-navy" > 5h ago< / small >
< strong > Chris Johnatan Overtunk< / strong > started following < strong > Monica Smith< / strong > . < br >
< small class = "text-muted" > Yesterday 1:21 pm - 11.06.2014< / small >
< / div >
< / div >
< / li >
< li class = "divider" > < / li >
< li >
< div class = "dropdown-messages-box" >
< a href = "profile.html" class = "pull-left" >
2014-12-29 13:20:10 +00:00
< img alt = "image" class = "img-circle" src = "/static/img/profile.jpg" >
2014-12-28 13:48:26 +00:00
< / a >
< div class = "media-body " >
< small class = "pull-right" > 23h ago< / small >
< strong > Monica Smith< / strong > love < strong > Kim Smith< / strong > . < br >
< small class = "text-muted" > 2 days ago at 2:30 am - 11.06.2014< / small >
< / div >
< / div >
< / li >
< li class = "divider" > < / li >
< li >
< div class = "text-center link-block" >
< a href = "mailbox.html" >
< i class = "fa fa-envelope" > < / i > < strong > Read All Messages< / strong >
< / a >
< / div >
< / li >
< / ul >
< / li >
< li class = "dropdown" >
< a class = "dropdown-toggle count-info" data-toggle = "dropdown" href = "#" >
< i class = "fa fa-bell" > < / i > < span class = "label label-primary" > 8< / span >
< / a >
< ul class = "dropdown-menu dropdown-alerts" >
< li >
< a href = "mailbox.html" >
< div >
< i class = "fa fa-envelope fa-fw" > < / i > You have 16 messages
< span class = "pull-right text-muted small" > 4 minutes ago< / span >
< / div >
< / a >
< / li >
< li class = "divider" > < / li >
< li >
< a href = "profile.html" >
< div >
< i class = "fa fa-twitter fa-fw" > < / i > 3 New Followers
< span class = "pull-right text-muted small" > 12 minutes ago< / span >
< / div >
< / a >
< / li >
< li class = "divider" > < / li >
< li >
< a href = "grid_options.html" >
< div >
< i class = "fa fa-upload fa-fw" > < / i > Server Rebooted
< span class = "pull-right text-muted small" > 4 minutes ago< / span >
< / div >
< / a >
< / li >
< li class = "divider" > < / li >
< li >
< div class = "text-center link-block" >
< a href = "notifications.html" >
< strong > See All Alerts< / strong >
< i class = "fa fa-angle-right" > < / i >
< / a >
< / div >
< / li >
< / ul >
< / li >
< li >
< a href = "login.html" >
< i class = "fa fa-sign-out" > < / i > Log out
< / a >
< / li >
< / ul >
< / nav >
< / div >
< div class = "row wrapper border-bottom white-bg page-heading" >
< div class = "col-lg-10" >
< h2 > Timeline - left version< / h2 >
< ol class = "breadcrumb" >
< li >
< a href = "index.html" > Home< / a >
< / li >
< li >
< a > Extra pages< / a >
< / li >
< li class = "active" >
< strong > Timeline< / strong >
< / li >
< / ol >
< / div >
< div class = "col-lg-2" >
< / div >
< / div >
< div class = "wrapper wrapper-content" >
< div class = "row animated fadeInRight" >
< div class = "col-lg-12" >
< div class = "ibox float-e-margins" >
< div class = "ibox-title" >
< h5 > Basic left float timeline< / h5 >
< div class = "ibox-tools" >
< a class = "collapse-link" >
< i class = "fa fa-chevron-up" > < / i >
< / a >
< a class = "dropdown-toggle" data-toggle = "dropdown" href = "#" >
< i class = "fa fa-wrench" > < / i >
< / a >
< ul class = "dropdown-menu dropdown-user" >
< li > < a href = "#" > Config option 1< / a >
< / li >
< li > < a href = "#" > Config option 2< / a >
< / li >
< / ul >
< a class = "close-link" >
< i class = "fa fa-times" > < / i >
< / a >
< / div >
< / div >
< div class = "ibox-content inspinia-timeline" >
< div class = "timeline-item" >
< div class = "row" >
< div class = "col-xs-3 date" >
< i class = "fa fa-briefcase" > < / i >
6:00 am
< br / >
< small class = "text-navy" > 2 hour ago< / small >
< / div >
< div class = "col-xs-7 content no-top-border" >
< p class = "m-b-xs" > < strong > Meeting< / strong > < / p >
< p > Conference on the sales results for the previous year. Monica please examine sales trends in marketing and products. Below please find the current status of the
sale.< / p >
< p > < span data-diameter = "40" class = "updating-chart" > 5,3,9,6,5,9,7,3,5,2,5,3,9,6,5,9,4,7,3,2,9,8,7,4,5,1,2,9,5,4,7,2,7,7,3,5,2< / span > < / p >
< / div >
< / div >
< / div >
< div class = "timeline-item" >
< div class = "row" >
< div class = "col-xs-3 date" >
< i class = "fa fa-file-text" > < / i >
7:00 am
< br / >
< small class = "text-navy" > 3 hour ago< / small >
< / div >
< div class = "col-xs-7 content" >
< p class = "m-b-xs" > < strong > Send documents to Mike< / strong > < / p >
< p > Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.< / p >
< / div >
< / div >
< / div >
< div class = "timeline-item" >
< div class = "row" >
< div class = "col-xs-3 date" >
< i class = "fa fa-coffee" > < / i >
8:00 am
< br / >
< / div >
< div class = "col-xs-7 content" >
< p class = "m-b-xs" > < strong > Coffee Break< / strong > < / p >
< p >
Go to shop and find some products.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.
< / p >
< / div >
< / div >
< / div >
< div class = "timeline-item" >
< div class = "row" >
< div class = "col-xs-3 date" >
< i class = "fa fa-phone" > < / i >
11:00 am
< br / >
< small class = "text-navy" > 21 hour ago< / small >
< / div >
< div class = "col-xs-7 content" >
< p class = "m-b-xs" > < strong > Phone with Jeronimo< / strong > < / p >
< p >
Lorem Ipsum has been the industry's standard dummy text ever since.
< / p >
< / div >
< / div >
< / div >
< div class = "timeline-item" >
< div class = "row" >
< div class = "col-xs-3 date" >
< i class = "fa fa-user-md" > < / i >
09:00 pm
< br / >
< small > 21 hour ago< / small >
< / div >
< div class = "col-xs-7 content" >
< p class = "m-b-xs" > < strong > Go to the doctor dr Smith< / strong > < / p >
< p >
Find some issue and go to doctor.
< / p >
< / div >
< / div >
< / div >
< div class = "timeline-item" >
< div class = "row" >
< div class = "col-xs-3 date" >
< i class = "fa fa-user-md" > < / i >
11:10 pm
< / div >
< div class = "col-xs-7 content" >
< p class = "m-b-xs" > < strong > Chat with Sandra< / strong > < / p >
< p >
Lorem Ipsum has been the industry's standard dummy text ever since.
< / p >
< / div >
< / div >
< / div >
< div class = "timeline-item" >
< div class = "row" >
< div class = "col-xs-3 date" >
< i class = "fa fa-comments" > < / i >
12:50 pm
< br / >
< small class = "text-navy" > 48 hour ago< / small >
< / div >
< div class = "col-xs-7 content" >
< p class = "m-b-xs" > < strong > Chat with Monica and Sandra< / strong > < / p >
< p >
Web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
< / p >
< / div >
< / div >
< / div >
< div class = "timeline-item" >
< div class = "row" >
< div class = "col-xs-3 date" >
< i class = "fa fa-phone" > < / i >
08:50 pm
< br / >
< small class = "text-navy" > 68 hour ago< / small >
< / div >
< div class = "col-xs-7 content" >
< p class = "m-b-xs" > < strong > Phone to James< / strong > < / p >
< p >
Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
< / p >
< / div >
< / div >
< / div >
< div class = "timeline-item" >
< div class = "row" >
< div class = "col-xs-3 date" >
< i class = "fa fa-file-text" > < / i >
7:00 am
< br / >
< small class = "text-navy" > 3 hour ago< / small >
< / div >
< div class = "col-xs-7 content" >
< p class = "m-b-xs" > < strong > Send documents to Mike< / strong > < / p >
< p > Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "footer" >
< div class = "pull-right" >
10GB of < strong > 250GB< / strong > Free.
< / div >
< div >
< strong > Copyright< / strong > Example Company © 2014-2015
< / div >
< / div >
< / div >
< / div >
<!-- Mainly scripts -->
2014-12-29 13:16:43 +00:00
< script src = "/static/js/jquery-2.1.1.js" > < / script >
< script src = "/static/js/bootstrap.min.js" > < / script >
< script src = "/static/js/plugins/metisMenu/jquery.metisMenu.js" > < / script >
< script src = "/static/js/plugins/slimscroll/jquery.slimscroll.min.js" > < / script >
2014-12-28 13:48:26 +00:00
<!-- Peity -->
2014-12-29 13:16:43 +00:00
< script src = "/static/js/plugins/peity/jquery.peity.min.js" > < / script >
2014-12-28 13:48:26 +00:00
<!-- Custom and plugin javascript -->
2014-12-29 13:16:43 +00:00
< script src = "/static/js/inspinia.js" > < / script >
< script src = "/static/js/plugins/pace/pace.min.js" > < / script >
2014-12-28 13:48:26 +00:00
<!-- Peity -->
2014-12-29 13:16:43 +00:00
< script src = "/static/js/demo/peity-demo.js" > < / script >
2014-12-22 15:20:47 +00:00
< / body >
2014-12-28 13:48:26 +00:00
< / html >
