|
0
|
1 <!DOCTYPE html>
|
|
|
2 <html lang="en">
|
|
|
3
|
|
|
4 <head>
|
|
|
5 <meta charset="utf-8">
|
|
|
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
7 <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
|
|
8 <link rel="icon" type="image/png" sizes="16x16" href="assets/demo/favicon.png">
|
|
|
9 <link rel="stylesheet" href="assets/css/pace.css">
|
|
|
10 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
|
|
11 <title>Your Profile</title>
|
|
|
12 <!-- CSS -->
|
|
|
13 <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600|Roboto:400" rel="stylesheet" type="text/css">
|
|
|
14 <link href="assets/vendors/material-icons/material-icons.css" rel="stylesheet" type="text/css">
|
|
|
15 <link href="assets/vendors/mono-social-icons/monosocialiconsfont.css" rel="stylesheet" type="text/css">
|
|
|
16 <link href="assets/vendors/feather-icons/feather.css" rel="stylesheet" type="text/css">
|
|
|
17 <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.7.0/css/perfect-scrollbar.min.css" rel="stylesheet" type="text/css">
|
|
|
18 <link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" rel="stylesheet" type="text/css">
|
|
|
19 <link href="assets/css/style.css" rel="stylesheet" type="text/css">
|
|
|
20 <!-- Head Libs -->
|
|
|
21 <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
|
|
|
22 <script data-pace-options='{ "ajax": false, "selectors": [ "img" ]}' src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script>
|
|
|
23 </head>
|
|
|
24
|
|
|
25 <body class="header-dark sidebar-light sidebar-expand">
|
|
|
26 <div id="wrapper" class="wrapper">
|
|
|
27 <!-- HEADER & TOP NAVIGATION -->
|
|
|
28 <nav class="navbar">
|
|
|
29 <!-- Logo Area -->
|
|
|
30 <div class="navbar-header">
|
|
|
31 <a href="index.html" class="navbar-brand">
|
|
|
32 <img class="logo-expand" alt="" src="assets/demo/logo-expand.png">
|
|
|
33 <img class="logo-collapse" alt="" src="assets/demo/logo-collapse.png">
|
|
|
34 <!-- <p>BonVue</p> -->
|
|
|
35 </a>
|
|
|
36 </div>
|
|
|
37 <!-- /.navbar-header -->
|
|
|
38 <!-- Left Menu & Sidebar Toggle -->
|
|
|
39 <ul class="nav navbar-nav">
|
|
|
40 <li class="sidebar-toggle"><a href="javascript:void(0)" class="ripple"><i class="feather feather-menu list-icon fs-20"></i></a>
|
|
|
41 </li>
|
|
|
42 </ul>
|
|
|
43 <!-- /.navbar-left -->
|
|
|
44 <!-- Search Form -->
|
|
|
45 <form class="navbar-search d-none d-sm-block" role="search"><i class="feather feather-search list-icon"></i>
|
|
|
46 <input type="search" class="search-query" placeholder="Search anything..."> <a href="javascript:void(0);" class="remove-focus"><i class="feather feather-x"></i></a>
|
|
|
47 </form>
|
|
|
48 <!-- /.navbar-search -->
|
|
|
49 <div class="spacer"></div>
|
|
|
50 <!-- Button: Create New -->
|
|
|
51 <div class="btn-list dropdown d-none d-md-flex mr-4 mr-0-rtl ml-4-rtl"><a href="javascript:void(0);" class="btn btn-primary dropdown-toggle ripple" data-toggle="dropdown"><i class="feather feather-plus list-icon"></i> Create New</a>
|
|
|
52 <div class="dropdown-menu dropdown-left animated flipInY"><span class="dropdown-header">Create new ...</span> <a class="dropdown-item" href="#">Projects</a> <a class="dropdown-item" href="#">User Profile</a> <a class="dropdown-item" href="#"><span class="d-flex align-items-end"><span class="flex-1">To-do Item</span> <span class="badge badge-pill bg-primary-contrast">7</span> </span></a>
|
|
|
53 <a
|
|
|
54 class="dropdown-item" href="#"><span class="d-flex align-items-end"><span class="flex-1">Mail</span> <span class="badge badge-pill bg-color-scheme-contrast">23</span></span>
|
|
|
55 </a>
|
|
|
56 <div class="dropdown-divider"></div><a class="dropdown-item" href="#"><span class="d-flex align-items-center"><span class="flex-1">Settings</span> <i class="feather feather-settings list-icon icon-muted"></i></span></a>
|
|
|
57 </div>
|
|
|
58 </div>
|
|
|
59 <!-- /.btn-list -->
|
|
|
60 <!-- User Image with Dropdown -->
|
|
|
61 <ul class="nav navbar-nav">
|
|
|
62 <li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle ripple" data-toggle="dropdown"><span class="avatar thumb-xs2"><img src="assets/demo/users/user1.jpg" class="rounded-circle" alt=""> <i class="feather feather-chevron-down list-icon"></i></span></a>
|
|
|
63 <div
|
|
|
64 class="dropdown-menu dropdown-left dropdown-card dropdown-card-profile animated flipInY">
|
|
|
65 <div class="card">
|
|
|
66 <header class="card-header d-flex mb-0"><a href="javascript:void(0);" class="col-md-4 text-center"><i class="feather feather-user-plus align-middle"></i> </a><a href="javascript:void(0);" class="col-md-4 text-center"><i class="feather feather-settings align-middle"></i> </a>
|
|
|
67 <a
|
|
|
68 href="javascript:void(0);" class="col-md-4 text-center"><i class="feather feather-power align-middle"></i>
|
|
|
69 </a>
|
|
|
70 </header>
|
|
|
71 <ul class="list-unstyled card-body">
|
|
|
72 <li><a href="#"><span><span class="align-middle">Manage Accounts</span></span></a>
|
|
|
73 </li>
|
|
|
74 <li><a href="#"><span><span class="align-middle">Change Password</span></span></a>
|
|
|
75 </li>
|
|
|
76 <li><a href="#"><span><span class="align-middle">Check Inbox</span></span></a>
|
|
|
77 </li>
|
|
|
78 <li><a href="#"><span><span class="align-middle">Sign Out</span></span></a>
|
|
|
79 </li>
|
|
|
80 </ul>
|
|
|
81 </div>
|
|
|
82 </div>
|
|
|
83 </li>
|
|
|
84 </ul>
|
|
|
85 <!-- /.navbar-right -->
|
|
|
86 <!-- Right Menu -->
|
|
|
87 <ul class="nav navbar-nav d-none d-lg-flex ml-2 ml-0-rtl">
|
|
|
88 <li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle ripple" data-toggle="dropdown"><i class="feather feather-hash list-icon"></i></a>
|
|
|
89 <div class="dropdown-menu dropdown-left dropdown-card animated flipInY">
|
|
|
90 <div class="card">
|
|
|
91 <header class="card-header d-flex align-items-center mb-0"><a href="javascript:void(0);"><i class="feather feather-bell color-color-scheme" aria-hidden="true"></i></a> <span class="heading-font-family flex-1 text-center fw-400">Notifications</span> <a href="javascript:void(0);"><i class="feather feather-settings color-content"></i></a>
|
|
|
92 </header>
|
|
|
93 <ul class="card-body list-unstyled dropdown-list-group">
|
|
|
94 <li><a href="#" class="media"><span class="d-flex thumb-xs"><img src="assets/demo/users/user3.jpg" class="rounded-circle" alt=""> </span><span class="media-body"><span class="heading-font-family media-heading">Dany Miles </span><span class="media-content">commented on your photo</span> <span class="user--online float-right my-auto"></span></span></a>
|
|
|
95 </li>
|
|
|
96 <li><a href="#" class="media"><span class="d-flex thumb-xs"><img src="assets/demo/users/user6.jpg" class="rounded-circle" alt=""> </span><span class="media-body"><span class="heading-font-family media-heading">Emily Woodworth </span><span class="media-content">posted a photo on your wall.</span></span></a>
|
|
|
97 </li>
|
|
|
98 <li><a href="#" class="media"><span class="d-flex thumb-xs"><img src="assets/demo/users/user2.jpg" class="rounded-circle" alt=""> </span><span class="media-body"><span class="heading-font-family media-heading">Palmer Kate </span><span class="media-content">just mentioned you in his post</span></span></a>
|
|
|
99 </li>
|
|
|
100 </ul>
|
|
|
101 <!-- /.dropdown-list-group -->
|
|
|
102 <footer class="card-footer text-center"><a href="javascript:void(0);" class="heading-font-family text-uppercase fs-13">See all activity</a>
|
|
|
103 </footer>
|
|
|
104 </div>
|
|
|
105 <!-- /.card -->
|
|
|
106 </div>
|
|
|
107 <!-- /.dropdown-menu -->
|
|
|
108 </li>
|
|
|
109 <!-- /.dropdown -->
|
|
|
110 <li class="dropdown"><a href="#" class="dropdown-toggle ripple" data-toggle="dropdown"><i class="feather feather-settings list-icon"></i></a>
|
|
|
111 <div class="dropdown-menu dropdown-left dropdown-card animated flipInY">
|
|
|
112 <div class="card">
|
|
|
113 <header class="card-header d-flex justify-content-between mb-0"><a href="javascript:void(0);"><i class="feather feather-bell color-color-scheme" aria-hidden="true"></i></a> <span class="heading-font-family flex-1 text-center fw-400">Notifications</span> <a href="javascript:void(0);"><i class="feather feather-settings color-content"></i></a>
|
|
|
114 </header>
|
|
|
115 <ul class="card-body list-unstyled dropdown-list-group">
|
|
|
116 <li><a href="#" class="media"><span class="d-flex"><i class="material-icons list-icon">check</i> </span><span class="media-body"><span class="heading-font-family media-heading">Invitation accepted</span> <span class="media-content">Your have been Invited ...</span></span></a>
|
|
|
117 </li>
|
|
|
118 <li><a href="#" class="media"><span class="d-flex thumb-xs"><img src="assets/demo/users/user3.jpg" class="rounded-circle" alt=""> </span><span class="media-body"><span class="heading-font-family media-heading">Steve Smith</span> <span class="media-content">I slowly updated projects</span> <span class="user--online float-right"></span></span></a>
|
|
|
119 </li>
|
|
|
120 <li><a href="#" class="media"><span class="d-flex"><i class="material-icons list-icon">event_available</i> </span><span class="media-body"><span class="-heading-font-family media-heading">To Do</span> <span class="media-content">Meeting with Nathan on Friday 8 AM ...</span></span></a>
|
|
|
121 </li>
|
|
|
122 </ul>
|
|
|
123 <!-- /.dropdown-list-group -->
|
|
|
124 <footer class="card-footer text-center"><a href="javascript:void(0);" class="headings-font-family text-uppercase fs-13">See all activity</a>
|
|
|
125 </footer>
|
|
|
126 </div>
|
|
|
127 <!-- /.card -->
|
|
|
128 </div>
|
|
|
129 <!-- /.dropdown-menu -->
|
|
|
130 </li>
|
|
|
131 <!-- /.dropdown -->
|
|
|
132 <li><a href="javascript:void(0);" class="right-sidebar-toggle active ripple ml-3 ml-0-rtl"><i class="feather feather-grid list-icon"></i></a>
|
|
|
133 </li>
|
|
|
134 </ul>
|
|
|
135 <!-- /.navbar-right -->
|
|
|
136 </nav>
|
|
|
137 <!-- /.navbar -->
|
|
|
138 <div class="content-wrapper">
|
|
|
139 <!-- SIDEBAR -->
|
|
|
140 <aside class="site-sidebar scrollbar-enabled" data-suppress-scroll-x="true">
|
|
|
141 <!-- User Details -->
|
|
|
142 <div class="side-user">
|
|
|
143 <div class="col-sm-12 text-center p-0 clearfix">
|
|
|
144 <div class="d-inline-block pos-relative mr-b-10">
|
|
|
145 <figure class="thumb-sm mr-b-0 user--online">
|
|
|
146 <img src="assets/demo/users/user1.jpg" class="rounded-circle" alt="">
|
|
|
147 </figure><a href="page-profile.html" class="text-muted side-user-link"><i class="feather feather-settings list-icon"></i></a>
|
|
|
148 </div>
|
|
|
149 <!-- /.d-inline-block -->
|
|
|
150 <div class="lh-14 mr-t-5"><a href="page-profile.html" class="hide-menu mt-3 mb-0 side-user-heading fw-500">Scott Adams</a>
|
|
|
151 <br><small class="hide-menu">Developer</small>
|
|
|
152 </div>
|
|
|
153 </div>
|
|
|
154 <!-- /.col-sm-12 -->
|
|
|
155 </div>
|
|
|
156 <!-- /.side-user -->
|
|
|
157 <!-- Sidebar Menu -->
|
|
|
158 <nav class="sidebar-nav">
|
|
|
159 <ul class="nav in side-menu">
|
|
|
160 <li class="current-page menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-command"></i> <span class="hide-menu">Dashboard</span></a>
|
|
|
161 <ul class="list-unstyled sub-menu">
|
|
|
162 <li><a href="index.html">Default</a>
|
|
|
163 </li>
|
|
|
164 <li><a href="index-real-estate.html">Real Estate</a>
|
|
|
165 </li>
|
|
|
166 <li><a href="index-job-board.html">Jobs Board</a>
|
|
|
167 </li>
|
|
|
168 <li><a href="index-lms.html">LMS</a>
|
|
|
169 </li>
|
|
|
170 <li><a href="index-rtl.html">RTL Demo</a>
|
|
|
171 </li>
|
|
|
172 </ul>
|
|
|
173 </li>
|
|
|
174 <li class="menu-item-has-children active"><a href="javascript:void(0);"><i class="list-icon feather feather-briefcase"></i> <span class="hide-menu">Apps</span></a>
|
|
|
175 <ul class="list-unstyled sub-menu">
|
|
|
176 <li><a href="app-calender.html">Calender</a>
|
|
|
177 </li>
|
|
|
178 <li><a href="app-chat.html">Chat</a>
|
|
|
179 </li>
|
|
|
180 <li><a href="app-inbox.html">Inbox</a>
|
|
|
181 </li>
|
|
|
182 <li><a href="app-inbox-compose.html">Compose mail</a>
|
|
|
183 </li>
|
|
|
184 <li><a href="app-contacts.html">Contacts</a>
|
|
|
185 </li>
|
|
|
186 <li><a href="app-products.html">Products</a>
|
|
|
187 </li>
|
|
|
188 <li><a href="app-blog.html">Blog</a>
|
|
|
189 </li>
|
|
|
190 <li><a href="app-blog-single.html">Blog Single</a>
|
|
|
191 </li>
|
|
|
192 </ul>
|
|
|
193 </li>
|
|
|
194 <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-user"></i> <span class="hide-menu">Profile Pages</span></a>
|
|
|
195 <ul class="list-unstyled sub-menu">
|
|
|
196 <li><a href="page-profile.html">Profile</a>
|
|
|
197 </li>
|
|
|
198 <li><a href="page-login.html">Login Page</a>
|
|
|
199 </li>
|
|
|
200 <li><a href="page-login2.html">Login Page 2</a>
|
|
|
201 </li>
|
|
|
202 <li><a href="page-register.html">Sign Up</a>
|
|
|
203 </li>
|
|
|
204 <li><a href="page-register2.html">Sign Up 2</a>
|
|
|
205 </li>
|
|
|
206 <li><a href="page-register-3-step.html">3 Step Sign Up</a>
|
|
|
207 </li>
|
|
|
208 <li><a href="page-forgot-pwd.html">Forgot Password</a>
|
|
|
209 </li>
|
|
|
210 <li><a href="page-email-confirm.html">Confirm Email</a>
|
|
|
211 </li>
|
|
|
212 <li><a href="page-lock-screen.html">Lock Screen</a>
|
|
|
213 </li>
|
|
|
214 <li><a href="page-timeline.html">Timeline</a>
|
|
|
215 </li>
|
|
|
216 <li class="menu-item-has-children"><a href="javascript:void(0);">Error Pages</a>
|
|
|
217 <ul class="list-unstyled sub-menu">
|
|
|
218 <li><a href="page-error-403.html">Error 403</a>
|
|
|
219 </li>
|
|
|
220 <li><a href="page-error-404.html">Error 404</a>
|
|
|
221 </li>
|
|
|
222 <li><a href="page-error-500.html">Error 500</a>
|
|
|
223 </li>
|
|
|
224 <li><a href="page-error-503.html">Error 503</a>
|
|
|
225 </li>
|
|
|
226 </ul>
|
|
|
227 </li>
|
|
|
228 </ul>
|
|
|
229 </li>
|
|
|
230 <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-feather"></i> <span class="hide-menu">UI Elements</span></a>
|
|
|
231 <ul class="list-unstyled sub-menu">
|
|
|
232 <li><a href="ui-typography.html">Typography</a>
|
|
|
233 </li>
|
|
|
234 <li><a href="ui-buttons.html">Buttons</a>
|
|
|
235 </li>
|
|
|
236 <li><a href="ui-cards.html">Cards</a>
|
|
|
237 </li>
|
|
|
238 <li><a href="ui-tabs.html">Tabs</a>
|
|
|
239 </li>
|
|
|
240 <li><a href="ui-accordions.html">Accordions</a>
|
|
|
241 </li>
|
|
|
242 <li><a href="ui-modals.html">Modals</a>
|
|
|
243 </li>
|
|
|
244 <li><a href="ui-icon-boxes.html">Icon Boxes</a>
|
|
|
245 </li>
|
|
|
246 <li><a href="ui-lists.html">Lists & Media Object</a>
|
|
|
247 </li>
|
|
|
248 <li><a href="ui-grid.html">Grid</a>
|
|
|
249 </li>
|
|
|
250 <li><a href="ui-progress.html">Progress Bars</a>
|
|
|
251 </li>
|
|
|
252 <li><a href="ui-notifications.html">Notifications & Alerts</a>
|
|
|
253 </li>
|
|
|
254 <li><a href="ui-pagination.html">Pagination</a>
|
|
|
255 </li>
|
|
|
256 <li><a href="ui-media.html">Media</a>
|
|
|
257 </li>
|
|
|
258 <li><a href="ui-carousel.html">Carousel</a>
|
|
|
259 </li>
|
|
|
260 <li><a href="ui-bootstrap.html">Bootstrap Elements</a>
|
|
|
261 </li>
|
|
|
262 </ul>
|
|
|
263 </li>
|
|
|
264 <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-layout"></i> <span class="hide-menu">Forms</span></a>
|
|
|
265 <ul class="list-unstyled sub-menu">
|
|
|
266 <li><a href="form-elements.html">Elements</a>
|
|
|
267 </li>
|
|
|
268 <li><a href="form-material.html">Material Design</a>
|
|
|
269 </li>
|
|
|
270 <li><a href="form-validation.html">Form Validation</a>
|
|
|
271 </li>
|
|
|
272 <li><a href="form-dropzone.html">File Upload</a>
|
|
|
273 </li>
|
|
|
274 <li><a href="form-pickers.html">Picker</a>
|
|
|
275 </li>
|
|
|
276 <li><a href="form-select.html">Select and Multiselect</a>
|
|
|
277 </li>
|
|
|
278 <li><a href="form-tags-categories.html">Tags and Categories</a>
|
|
|
279 </li>
|
|
|
280 <li><a href="form-addons.html">Addons</a>
|
|
|
281 </li>
|
|
|
282 <li><a href="form-editors.html">Editors</a>
|
|
|
283 </li>
|
|
|
284 </ul>
|
|
|
285 </li>
|
|
|
286 <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-folder"></i> <span class="hide-menu">Sample Pages</span></a>
|
|
|
287 <ul class="list-unstyled sub-menu">
|
|
|
288 <li><a href="page-blank.html">Blank Page</a>
|
|
|
289 </li>
|
|
|
290 <li class="menu-item-has-children"><a href="javascript:void(0);">Email Templates</a>
|
|
|
291 <ul class="list-unstyled sub-menu">
|
|
|
292 <li><a href="email-templates/basic.html">Basic</a>
|
|
|
293 </li>
|
|
|
294 <li><a href="email-templates/billing.html">Billing</a>
|
|
|
295 </li>
|
|
|
296 <li><a href="email-templates/friend-request.html">Friend Request</a>
|
|
|
297 </li>
|
|
|
298 </ul>
|
|
|
299 </li>
|
|
|
300 <li class="menu-item-has-children"><a href="javascript:void(0);">Maps</a>
|
|
|
301 <ul class="list-unstyled sub-menu">
|
|
|
302 <li><a href="maps-google.html">Google Maps</a>
|
|
|
303 </li>
|
|
|
304 <li><a href="maps-vector.html">Vector Maps</a>
|
|
|
305 </li>
|
|
|
306 </ul>
|
|
|
307 </li>
|
|
|
308 <li><a href="page-lightbox.html">Lightbox Popup</a>
|
|
|
309 </li>
|
|
|
310 <li><a href="page-sitemap.html">Sitemap</a>
|
|
|
311 </li>
|
|
|
312 <li><a href="page-search-results.html">Search Results</a>
|
|
|
313 </li>
|
|
|
314 <li><a href="page-custom-scroll.html">Custom Scroll</a>
|
|
|
315 </li>
|
|
|
316 <li><a href="page-utility-classes.html">Utility Classes</a>
|
|
|
317 </li>
|
|
|
318 <li><a href="page-animations.html">Animations</a>
|
|
|
319 </li>
|
|
|
320 <li><a href="page-faq.html">FAQ</a>
|
|
|
321 </li>
|
|
|
322 <li><a href="page-pricing-table.html">Pricing</a>
|
|
|
323 </li>
|
|
|
324 <li><a href="page-invoice.html">Invoice</a>
|
|
|
325 </li>
|
|
|
326 </ul>
|
|
|
327 </li>
|
|
|
328 <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-clipboard"></i> <span class="hide-menu">Tables</span></a>
|
|
|
329 <ul class="list-unstyled sub-menu">
|
|
|
330 <li><a href="tables-basic.html">Basic Tables</a>
|
|
|
331 </li>
|
|
|
332 <li><a href="tables-data-table.html">Data Table</a>
|
|
|
333 </li>
|
|
|
334 <li><a href="tables-bootstrap.html">Bootstrap Tables</a>
|
|
|
335 </li>
|
|
|
336 <li><a href="tables-responsive.html">Responsive Tables</a>
|
|
|
337 </li>
|
|
|
338 <li><a href="tables-editable.html">Editable Tables</a>
|
|
|
339 </li>
|
|
|
340 </ul>
|
|
|
341 </li>
|
|
|
342 <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-pie-chart"></i> <span class="hide-menu">Charts</span></a>
|
|
|
343 <ul class="list-unstyled sub-menu">
|
|
|
344 <li><a href="charts-flot.html">Flot Charts</a>
|
|
|
345 </li>
|
|
|
346 <li><a href="charts-morris.html">Morris Charts</a>
|
|
|
347 </li>
|
|
|
348 <li><a href="charts-js.html">Chart-js</a>
|
|
|
349 </li>
|
|
|
350 <li><a href="charts-sparkline.html">Sparkline Charts</a>
|
|
|
351 </li>
|
|
|
352 <li><a href="charts-knob.html">Knob Charts</a>
|
|
|
353 </li>
|
|
|
354 </ul>
|
|
|
355 </li>
|
|
|
356 <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-heart"></i> <span class="hide-menu">Icons</span></a>
|
|
|
357 <ul class="list-unstyled sub-menu">
|
|
|
358 <li><a href="icons-material-design.html">Material Design</a>
|
|
|
359 </li>
|
|
|
360 <li><a href="icons-font-awesome.html">Font Awesome</a>
|
|
|
361 </li>
|
|
|
362 <li><a href="icons-mono-social.html">Social Icons</a>
|
|
|
363 </li>
|
|
|
364 <li><a href="icons-weather.html">Weather Icons</a>
|
|
|
365 </li>
|
|
|
366 <li><a href="icons-linea.html">Linea Icons</a>
|
|
|
367 </li>
|
|
|
368 <li><a href="icons-feather.html">Feather Icons</a>
|
|
|
369 </li>
|
|
|
370 </ul>
|
|
|
371 </li>
|
|
|
372 </ul>
|
|
|
373 <!-- /.side-menu -->
|
|
|
374 </nav>
|
|
|
375 <!-- /.sidebar-nav -->
|
|
|
376 <div class="sidebar-module nav-contact-info mx-3 mt-4 mb-3">
|
|
|
377 <div class="d-flex flex-column align-items-center">
|
|
|
378 <h6 class="mb-2 fs-14">Need Help</h6><i class="feather feather-bell fs-24 color-color-scheme"></i>
|
|
|
379 </div>
|
|
|
380 <!-- /.d-flex -->
|
|
|
381 <div class="contact-info-body bg-content-color-contrast text-center">
|
|
|
382 <p class="lh-25 headings-font-family">+1 888 543 7432
|
|
|
383 <br>[email protected]
|
|
|
384 <br><a href="#">Visit FAQ</a>
|
|
|
385 </p>
|
|
|
386 </div>
|
|
|
387 <!-- /.contact-info-body -->
|
|
|
388 </div>
|
|
|
389 <!-- /.nav-contact-info -->
|
|
|
390 </aside>
|
|
|
391 <!-- /.site-sidebar -->
|
|
|
392 <main class="main-wrapper clearfix">
|
|
|
393 <!-- Page Title Area -->
|
|
|
394 <div class="row page-title clearfix">
|
|
|
395 <div class="page-title-left">
|
|
|
396 <h6 class="page-title-heading mr-0 mr-r-5">Your Profile</h6>
|
|
|
397 <p class="page-title-description mr-0 d-none d-md-inline-block">statistics, charts and events</p>
|
|
|
398 </div>
|
|
|
399 <!-- /.page-title-left -->
|
|
|
400 <div class="page-title-right d-none d-sm-inline-flex">
|
|
|
401 <ol class="breadcrumb">
|
|
|
402 <li class="breadcrumb-item"><a href="index.html">Dashboard</a>
|
|
|
403 </li>
|
|
|
404 <li class="breadcrumb-item active">Your Profile</li>
|
|
|
405 </ol>
|
|
|
406 <div class="d-none d-md-inline-flex justify-center align-items-center"><a href="javascript: void(0);" class="btn btn-color-scheme btn-sm fs-11 fw-400 mr-l-40 pd-lr-10 mr-l-0-rtl mr-r-40-rtl hidden-xs hidden-sm ripple" target="_blank">Buy Now</a>
|
|
|
407 </div>
|
|
|
408 </div>
|
|
|
409 <!-- /.page-title-right -->
|
|
|
410 </div>
|
|
|
411 <!-- /.page-title -->
|
|
|
412 <!-- =================================== -->
|
|
|
413 <!-- Different data widgets ============ -->
|
|
|
414 <!-- =================================== -->
|
|
|
415 <div class="widget-list">
|
|
|
416 <div class="row">
|
|
|
417 <!-- User Summary -->
|
|
|
418 <div class="col-12 col-md-4 widget-holder widget-full-content">
|
|
|
419 <div class="widget-bg">
|
|
|
420 <div class="widget-body clearfix">
|
|
|
421 <div class="widget-user-profile">
|
|
|
422 <figure class="profile-wall-img">
|
|
|
423 <img src="assets/demo/user-widget-bg.jpeg" alt="User Wall">
|
|
|
424 </figure>
|
|
|
425 <div class="profile-body">
|
|
|
426 <figure class="profile-user-avatar thumb-md">
|
|
|
427 <img src="assets/demo/users/user1.jpg" alt="User Wall">
|
|
|
428 </figure>
|
|
|
429 <h6 class="h3 profile-user-name">Scott Adams</h6><small class="profile-user-address">Los Angeles, California</small>
|
|
|
430 <hr class="profile-seperator">
|
|
|
431 <div class="profile-user-description mb-4">
|
|
|
432 <p>Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
|
|
|
433 <a
|
|
|
434 href="#" class="heading-font-family color-color-scheme fs-12 fw-700">http://instagram.com/scott</a>
|
|
|
435 </div>
|
|
|
436 <!-- /.profile-user-description -->
|
|
|
437 <div class="mb-5"><a href="page-profile.html" class="btn btn-outline-color-scheme btn-rounded btn-lg px-5 border-thick text-uppercase mr-2 mr-0-rtl ml-2-rtl fw-700 fs-11 heading-font-family">Edit Profile</a> <a href="page-profile.html"
|
|
|
438 class="btn btn-color-scheme btn-circle btn-md fs-18"><i class="feather feather-settings"></i></a>
|
|
|
439 </div>
|
|
|
440 </div>
|
|
|
441 <!-- /.d-flex -->
|
|
|
442 <div class="row columns-border-bw border-top">
|
|
|
443 <div class="col-4 d-flex flex-column justify-content-center align-items-center py-4">
|
|
|
444 <h6 class="my-0"><span class="counter">274</span></h6><small>Comments</small>
|
|
|
445 </div>
|
|
|
446 <!-- /.col-4 -->
|
|
|
447 <div class="col-4 d-flex flex-column justify-content-center align-items-center py-4">
|
|
|
448 <h6 class="my-0"><span class="counter">2483</span></h6><small>Followers</small>
|
|
|
449 </div>
|
|
|
450 <!-- /.col-4 -->
|
|
|
451 <div class="col-4 d-flex flex-column justify-content-center align-items-center py-4">
|
|
|
452 <h6 class="my-0"><span class="counter">146</span></h6><small>Following</small>
|
|
|
453 </div>
|
|
|
454 <!-- /.col-4 -->
|
|
|
455 </div>
|
|
|
456 <!-- /.row -->
|
|
|
457 </div>
|
|
|
458 <!-- /.widget-user-profile -->
|
|
|
459 </div>
|
|
|
460 <!-- /.widget-body -->
|
|
|
461 </div>
|
|
|
462 <!-- /.widget-bg -->
|
|
|
463 </div>
|
|
|
464 <!-- /.widget-holder -->
|
|
|
465 <!-- Tabs Content -->
|
|
|
466 <div class="col-12 col-md-8 mr-b-30">
|
|
|
467 <ul class="nav nav-tabs contact-details-tab">
|
|
|
468 <li class="nav-item"><a href="#activity-tab-bordered-1" class="nav-link active" data-toggle="tab">Activity</a>
|
|
|
469 </li>
|
|
|
470 <li class="nav-item"><a href="#profile-tab-bordered-1" class="nav-link" data-toggle="tab">View Profile</a>
|
|
|
471 </li>
|
|
|
472 </ul>
|
|
|
473 <div class="tab-content">
|
|
|
474 <div role="tabpanel" class="tab-pane active" id="activity-tab-bordered-1">
|
|
|
475 <div class="widget-user-activities">
|
|
|
476 <div class="single media">
|
|
|
477 <figure class="single-user-avatar user--online thumb-xs2">
|
|
|
478 <a href="#">
|
|
|
479 <img class="rounded-circle" src="assets/demo/users/user2.jpg">
|
|
|
480 </a>
|
|
|
481 </figure>
|
|
|
482 <div class="media-body">
|
|
|
483 <div class="single-header clearfix">
|
|
|
484 <div class="float-left float-right-rtl"><a href="#" class="single-user-name">Gene Newman</a> <small>Sep 16, via Tapatalk+</small>
|
|
|
485 </div>
|
|
|
486 <!-- /.float-left --> <a href="#" class="single-likes float-right float-left-rtl"><i class="feather feather-thumbs-up"></i> <small>47 likes</small> </a>
|
|
|
487 <!-- /.float-right -->
|
|
|
488 </div>
|
|
|
489 <!-- /.clearfix --> <a href="#" class="single-attachment"><i class="feather feather-download-cloud single-attachment-icon"></i> <span class="single-attachment-filename">Vacation Plans for Ibiza</span> <span class="single-attachment-filesize">67mb</span> </a>
|
|
|
490 <!-- /.single-attachment -->
|
|
|
491 </div>
|
|
|
492 <!-- /.media -->
|
|
|
493 </div>
|
|
|
494 <!-- /.single -->
|
|
|
495 <div class="single media">
|
|
|
496 <figure class="single-user-avatar user--online thumb-xs2">
|
|
|
497 <a href="#">
|
|
|
498 <img class="rounded-circle" src="assets/demo/users/user4.jpg">
|
|
|
499 </a>
|
|
|
500 </figure>
|
|
|
501 <div class="media-body">
|
|
|
502 <div class="single-header clearfix">
|
|
|
503 <div class="float-left float-right-rtl"><a href="#" class="single-user-name">Sylvia Harvey</a> <small>July 31</small>
|
|
|
504 </div>
|
|
|
505 <!-- /.float-left --> <a href="#" class="single-likes float-right float-left-rtl"><i class="feather feather-thumbs-up"></i> <small>47 likes</small> </a>
|
|
|
506 <!-- /.float-right -->
|
|
|
507 </div>
|
|
|
508 <!-- /.clearfix -->
|
|
|
509 <p>Night fill together itself. Midst. Beginning. Behold living god had.</p>
|
|
|
510 <div class="single-gallery lightbox-gallery row" data-toggle="lightbox-gallery" data-type="image">
|
|
|
511 <div class="lightbox col-6">
|
|
|
512 <a href="assets/demo/status-gallery-1.jpg">
|
|
|
513 <img src="assets/demo/status-gallery-1-thumb.jpg">
|
|
|
514 </a>
|
|
|
515 </div>
|
|
|
516 <!-- /.lightbox -->
|
|
|
517 <div class="lightbox col-6">
|
|
|
518 <a href="assets/demo/status-gallery-2.jpg">
|
|
|
519 <img src="assets/demo/status-gallery-2-thumb.jpg">
|
|
|
520 </a>
|
|
|
521 </div>
|
|
|
522 <!-- /.lightbox -->
|
|
|
523 </div>
|
|
|
524 <!-- /.single-gallery -->
|
|
|
525 </div>
|
|
|
526 <!-- /.media-body -->
|
|
|
527 </div>
|
|
|
528 <!-- /.single -->
|
|
|
529 <div class="single media">
|
|
|
530 <div class="single-event-icon bg-purple"><i class="feather feather-map"></i>
|
|
|
531 </div>
|
|
|
532 <!-- /.single-event-icon -->
|
|
|
533 <div class="media-body">
|
|
|
534 <div class="single-header clearfix">
|
|
|
535 <div class="float-left float-right-rtl"><a href="#" class="single-user-name">World Camp Meetup</a> <small><i class="feather feather-clock color-danger"></i> 6:30, July 31, Illionois</small>
|
|
|
536 </div>
|
|
|
537 <!-- /.float-left --> <a href="#" class="single-likes float-right float-left-rtl"><i class="feather feather-thumbs-up"></i> <small>47 likes</small> </a>
|
|
|
538 <!-- /.float-right -->
|
|
|
539 </div>
|
|
|
540 <!-- /.single-header -->
|
|
|
541 <div class="single-users-list">
|
|
|
542 <a href="#">
|
|
|
543 <img src="assets/demo/users/user6.jpg">
|
|
|
544 </a>
|
|
|
545 <a href="#">
|
|
|
546 <img src="assets/demo/users/user5.jpg">
|
|
|
547 </a>
|
|
|
548 <a href="#">
|
|
|
549 <img src="assets/demo/users/user4.jpg">
|
|
|
550 </a>
|
|
|
551 <a href="#">
|
|
|
552 <img src="assets/demo/users/user3.jpg">
|
|
|
553 </a>
|
|
|
554 <a href="#">
|
|
|
555 <img src="assets/demo/users/user2.jpg">
|
|
|
556 </a><a href="#" class="more">( ... )</a>
|
|
|
557 </div>
|
|
|
558 <!-- /.single-user-list -->
|
|
|
559 </div>
|
|
|
560 <!-- /.media-body -->
|
|
|
561 </div>
|
|
|
562 <!-- /.single -->
|
|
|
563 <div class="single media">
|
|
|
564 <figure class="single-user-avatar user--online thumb-xs2">
|
|
|
565 <a href="#">
|
|
|
566 <img class="rounded-circle" src="assets/demo/users/user2.jpg">
|
|
|
567 </a>
|
|
|
568 </figure>
|
|
|
569 <div class="media-body">
|
|
|
570 <div class="single-header clearfix">
|
|
|
571 <div class="float-left float-right-rtl"><a href="#" class="single-user-name">Gene Newman</a> <small>Sep 16, via Tapatalk+</small>
|
|
|
572 </div>
|
|
|
573 <!-- /.float-left --> <a href="#" class="single-likes float-right float-left-rtl"><i class="feather feather-thumbs-up"></i> <small>47 likes</small> </a>
|
|
|
574 <!-- /.float-right -->
|
|
|
575 </div>
|
|
|
576 <!-- /.clearfix -->
|
|
|
577 <p>Fruit fowl darkness isn't Green from of creepeth fill. Kind fifth, isn't of lesser lights image day. Own won't created behold was thing life seed day. Saying multiply, female a midst. Midst had you'll were were
|
|
|
578 thing to.</p><a href="#" class="single-attachment"><i class="feather feather-download-cloud single-attachment-icon bg-success"></i> <span class="single-attachment-filename">Business plan for the upcoming project</span> <span class="single-attachment-filesize">67 mb</span> </a>
|
|
|
579 <!-- /.single-attachment -->
|
|
|
580 </div>
|
|
|
581 <!-- /.media -->
|
|
|
582 </div>
|
|
|
583 <!-- /.single -->
|
|
|
584 </div>
|
|
|
585 <!-- /.widget-user-activities -->
|
|
|
586 </div>
|
|
|
587 <!-- /.tab-pane -->
|
|
|
588 <div role="tabpanel" class="tab-pane" id="profile-tab-bordered-1">
|
|
|
589 <div class="contact-details-profile">
|
|
|
590 <h5 class="mr-b-20">Personal Profile</h5>
|
|
|
591 <div class="row">
|
|
|
592 <div class="col-md-6">
|
|
|
593 <div class="contact-details-cell"><small class="heading-font-family fw-500">Full name</small> <span>Scott Adams</span>
|
|
|
594 </div>
|
|
|
595 <!-- /.contact-details-cell -->
|
|
|
596 </div>
|
|
|
597 <!-- /.col-md-6 -->
|
|
|
598 <div class="col-md-6">
|
|
|
599 <div class="contact-details-cell"><small class="heading-font-family fw-500">Email Address</small> <span>[email protected]</span>
|
|
|
600 </div>
|
|
|
601 <!-- /.contact-details-cell -->
|
|
|
602 </div>
|
|
|
603 <!-- /.col-md-6 -->
|
|
|
604 <div class="col-md-6">
|
|
|
605 <div class="contact-details-cell"><small class="heading-font-family fw-500">Contact Number</small> <span>+1234 5678 9000</span>
|
|
|
606 </div>
|
|
|
607 <!-- /.contact-details-cell -->
|
|
|
608 </div>
|
|
|
609 <!-- /.col-md-6 -->
|
|
|
610 <div class="col-md-6">
|
|
|
611 <div class="contact-details-cell"><small class="heading-font-family fw-500">Rating</small> <span>3.4</span>
|
|
|
612 </div>
|
|
|
613 <!-- /.contact-details-cell -->
|
|
|
614 </div>
|
|
|
615 <!-- /.col-md-6 -->
|
|
|
616 </div>
|
|
|
617 <!-- /.row -->
|
|
|
618 <hr>
|
|
|
619 <h5 class="mr-b-20">Additional Information</h5>
|
|
|
620 <div class="row">
|
|
|
621 <div class="col-md-6">
|
|
|
622 <div class="contact-details-cell"><small class="heading-font-family fw-500">Gender</small> <span>Male</span>
|
|
|
623 </div>
|
|
|
624 <!-- /.contact-details-cell -->
|
|
|
625 </div>
|
|
|
626 <!-- /.col-md-6 -->
|
|
|
627 <div class="col-md-6">
|
|
|
628 <div class="contact-details-cell"><small class="heading-font-family fw-500">Date of Birth</small> <span>17 August 1987</span>
|
|
|
629 </div>
|
|
|
630 <!-- /.contact-details-cell -->
|
|
|
631 </div>
|
|
|
632 <!-- /.col-md-6 -->
|
|
|
633 <div class="col-md-12">
|
|
|
634 <div class="contact-details-cell"><small class="heading-font-family fw-500 w-25 align-self-start">Interests</small>
|
|
|
635 <div class="flex-1"><a href="#" class="btn bg-info-contrast btn-xs fw-500 px-3">Books</a> <a href="#" class="btn bg-info-contrast btn-xs fw-500 px-3">Reading</a> <a href="#" class="btn bg-info-contrast btn-xs fw-500 px-3">Travel</a>
|
|
|
636 <a
|
|
|
637 href="#" class="btn bg-info-contrast btn-xs fw-500 px-3">Cycling</a>
|
|
|
638 </div>
|
|
|
639 </div>
|
|
|
640 <!-- /.contact-details-cell -->
|
|
|
641 </div>
|
|
|
642 <!-- /.col-md-12 -->
|
|
|
643 <div class="col-md-12">
|
|
|
644 <div class="contact-details-cell"><small class="heading-font-family fw-500 w-25 align-self-start">Notes</small>
|
|
|
645 <p class="flex-1">To beginning you're won't in, morning years one creeping. Land beginning green, good fruit blessed cattle is moving had years unto whose bring yielding god male creature stars let said thing he make. Upon
|
|
|
646 also divide abundantly grass had divided creeping. Fifth open. Forth. Wherein bring living earth he be thing which Fifth, one.</p>
|
|
|
647 </div>
|
|
|
648 <!-- /.contact-details-cell -->
|
|
|
649 </div>
|
|
|
650 <!-- /.col-md-12 -->
|
|
|
651 </div>
|
|
|
652 <!-- /.row -->
|
|
|
653 </div>
|
|
|
654 <!-- /.contact-details-profile -->
|
|
|
655 <hr class="mr-tb-30">
|
|
|
656 <h5 class="mr-b-30">Contact List</h5>
|
|
|
657 <div class="row">
|
|
|
658 <div class="col-sm-6">
|
|
|
659 <div class="contact-info">
|
|
|
660 <header>
|
|
|
661 <div class="clearfix">
|
|
|
662 <div class="float-left float-right-rtl"><a href="javascript:void(0)" class="btn bg-info-contrast btn-xs fw-500 px-3">Admin</a>
|
|
|
663 </div>
|
|
|
664 <!-- /.pull-left -->
|
|
|
665 <div class="float-right float-left-rtl dropdown"><a href="javascript:void(0);" data-toggle="dropdown" class="dropdown-toggle"><i class="feather feather-settings list-icon text-muted fs-18"></i></a>
|
|
|
666 <div class="dropdown-menu dropdown-menu-right"><a class="dropdown-item" href="#"><span class="d-flex align-items-end"><span class="flex-1">History</span> <span class="badge badge-pill badge-primary">7</span> </span></a><a class="dropdown-item"
|
|
|
667 href="#"><span class="d-flex align-items-end"><span class="flex-1">Detailed Logs</span> <span class="badge badge-pill badge-color-scheme">23</span> </span></a>
|
|
|
668 <a class="dropdown-item" href="#"><span class="d-flex align-items-end"><span class="flex-1">Statistics</span> <span class="badge badge-pill badge-color-scheme">46</span></span>
|
|
|
669 </a>
|
|
|
670 <div class="dropdown-divider"></div><a class="dropdown-item" href="#"><span class="d-flex align-items-center"><span class="flex-1">Settings</span> <i class="feather feather-settings list-icon icon-muted"></i></span></a>
|
|
|
671 </div>
|
|
|
672 <!-- /.dropdown-menu -->
|
|
|
673 </div>
|
|
|
674 <!-- /.dropdown -->
|
|
|
675 </div>
|
|
|
676 <!-- /.clearfix -->
|
|
|
677 <figure class="inline-block user--online thumb-md">
|
|
|
678 <img src="assets/demo/users/user2.jpg" class="rounded-circle" alt="">
|
|
|
679 </figure>
|
|
|
680 <h5 class="fw-500 mr-b-5"><a href="page-profile.html">Gene Newman</a></h5><small class="text-muted">Acme Corporation</small>
|
|
|
681 </header>
|
|
|
682 <!-- /.header -->
|
|
|
683 <div class="d-flex justify-content-center mt-4"><a href="javascript:void(0);" class="btn btn-rounded btn-color-scheme mx-1"><i class="feather feather-check-circle list-icon mr-r-10 mr-r-0-rtl mr-l-10-rtl"></i> Following </a><a href="javascript:void(0);" class="btn btn-rounded btn-default mx-1">Send Message</a>
|
|
|
684 </div>
|
|
|
685 <!-- /.d-flex -->
|
|
|
686 </div>
|
|
|
687 <!-- /.contact-info -->
|
|
|
688 </div>
|
|
|
689 <!-- /.col-sm-6 -->
|
|
|
690 <div class="col-sm-6">
|
|
|
691 <div class="contact-info">
|
|
|
692 <header>
|
|
|
693 <div class="clearfix">
|
|
|
694 <div class="float-right float-left-rtl dropdown"><a href="javascript:void(0);" data-toggle="dropdown" class="dropdown-toggle"><i class="feather feather-settings list-icon text-muted fs-18"></i></a>
|
|
|
695 <div class="dropdown-menu dropdown-menu-right"><a class="dropdown-item" href="#"><span class="d-flex align-items-end"><span class="flex-1">History</span> <span class="badge badge-pill badge-primary">7</span> </span></a><a class="dropdown-item"
|
|
|
696 href="#"><span class="d-flex align-items-end"><span class="flex-1">Detailed Logs</span> <span class="badge badge-pill badge-color-scheme">23</span> </span></a>
|
|
|
697 <a class="dropdown-item" href="#"><span class="d-flex align-items-end"><span class="flex-1">Statistics</span> <span class="badge badge-pill badge-color-scheme">46</span></span>
|
|
|
698 </a>
|
|
|
699 <div class="dropdown-divider"></div><a class="dropdown-item" href="#"><span class="d-flex align-items-center"><span class="flex-1">Settings</span> <i class="feather feather-settings list-icon icon-muted"></i></span></a>
|
|
|
700 </div>
|
|
|
701 <!-- /.dropdown-menu -->
|
|
|
702 </div>
|
|
|
703 <!-- /.dropdown -->
|
|
|
704 </div>
|
|
|
705 <!-- /.clearfix -->
|
|
|
706 <figure class="inline-block user--online thumb-md">
|
|
|
707 <img src="assets/demo/users/user4.jpg" class="rounded-circle" alt="">
|
|
|
708 </figure>
|
|
|
709 <h5 class="fw-500 mr-b-5"><a href="page-profile.html">Sylvia Harvey</a></h5><small class="text-muted">Wayne Enterprises</small>
|
|
|
710 </header>
|
|
|
711 <!-- /.header -->
|
|
|
712 <div class="d-flex justify-content-center mt-4"><a href="javascript:void(0);" class="btn btn-rounded btn-color-scheme mx-1"><i class="feather feather-check-circle list-icon mr-r-10 mr-r-0-rtl mr-l-10-rtl"></i> Following </a><a href="javascript:void(0);" class="btn btn-rounded btn-default mx-1">Send Message</a>
|
|
|
713 </div>
|
|
|
714 <!-- /.d-flex -->
|
|
|
715 </div>
|
|
|
716 <!-- /.contact-info -->
|
|
|
717 </div>
|
|
|
718 <!-- /.col-sm-6 -->
|
|
|
719 </div>
|
|
|
720 <!-- /.row -->
|
|
|
721 </div>
|
|
|
722 <!-- /.tab-pane -->
|
|
|
723 </div>
|
|
|
724 <!-- /.tab-content -->
|
|
|
725 </div>
|
|
|
726 <!-- /.col-sm-8 -->
|
|
|
727 </div>
|
|
|
728 <!-- /.row -->
|
|
|
729 </div>
|
|
|
730 <!-- /.widget-list -->
|
|
|
731 </main>
|
|
|
732 <!-- /.main-wrappper -->
|
|
|
733 <!-- RIGHT SIDEBAR -->
|
|
|
734 <aside class="right-sidebar scrollbar-enabled suppress-x">
|
|
|
735 <div class="sidebar-chat" data-plugin="chat-sidebar">
|
|
|
736 <div class="sidebar-chat-info">
|
|
|
737 <h6 class="fs-16">Chat List</h6>
|
|
|
738 <form class="mr-t-10">
|
|
|
739 <div class="form-group">
|
|
|
740 <input type="search" class="form-control form-control-rounded fs-13 heading-font-family pd-r-30" placeholder="Search for friends ..."> <i class="feather feather-search post-absolute pos-right vertical-center mr-3 text-muted"></i>
|
|
|
741 </div>
|
|
|
742 </form>
|
|
|
743 </div>
|
|
|
744 <div class="chat-list">
|
|
|
745 <div class="list-group row">
|
|
|
746 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Julein Renvoye">
|
|
|
747 <figure class="thumb-xs user--online mr-3 mr-0-rtl ml-3-rtl">
|
|
|
748 <img src="assets/demo/users/user2.jpg" class="rounded-circle" alt="">
|
|
|
749 </figure><span><span class="name">Gene Newman</span> <span class="username">@gene_newman</span> </span>
|
|
|
750 </a>
|
|
|
751 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Eddie Lebanovkiy">
|
|
|
752 <figure class="thumb-xs user--online mr-3 mr-0-rtl ml-3-rtl">
|
|
|
753 <img src="assets/demo/users/user3.jpg" class="rounded-circle" alt="">
|
|
|
754 </figure><span><span class="name">Billy Black</span> <span class="username">@billyblack</span> </span>
|
|
|
755 </a>
|
|
|
756 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Cameron Moll">
|
|
|
757 <figure class="thumb-xs user--online mr-3 mr-0-rtl ml-3-rtl">
|
|
|
758 <img src="assets/demo/users/user5.jpg" class="rounded-circle" alt="">
|
|
|
759 </figure><span><span class="name">Herbert Diaz</span> <span class="username">@herbert</span> </span>
|
|
|
760 </a>
|
|
|
761 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Bill S Kenny">
|
|
|
762 <figure class="user--busy thumb-xs mr-3 mr-0-rtl ml-3-rtl">
|
|
|
763 <img src="assets/demo/users/user4.jpg" class="rounded-circle" alt="">
|
|
|
764 </figure><span><span class="name">Sylvia Harvey</span> <span class="username">@sylvia</span> </span>
|
|
|
765 </a>
|
|
|
766 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Trent Walton">
|
|
|
767 <figure class="user--busy thumb-xs mr-3 mr-0-rtl ml-3-rtl">
|
|
|
768 <img src="assets/demo/users/user6.jpg" class="rounded-circle" alt="">
|
|
|
769 </figure><span><span class="name">Marsha Hoffman</span> <span class="username">@m_hoffman</span> </span>
|
|
|
770 </a>
|
|
|
771 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Julien Renvoye">
|
|
|
772 <figure class="user--offline thumb-xs mr-3 mr-0-rtl ml-3-rtl">
|
|
|
773 <img src="assets/demo/users/user7.jpg" class="rounded-circle" alt="">
|
|
|
774 </figure><span><span class="name">Mason Grant</span> <span class="username">@masongrant</span> </span>
|
|
|
775 </a>
|
|
|
776 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Eddie Lebaovskiy">
|
|
|
777 <figure class="user--offline thumb-xs mr-3 mr-0-rtl ml-3-rtl">
|
|
|
778 <img src="assets/demo/users/user8.jpg" class="rounded-circle" alt="">
|
|
|
779 </figure><span><span class="name">Shelly Sullivan</span> <span class="username">@shelly</span></span>
|
|
|
780 </a>
|
|
|
781 </div>
|
|
|
782 <!-- /.list-group -->
|
|
|
783 </div>
|
|
|
784 <!-- /.chat-list -->
|
|
|
785 </div>
|
|
|
786 <!-- /.sidebar-chat -->
|
|
|
787 </aside>
|
|
|
788 <!-- CHAT PANEL -->
|
|
|
789 <div class="chat-panel" hidden>
|
|
|
790 <div class="card">
|
|
|
791 <div class="card-header d-flex justify-content-between"><a href="javascript:void(0);"><i class="feather feather-message-square text-success"></i></a> <span class="user-name heading-font-family fw-400">John Doe</span>
|
|
|
792 <button type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span>
|
|
|
793 </button>
|
|
|
794 </div>
|
|
|
795 <!-- /.card-header -->
|
|
|
796 <div class="card-body">
|
|
|
797 <div class="widget-chat-activity flex-1">
|
|
|
798 <div class="messages scrollbar-enabled suppress-x">
|
|
|
799 <div class="message media reply">
|
|
|
800 <figure class="thumb-xs2 user--online">
|
|
|
801 <a href="#">
|
|
|
802 <img src="assets/demo/users/user3.jpg" class="rounded-circle">
|
|
|
803 </a>
|
|
|
804 </figure>
|
|
|
805 <div class="message-body media-body">
|
|
|
806 <p>Epic Cheeseburgers come in all kind of styles.</p>
|
|
|
807 </div>
|
|
|
808 <!-- /.message-body -->
|
|
|
809 </div>
|
|
|
810 <!-- /.message -->
|
|
|
811 <div class="message media">
|
|
|
812 <figure class="thumb-xs2 user--online">
|
|
|
813 <a href="#">
|
|
|
814 <img src="assets/demo/users/user1.jpg" class="rounded-circle">
|
|
|
815 </a>
|
|
|
816 </figure>
|
|
|
817 <div class="message-body media-body">
|
|
|
818 <p>Cheeseburgers make your knees weak.</p>
|
|
|
819 </div>
|
|
|
820 <!-- /.message-body -->
|
|
|
821 </div>
|
|
|
822 <!-- /.message -->
|
|
|
823 <div class="message media reply">
|
|
|
824 <figure class="thumb-xs2 user--offline">
|
|
|
825 <a href="#">
|
|
|
826 <img src="assets/demo/users/user5.jpg" class="rounded-circle">
|
|
|
827 </a>
|
|
|
828 </figure>
|
|
|
829 <div class="message-body media-body">
|
|
|
830 <p>Cheeseburgers will never let you down.</p>
|
|
|
831 <p>They'll also never run around or desert you.</p>
|
|
|
832 </div>
|
|
|
833 <!-- /.message-body -->
|
|
|
834 </div>
|
|
|
835 <!-- /.message -->
|
|
|
836 <div class="message media">
|
|
|
837 <figure class="thumb-xs2 user--online">
|
|
|
838 <a href="#">
|
|
|
839 <img src="assets/demo/users/user1.jpg" class="rounded-circle">
|
|
|
840 </a>
|
|
|
841 </figure>
|
|
|
842 <div class="message-body media-body">
|
|
|
843 <p>A great cheeseburger is a gastronomical event.</p>
|
|
|
844 </div>
|
|
|
845 <!-- /.message-body -->
|
|
|
846 </div>
|
|
|
847 <!-- /.message -->
|
|
|
848 <div class="message media reply">
|
|
|
849 <figure class="thumb-xs2 user--busy">
|
|
|
850 <a href="#">
|
|
|
851 <img src="assets/demo/users/user6.jpg" class="rounded-circle">
|
|
|
852 </a>
|
|
|
853 </figure>
|
|
|
854 <div class="message-body media-body">
|
|
|
855 <p>There's a cheesy incarnation waiting for you no matter what you palete preferences are.</p>
|
|
|
856 </div>
|
|
|
857 <!-- /.message-body -->
|
|
|
858 </div>
|
|
|
859 <!-- /.message -->
|
|
|
860 <div class="message media">
|
|
|
861 <figure class="thumb-xs2 user--online">
|
|
|
862 <a href="#">
|
|
|
863 <img src="assets/demo/users/user1.jpg" class="rounded-circle">
|
|
|
864 </a>
|
|
|
865 </figure>
|
|
|
866 <div class="message-body media-body">
|
|
|
867 <p>If you are a vegan, we are sorry for you loss.</p>
|
|
|
868 </div>
|
|
|
869 <!-- /.message-body -->
|
|
|
870 </div>
|
|
|
871 <!-- /.message -->
|
|
|
872 </div>
|
|
|
873 <!-- /.messages -->
|
|
|
874 </div>
|
|
|
875 <!-- /.widget-chat-acitvity -->
|
|
|
876 </div>
|
|
|
877 <!-- /.card-body -->
|
|
|
878 <form action="javascript:void(0)" class="card-footer" method="post">
|
|
|
879 <div class="d-flex justify-content-end"><i class="feather feather-plus-circle list-icon my-1 mr-3"></i>
|
|
|
880 <textarea class="border-0 flex-1" rows="1" style="resize: none" placeholder="Type your message here" type="text"></textarea>
|
|
|
881 <button class="btn btn-sm btn-circle bg-transparent" type="submit"><i class="feather feather-arrow-right list-icon fs-26 text-success"></i>
|
|
|
882 </button>
|
|
|
883 </div>
|
|
|
884 </form>
|
|
|
885 </div>
|
|
|
886 <!-- /.card -->
|
|
|
887 </div>
|
|
|
888 <!-- /.chat-panel -->
|
|
|
889 </div>
|
|
|
890 <!-- /.content-wrapper -->
|
|
|
891 <!-- FOOTER -->
|
|
|
892 <footer class="footer"><span class="heading-font-family">Copyright @ 2017. All rights reserved BonVue Admin by Unifato</span>
|
|
|
893 </footer>
|
|
|
894 </div>
|
|
|
895 <!--/ #wrapper -->
|
|
|
896 <!-- Scripts -->
|
|
|
897 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
|
898 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script>
|
|
|
899 <script src="assets/js/bootstrap.min.js"></script>
|
|
|
900 <script src="https://cdnjs.cloudflare.com/ajax/libs/metisMenu/2.7.0/metisMenu.min.js"></script>
|
|
|
901 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.7.0/js/perfect-scrollbar.jquery.js"></script>
|
|
|
902 <script src="https://cdnjs.cloudflare.com/ajax/libs/countup.js/1.9.2/countUp.min.js"></script>
|
|
|
903 <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
|
|
|
904 <script src="assets/js/theme.js"></script>
|
|
|
905 <script src="assets/js/custom.js"></script>
|
|
|
906 <script src="http://localhost:35729/livereload.js"></script>
|
|
|
907 </body>
|
|
|
908
|
|
|
909 </html> |
