API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 21st, 2019
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 130.93 KB | None | 0 0
raw download clone embed print report
  1. <%--
  2. Document : index
  3. Created on : 19/03/2019, 21:44:46
  4. Author : internet
  5. --%>
  6.  
  7. <%@page contentType="text/html" pageEncoding="UTF-8"%>
  8. <!doctype html>
  9. <html class="no-js" lang="en">
  10.  
  11. <head>
  12. <meta charset="utf-8">
  13. <meta http-equiv="x-ua-compatible" content="ie=edge">
  14. <title>LanHouse do Juquinha Bala Tensa</title>
  15. <meta name="description" content="">
  16. <meta name="viewport" content="width=device-width, initial-scale=1">
  17. <!-- favicon
  18. ============================================ -->
  19. <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
  20. <!-- Google Fonts
  21. ============================================ -->
  22. <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
  23. <!-- Bootstrap CSS
  24. ============================================ -->
  25. <link rel="stylesheet" href="css/bootstrap.min.css">
  26. <!-- Bootstrap CSS
  27. ============================================ -->
  28. <link rel="stylesheet" href="css/font-awesome.min.css">
  29. <!-- owl.carousel CSS
  30. ============================================ -->
  31. <link rel="stylesheet" href="css/owl.carousel.css">
  32. <link rel="stylesheet" href="css/owl.theme.css">
  33. <link rel="stylesheet" href="css/owl.transitions.css">
  34. <!-- animate CSS
  35. ============================================ -->
  36. <link rel="stylesheet" href="css/animate.css">
  37. <!-- normalize CSS
  38. ============================================ -->
  39. <link rel="stylesheet" href="css/normalize.css">
  40. <!-- meanmenu icon CSS
  41. ============================================ -->
  42. <link rel="stylesheet" href="css/meanmenu.min.css">
  43. <!-- main CSS
  44. ============================================ -->
  45. <link rel="stylesheet" href="css/main.css">
  46. <!-- educate icon CSS
  47. ============================================ -->
  48. <link rel="stylesheet" href="css/educate-custon-icon.css">
  49. <!-- morrisjs CSS
  50. ============================================ -->
  51. <link rel="stylesheet" href="css/morrisjs/morris.css">
  52. <!-- mCustomScrollbar CSS
  53. ============================================ -->
  54. <link rel="stylesheet" href="css/scrollbar/jquery.mCustomScrollbar.min.css">
  55. <!-- metisMenu CSS
  56. ============================================ -->
  57. <link rel="stylesheet" href="css/metisMenu/metisMenu.min.css">
  58. <link rel="stylesheet" href="css/metisMenu/metisMenu-vertical.css">
  59. <!-- calendar CSS
  60. ============================================ -->
  61. <link rel="stylesheet" href="css/calendar/fullcalendar.min.css">
  62. <link rel="stylesheet" href="css/calendar/fullcalendar.print.min.css">
  63. <!-- style CSS
  64. ============================================ -->
  65. <link rel="stylesheet" href="style.css">
  66. <!-- responsive CSS
  67. ============================================ -->
  68. <link rel="stylesheet" href="css/responsive.css">
  69. <!-- modernizr JS
  70. ============================================ -->
  71. <script src="js/vendor/modernizr-2.8.3.min.js"></script>
  72. </head>
  73.  
  74. <body>
  75. <!--[if lt IE 8]>
  76. <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  77. <![endif]-->
  78. <!-- Start Left menu area -->
  79. <div class="left-sidebar-pro">
  80. <nav id="sidebar" class="">
  81. <div class="sidebar-header">
  82. <a href="index.html"><img class="main-logo" src="img/logo/logo.png" alt="" /></a>
  83. <strong><a href="index.html"><img src="img/logo/logosn.png" alt="" /></a></strong>
  84. </div>
  85. <div class="left-custom-menu-adp-wrap comment-scrollbar">
  86. <nav class="sidebar-nav left-sidebar-menu-pro">
  87. <ul class="metismenu" id="menu1">
  88. <li class="active">
  89. <a class="has-arrow" href="index.html">
  90. <span class="educate-icon educate-home icon-wrap"></span>
  91. <span class="mini-click-non">Education</span>
  92. </a>
  93. <ul class="submenu-angle" aria-expanded="true">
  94. <li><a title="Dashboard v.1" href="index.html"><span class="mini-sub-pro">Dashboard v.1</span></a></li>
  95. <li><a title="Dashboard v.2" href="index-1.html"><span class="mini-sub-pro">Dashboard v.2</span></a></li>
  96. <li><a title="Dashboard v.3" href="index-2.html"><span class="mini-sub-pro">Dashboard v.3</span></a></li>
  97. <li><a title="Analytics" href="analytics.html"><span class="mini-sub-pro">Analytics</span></a></li>
  98. <li><a title="Widgets" href="widgets.html"><span class="mini-sub-pro">Widgets</span></a></li>
  99. </ul>
  100. </li>
  101. <li>
  102. <a title="Landing Page" href="events.html" aria-expanded="false"><span class="educate-icon educate-event icon-wrap sub-icon-mg" aria-hidden="true"></span> <span class="mini-click-non">Event</span></a>
  103. </li>
  104. <li>
  105. <a class="has-arrow" href="all-professors.html" aria-expanded="false"><span class="educate-icon educate-professor icon-wrap"></span> <span class="mini-click-non">Professors</span></a>
  106. <ul class="submenu-angle" aria-expanded="false">
  107. <li><a title="All Professors" href="all-professors.html"><span class="mini-sub-pro">All Professors</span></a></li>
  108. <li><a title="Add Professor" href="add-professor.html"><span class="mini-sub-pro">Add Professor</span></a></li>
  109. <li><a title="Edit Professor" href="edit-professor.html"><span class="mini-sub-pro">Edit Professor</span></a></li>
  110. <li><a title="Professor Profile" href="professor-profile.html"><span class="mini-sub-pro">Professor Profile</span></a></li>
  111. </ul>
  112. </li>
  113. <li>
  114. <a class="has-arrow" href="all-students.html" aria-expanded="false"><span class="educate-icon educate-student icon-wrap"></span> <span class="mini-click-non">Students</span></a>
  115. <ul class="submenu-angle" aria-expanded="false">
  116. <li><a title="All Students" href="all-students.html"><span class="mini-sub-pro">All Students</span></a></li>
  117. <li><a title="Add Students" href="add-student.html"><span class="mini-sub-pro">Add Student</span></a></li>
  118. <li><a title="Edit Students" href="edit-student.html"><span class="mini-sub-pro">Edit Student</span></a></li>
  119. <li><a title="Students Profile" href="student-profile.html"><span class="mini-sub-pro">Student Profile</span></a></li>
  120. </ul>
  121. </li>
  122. <li>
  123. <a class="has-arrow" href="all-courses.html" aria-expanded="false"><span class="educate-icon educate-course icon-wrap"></span> <span class="mini-click-non">Courses</span></a>
  124. <ul class="submenu-angle" aria-expanded="false">
  125. <li><a title="All Courses" href="all-courses.html"><span class="mini-sub-pro">All Courses</span></a></li>
  126. <li><a title="Add Courses" href="add-course.html"><span class="mini-sub-pro">Add Course</span></a></li>
  127. <li><a title="Edit Courses" href="edit-course.html"><span class="mini-sub-pro">Edit Course</span></a></li>
  128. <li><a title="Courses Profile" href="course-info.html"><span class="mini-sub-pro">Courses Info</span></a></li>
  129. <li><a title="course Payment" href="course-payment.html"><span class="mini-sub-pro">Courses Payment</span></a></li>
  130. </ul>
  131. </li>
  132. <li>
  133. <a class="has-arrow" href="all-courses.html" aria-expanded="false"><span class="educate-icon educate-library icon-wrap"></span> <span class="mini-click-non">Library</span></a>
  134. <ul class="submenu-angle" aria-expanded="false">
  135. <li><a title="All Library" href="library-assets.html"><span class="mini-sub-pro">Library Assets</span></a></li>
  136. <li><a title="Add Library" href="add-library-assets.html"><span class="mini-sub-pro">Add Library Asset</span></a></li>
  137. <li><a title="Edit Library" href="edit-library-assets.html"><span class="mini-sub-pro">Edit Library Asset</span></a></li>
  138. </ul>
  139. </li>
  140. <li>
  141. <a class="has-arrow" href="all-courses.html" aria-expanded="false"><span class="educate-icon educate-department icon-wrap"></span> <span class="mini-click-non">Departments</span></a>
  142. <ul class="submenu-angle" aria-expanded="false">
  143. <li><a title="Departments List" href="departments.html"><span class="mini-sub-pro">Departments List</span></a></li>
  144. <li><a title="Add Departments" href="add-department.html"><span class="mini-sub-pro">Add Departments</span></a></li>
  145. <li><a title="Edit Departments" href="edit-department.html"><span class="mini-sub-pro">Edit Departments</span></a></li>
  146. </ul>
  147. </li>
  148. <li>
  149. <a class="has-arrow" href="mailbox.html" aria-expanded="false"><span class="educate-icon educate-message icon-wrap"></span> <span class="mini-click-non">Mailbox</span></a>
  150. <ul class="submenu-angle" aria-expanded="false">
  151. <li><a title="Inbox" href="mailbox.html"><span class="mini-sub-pro">Inbox</span></a></li>
  152. <li><a title="View Mail" href="mailbox-view.html"><span class="mini-sub-pro">View Mail</span></a></li>
  153. <li><a title="Compose Mail" href="mailbox-compose.html"><span class="mini-sub-pro">Compose Mail</span></a></li>
  154. </ul>
  155. </li>
  156. <li>
  157. <a class="has-arrow" href="mailbox.html" aria-expanded="false"><span class="educate-icon educate-interface icon-wrap"></span> <span class="mini-click-non">Interface</span></a>
  158. <ul class="submenu-angle interface-mini-nb-dp" aria-expanded="false">
  159. <li><a title="Google Map" href="google-map.html"><span class="mini-sub-pro">Google Map</span></a></li>
  160. <li><a title="Data Maps" href="data-maps.html"><span class="mini-sub-pro">Data Maps</span></a></li>
  161. <li><a title="Pdf Viewer" href="pdf-viewer.html"><span class="mini-sub-pro">Pdf Viewer</span></a></li>
  162. <li><a title="X-Editable" href="x-editable.html"><span class="mini-sub-pro">X-Editable</span></a></li>
  163. <li><a title="Code Editor" href="code-editor.html"><span class="mini-sub-pro">Code Editor</span></a></li>
  164. <li><a title="Tree View" href="tree-view.html"><span class="mini-sub-pro">Tree View</span></a></li>
  165. <li><a title="Preloader" href="preloader.html"><span class="mini-sub-pro">Preloader</span></a></li>
  166. <li><a title="Images Cropper" href="images-cropper.html"><span class="mini-sub-pro">Images Cropper</span></a></li>
  167. </ul>
  168. </li>
  169. <li>
  170. <a class="has-arrow" href="mailbox.html" aria-expanded="false"><span class="educate-icon educate-charts icon-wrap"></span> <span class="mini-click-non">Charts</span></a>
  171. <ul class="submenu-angle chart-mini-nb-dp" aria-expanded="false">
  172. <li><a title="Bar Charts" href="bar-charts.html"><span class="mini-sub-pro">Bar Charts</span></a></li>
  173. <li><a title="Line Charts" href="line-charts.html"><span class="mini-sub-pro">Line Charts</span></a></li>
  174. <li><a title="Area Charts" href="area-charts.html"><span class="mini-sub-pro">Area Charts</span></a></li>
  175. <li><a title="Rounded Charts" href="rounded-chart.html"><span class="mini-sub-pro">Rounded Charts</span></a></li>
  176. <li><a title="C3 Charts" href="c3.html"><span class="mini-sub-pro">C3 Charts</span></a></li>
  177. <li><a title="Sparkline Charts" href="sparkline.html"><span class="mini-sub-pro">Sparkline Charts</span></a></li>
  178. <li><a title="Peity Charts" href="peity.html"><span class="mini-sub-pro">Peity Charts</span></a></li>
  179. </ul>
  180. </li>
  181. <li>
  182. <a class="has-arrow" href="mailbox.html" aria-expanded="false"><span class="educate-icon educate-data-table icon-wrap"></span> <span class="mini-click-non">Data Tables</span></a>
  183. <ul class="submenu-angle" aria-expanded="false">
  184. <li><a title="Peity Charts" href="static-table.html"><span class="mini-sub-pro">Static Table</span></a></li>
  185. <li><a title="Data Table" href="data-table.html"><span class="mini-sub-pro">Data Table</span></a></li>
  186. </ul>
  187. </li>
  188. <li>
  189. <a class="has-arrow" href="mailbox.html" aria-expanded="false"><span class="educate-icon educate-form icon-wrap"></span> <span class="mini-click-non">Forms Elements</span></a>
  190. <ul class="submenu-angle form-mini-nb-dp" aria-expanded="false">
  191. <li><a title="Basic Form Elements" href="basic-form-element.html"><span class="mini-sub-pro">Bc Form Elements</span></a></li>
  192. <li><a title="Advance Form Elements" href="advance-form-element.html"><span class="mini-sub-pro">Ad Form Elements</span></a></li>
  193. <li><a title="Password Meter" href="password-meter.html"><span class="mini-sub-pro">Password Meter</span></a></li>
  194. <li><a title="Multi Upload" href="multi-upload.html"><span class="mini-sub-pro">Multi Upload</span></a></li>
  195. <li><a title="Text Editor" href="tinymc.html"><span class="mini-sub-pro">Text Editor</span></a></li>
  196. <li><a title="Dual List Box" href="dual-list-box.html"><span class="mini-sub-pro">Dual List Box</span></a></li>
  197. </ul>
  198. </li>
  199. <li>
  200. <a class="has-arrow" href="mailbox.html" aria-expanded="false"><span class="educate-icon educate-apps icon-wrap"></span> <span class="mini-click-non">App views</span></a>
  201. <ul class="submenu-angle app-mini-nb-dp" aria-expanded="false">
  202. <li><a title="Notifications" href="notifications.html"><span class="mini-sub-pro">Notifications</span></a></li>
  203. <li><a title="Alerts" href="alerts.html"><span class="mini-sub-pro">Alerts</span></a></li>
  204. <li><a title="Modals" href="modals.html"><span class="mini-sub-pro">Modals</span></a></li>
  205. <li><a title="Buttons" href="buttons.html"><span class="mini-sub-pro">Buttons</span></a></li>
  206. <li><a title="Tabs" href="tabs.html"><span class="mini-sub-pro">Tabs</span></a></li>
  207. <li><a title="Accordion" href="accordion.html"><span class="mini-sub-pro">Accordion</span></a></li>
  208. </ul>
  209. </li>
  210. <li id="removable">
  211. <a class="has-arrow" href="#" aria-expanded="false"><span class="educate-icon educate-pages icon-wrap"></span> <span class="mini-click-non">Pages</span></a>
  212. <ul class="submenu-angle page-mini-nb-dp" aria-expanded="false">
  213. <li><a title="Login" href="login.html"><span class="mini-sub-pro">Login</span></a></li>
  214. <li><a title="Register" href="register.html"><span class="mini-sub-pro">Register</span></a></li>
  215. <li><a title="Lock" href="lock.html"><span class="mini-sub-pro">Lock</span></a></li>
  216. <li><a title="Password Recovery" href="password-recovery.html"><span class="mini-sub-pro">Password Recovery</span></a></li>
  217. <li><a title="404 Page" href="404.html"><span class="mini-sub-pro">404 Page</span></a></li>
  218. <li><a title="500 Page" href="500.html"><span class="mini-sub-pro">500 Page</span></a></li>
  219. </ul>
  220. </li>
  221. </ul>
  222. </nav>
  223. </div>
  224. </nav>
  225. </div>
  226. <!-- End Left menu area -->
  227. <!-- Start Welcome area -->
  228. <div class="all-content-wrapper">
  229. <div class="container-fluid">
  230. <div class="row">
  231. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  232. <div class="logo-pro">
  233. <a href="index.html"><img class="main-logo" src="img/logo/logo.png" alt="" /></a>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. <div class="header-advance-area">
  239. <div class="header-top-area">
  240. <div class="container-fluid">
  241. <div class="row">
  242. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  243. <div class="header-top-wraper">
  244. <div class="row">
  245. <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
  246. <div class="menu-switcher-pro">
  247. <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn">
  248. <i class="educate-icon educate-nav"></i>
  249. </button>
  250. </div>
  251. </div>
  252. <div class="col-lg-6 col-md-7 col-sm-6 col-xs-12">
  253. <div class="header-top-menu tabl-d-n">
  254. <ul class="nav navbar-nav mai-top-nav">
  255. <li class="nav-item"><a href="#" class="nav-link">Home</a>
  256. </li>
  257. <li class="nav-item"><a href="#" class="nav-link">About</a>
  258. </li>
  259. <li class="nav-item"><a href="#" class="nav-link">Services</a>
  260. </li>
  261. <li class="nav-item dropdown res-dis-nn">
  262. <a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle">Project <span class="angle-down-topmenu"><i class="fa fa-angle-down"></i></span></a>
  263. <div role="menu" class="dropdown-menu animated zoomIn">
  264. <a href="#" class="dropdown-item">Documentation</a>
  265. <a href="#" class="dropdown-item">Expert Backend</a>
  266. <a href="#" class="dropdown-item">Expert FrontEnd</a>
  267. <a href="#" class="dropdown-item">Contact Support</a>
  268. </div>
  269. </li>
  270. <li class="nav-item"><a href="#" class="nav-link">Support</a>
  271. </li>
  272. </ul>
  273. </div>
  274. </div>
  275. <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
  276. <div class="header-right-info">
  277. <ul class="nav navbar-nav mai-top-nav header-right-menu">
  278. <li class="nav-item dropdown">
  279. <a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle"><i class="educate-icon educate-message edu-chat-pro" aria-hidden="true"></i><span class="indicator-ms"></span></a>
  280. <div role="menu" class="author-message-top dropdown-menu animated zoomIn">
  281. <div class="message-single-top">
  282. <h1>Message</h1>
  283. </div>
  284. <ul class="message-menu">
  285. <li>
  286. <a href="#">
  287. <div class="message-img">
  288. <img src="img/contact/1.jpg" alt="">
  289. </div>
  290. <div class="message-content">
  291. <span class="message-date">16 Sept</span>
  292. <h2>Advanda Cro</h2>
  293. <p>Please done this project as soon possible.</p>
  294. </div>
  295. </a>
  296. </li>
  297. <li>
  298. <a href="#">
  299. <div class="message-img">
  300. <img src="img/contact/4.jpg" alt="">
  301. </div>
  302. <div class="message-content">
  303. <span class="message-date">16 Sept</span>
  304. <h2>Sulaiman din</h2>
  305. <p>Please done this project as soon possible.</p>
  306. </div>
  307. </a>
  308. </li>
  309. <li>
  310. <a href="#">
  311. <div class="message-img">
  312. <img src="img/contact/3.jpg" alt="">
  313. </div>
  314. <div class="message-content">
  315. <span class="message-date">16 Sept</span>
  316. <h2>Victor Jara</h2>
  317. <p>Please done this project as soon possible.</p>
  318. </div>
  319. </a>
  320. </li>
  321. <li>
  322. <a href="#">
  323. <div class="message-img">
  324. <img src="img/contact/2.jpg" alt="">
  325. </div>
  326. <div class="message-content">
  327. <span class="message-date">16 Sept</span>
  328. <h2>Victor Jara</h2>
  329. <p>Please done this project as soon possible.</p>
  330. </div>
  331. </a>
  332. </li>
  333. </ul>
  334. <div class="message-view">
  335. <a href="#">View All Messages</a>
  336. </div>
  337. </div>
  338. </li>
  339. <li class="nav-item"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle"><i class="educate-icon educate-bell" aria-hidden="true"></i><span class="indicator-nt"></span></a>
  340. <div role="menu" class="notification-author dropdown-menu animated zoomIn">
  341. <div class="notification-single-top">
  342. <h1>Notifications</h1>
  343. </div>
  344. <ul class="notification-menu">
  345. <li>
  346. <a href="#">
  347. <div class="notification-icon">
  348. <i class="educate-icon educate-checked edu-checked-pro admin-check-pro" aria-hidden="true"></i>
  349. </div>
  350. <div class="notification-content">
  351. <span class="notification-date">16 Sept</span>
  352. <h2>Advanda Cro</h2>
  353. <p>Please done this project as soon possible.</p>
  354. </div>
  355. </a>
  356. </li>
  357. <li>
  358. <a href="#">
  359. <div class="notification-icon">
  360. <i class="fa fa-cloud edu-cloud-computing-down" aria-hidden="true"></i>
  361. </div>
  362. <div class="notification-content">
  363. <span class="notification-date">16 Sept</span>
  364. <h2>Sulaiman din</h2>
  365. <p>Please done this project as soon possible.</p>
  366. </div>
  367. </a>
  368. </li>
  369. <li>
  370. <a href="#">
  371. <div class="notification-icon">
  372. <i class="fa fa-eraser edu-shield" aria-hidden="true"></i>
  373. </div>
  374. <div class="notification-content">
  375. <span class="notification-date">16 Sept</span>
  376. <h2>Victor Jara</h2>
  377. <p>Please done this project as soon possible.</p>
  378. </div>
  379. </a>
  380. </li>
  381. <li>
  382. <a href="#">
  383. <div class="notification-icon">
  384. <i class="fa fa-line-chart edu-analytics-arrow" aria-hidden="true"></i>
  385. </div>
  386. <div class="notification-content">
  387. <span class="notification-date">16 Sept</span>
  388. <h2>Victor Jara</h2>
  389. <p>Please done this project as soon possible.</p>
  390. </div>
  391. </a>
  392. </li>
  393. </ul>
  394. <div class="notification-view">
  395. <a href="#">View All Notification</a>
  396. </div>
  397. </div>
  398. </li>
  399. <li class="nav-item">
  400. <a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle">
  401. <img src="img/product/pro4.jpg" alt="" />
  402. <span class="admin-name">Prof.Anderson</span>
  403. <i class="fa fa-angle-down edu-icon edu-down-arrow"></i>
  404. </a>
  405. <ul role="menu" class="dropdown-header-top author-log dropdown-menu animated zoomIn">
  406. <li><a href="#"><span class="edu-icon edu-home-admin author-log-ic"></span>My Account</a>
  407. </li>
  408. <li><a href="#"><span class="edu-icon edu-user-rounded author-log-ic"></span>My Profile</a>
  409. </li>
  410. <li><a href="#"><span class="edu-icon edu-money author-log-ic"></span>User Billing</a>
  411. </li>
  412. <li><a href="#"><span class="edu-icon edu-settings author-log-ic"></span>Settings</a>
  413. </li>
  414. <li><a href="#"><span class="edu-icon edu-locked author-log-ic"></span>Log Out</a>
  415. </li>
  416. </ul>
  417. </li>
  418. <li class="nav-item nav-setting-open"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle"><i class="educate-icon educate-menu"></i></a>
  419.  
  420. <div role="menu" class="admintab-wrap menu-setting-wrap menu-setting-wrap-bg dropdown-menu animated zoomIn">
  421. <ul class="nav nav-tabs custon-set-tab">
  422. <li class="active"><a data-toggle="tab" href="#Notes">Notes</a>
  423. </li>
  424. <li><a data-toggle="tab" href="#Projects">Projects</a>
  425. </li>
  426. <li><a data-toggle="tab" href="#Settings">Settings</a>
  427. </li>
  428. </ul>
  429.  
  430. <div class="tab-content custom-bdr-nt">
  431. <div id="Notes" class="tab-pane fade in active">
  432. <div class="notes-area-wrap">
  433. <div class="note-heading-indicate">
  434. <h2><i class="fa fa-comments-o"></i> Latest Notes</h2>
  435. <p>You have 10 new message.</p>
  436. </div>
  437. <div class="notes-list-area notes-menu-scrollbar">
  438. <ul class="notes-menu-list">
  439. <li>
  440. <a href="#">
  441. <div class="notes-list-flow">
  442. <div class="notes-img">
  443. <img src="img/contact/4.jpg" alt="" />
  444. </div>
  445. <div class="notes-content">
  446. <p> The point of using Lorem Ipsum is that it has a more-or-less normal.</p>
  447. <span>Yesterday 2:45 pm</span>
  448. </div>
  449. </div>
  450. </a>
  451. </li>
  452. <li>
  453. <a href="#">
  454. <div class="notes-list-flow">
  455. <div class="notes-img">
  456. <img src="img/contact/1.jpg" alt="" />
  457. </div>
  458. <div class="notes-content">
  459. <p> The point of using Lorem Ipsum is that it has a more-or-less normal.</p>
  460. <span>Yesterday 2:45 pm</span>
  461. </div>
  462. </div>
  463. </a>
  464. </li>
  465. <li>
  466. <a href="#">
  467. <div class="notes-list-flow">
  468. <div class="notes-img">
  469. <img src="img/contact/2.jpg" alt="" />
  470. </div>
  471. <div class="notes-content">
  472. <p> The point of using Lorem Ipsum is that it has a more-or-less normal.</p>
  473. <span>Yesterday 2:45 pm</span>
  474. </div>
  475. </div>
  476. </a>
  477. </li>
  478. <li>
  479. <a href="#">
  480. <div class="notes-list-flow">
  481. <div class="notes-img">
  482. <img src="img/contact/3.jpg" alt="" />
  483. </div>
  484. <div class="notes-content">
  485. <p> The point of using Lorem Ipsum is that it has a more-or-less normal.</p>
  486. <span>Yesterday 2:45 pm</span>
  487. </div>
  488. </div>
  489. </a>
  490. </li>
  491. <li>
  492. <a href="#">
  493. <div class="notes-list-flow">
  494. <div class="notes-img">
  495. <img src="img/contact/4.jpg" alt="" />
  496. </div>
  497. <div class="notes-content">
  498. <p> The point of using Lorem Ipsum is that it has a more-or-less normal.</p>
  499. <span>Yesterday 2:45 pm</span>
  500. </div>
  501. </div>
  502. </a>
  503. </li>
  504. <li>
  505. <a href="#">
  506. <div class="notes-list-flow">
  507. <div class="notes-img">
  508. <img src="img/contact/1.jpg" alt="" />
  509. </div>
  510. <div class="notes-content">
  511. <p> The point of using Lorem Ipsum is that it has a more-or-less normal.</p>
  512. <span>Yesterday 2:45 pm</span>
  513. </div>
  514. </div>
  515. </a>
  516. </li>
  517. <li>
  518. <a href="#">
  519. <div class="notes-list-flow">
  520. <div class="notes-img">
  521. <img src="img/contact/2.jpg" alt="" />
  522. </div>
  523. <div class="notes-content">
  524. <p> The point of using Lorem Ipsum is that it has a more-or-less normal.</p>
  525. <span>Yesterday 2:45 pm</span>
  526. </div>
  527. </div>
  528. </a>
  529. </li>
  530. <li>
  531. <a href="#">
  532. <div class="notes-list-flow">
  533. <div class="notes-img">
  534. <img src="img/contact/1.jpg" alt="" />
  535. </div>
  536. <div class="notes-content">
  537. <p> The point of using Lorem Ipsum is that it has a more-or-less normal.</p>
  538. <span>Yesterday 2:45 pm</span>
  539. </div>
  540. </div>
  541. </a>
  542. </li>
  543. <li>
  544. <a href="#">
  545. <div class="notes-list-flow">
  546. <div class="notes-img">
  547. <img src="img/contact/2.jpg" alt="" />
  548. </div>
  549. <div class="notes-content">
  550. <p> The point of using Lorem Ipsum is that it has a more-or-less normal.</p>
  551. <span>Yesterday 2:45 pm</span>
  552. </div>
  553. </div>
  554. </a>
  555. </li>
  556. <li>
  557. <a href="#">
  558. <div class="notes-list-flow">
  559. <div class="notes-img">
  560. <img src="img/contact/3.jpg" alt="" />
  561. </div>
  562. <div class="notes-content">
  563. <p> The point of using Lorem Ipsum is that it has a more-or-less normal.</p>
  564. <span>Yesterday 2:45 pm</span>
  565. </div>
  566. </div>
  567. </a>
  568. </li>
  569. </ul>
  570. </div>
  571. </div>
  572. </div>
  573. <div id="Projects" class="tab-pane fade">
  574. <div class="projects-settings-wrap">
  575. <div class="note-heading-indicate">
  576. <h2><i class="fa fa-cube"></i> Latest projects</h2>
  577. <p> You have 20 projects. 5 not completed.</p>
  578. </div>
  579. <div class="project-st-list-area project-st-menu-scrollbar">
  580. <ul class="projects-st-menu-list">
  581. <li>
  582. <a href="#">
  583. <div class="project-list-flow">
  584. <div class="projects-st-heading">
  585. <h2>Web Development</h2>
  586. <p> The point of using Lorem Ipsum is that it has a more or less normal.</p>
  587. <span class="project-st-time">1 hours ago</span>
  588. </div>
  589. <div class="projects-st-content">
  590. <p>Completion with: 28%</p>
  591. <div class="progress progress-mini">
  592. <div style="width: 28%;" class="progress-bar progress-bar-danger hd-tp-1"></div>
  593. </div>
  594. <p>Project end: 4:00 pm - 12.06.2014</p>
  595. </div>
  596. </div>
  597. </a>
  598. </li>
  599. <li>
  600. <a href="#">
  601. <div class="project-list-flow">
  602. <div class="projects-st-heading">
  603. <h2>Software Development</h2>
  604. <p> The point of using Lorem Ipsum is that it has a more or less normal.</p>
  605. <span class="project-st-time">2 hours ago</span>
  606. </div>
  607. <div class="projects-st-content project-rating-cl">
  608. <p>Completion with: 68%</p>
  609. <div class="progress progress-mini">
  610. <div style="width: 68%;" class="progress-bar hd-tp-2"></div>
  611. </div>
  612. <p>Project end: 4:00 pm - 12.06.2014</p>
  613. </div>
  614. </div>
  615. </a>
  616. </li>
  617. <li>
  618. <a href="#">
  619. <div class="project-list-flow">
  620. <div class="projects-st-heading">
  621. <h2>Graphic Design</h2>
  622. <p> The point of using Lorem Ipsum is that it has a more or less normal.</p>
  623. <span class="project-st-time">3 hours ago</span>
  624. </div>
  625. <div class="projects-st-content">
  626. <p>Completion with: 78%</p>
  627. <div class="progress progress-mini">
  628. <div style="width: 78%;" class="progress-bar hd-tp-3"></div>
  629. </div>
  630. <p>Project end: 4:00 pm - 12.06.2014</p>
  631. </div>
  632. </div>
  633. </a>
  634. </li>
  635. <li>
  636. <a href="#">
  637. <div class="project-list-flow">
  638. <div class="projects-st-heading">
  639. <h2>Web Design</h2>
  640. <p> The point of using Lorem Ipsum is that it has a more or less normal.</p>
  641. <span class="project-st-time">4 hours ago</span>
  642. </div>
  643. <div class="projects-st-content project-rating-cl2">
  644. <p>Completion with: 38%</p>
  645. <div class="progress progress-mini">
  646. <div style="width: 38%;" class="progress-bar progress-bar-danger hd-tp-4"></div>
  647. </div>
  648. <p>Project end: 4:00 pm - 12.06.2014</p>
  649. </div>
  650. </div>
  651. </a>
  652. </li>
  653. <li>
  654. <a href="#">
  655. <div class="project-list-flow">
  656. <div class="projects-st-heading">
  657. <h2>Business Card</h2>
  658. <p> The point of using Lorem Ipsum is that it has a more or less normal.</p>
  659. <span class="project-st-time">5 hours ago</span>
  660. </div>
  661. <div class="projects-st-content">
  662. <p>Completion with: 28%</p>
  663. <div class="progress progress-mini">
  664. <div style="width: 28%;" class="progress-bar progress-bar-danger hd-tp-5"></div>
  665. </div>
  666. <p>Project end: 4:00 pm - 12.06.2014</p>
  667. </div>
  668. </div>
  669. </a>
  670. </li>
  671. <li>
  672. <a href="#">
  673. <div class="project-list-flow">
  674. <div class="projects-st-heading">
  675. <h2>Ecommerce Business</h2>
  676. <p> The point of using Lorem Ipsum is that it has a more or less normal.</p>
  677. <span class="project-st-time">6 hours ago</span>
  678. </div>
  679. <div class="projects-st-content project-rating-cl">
  680. <p>Completion with: 68%</p>
  681. <div class="progress progress-mini">
  682. <div style="width: 68%;" class="progress-bar hd-tp-6"></div>
  683. </div>
  684. <p>Project end: 4:00 pm - 12.06.2014</p>
  685. </div>
  686. </div>
  687. </a>
  688. </li>
  689. <li>
  690. <a href="#">
  691. <div class="project-list-flow">
  692. <div class="projects-st-heading">
  693. <h2>Woocommerce Plugin</h2>
  694. <p> The point of using Lorem Ipsum is that it has a more or less normal.</p>
  695. <span class="project-st-time">7 hours ago</span>
  696. </div>
  697. <div class="projects-st-content">
  698. <p>Completion with: 78%</p>
  699. <div class="progress progress-mini">
  700. <div style="width: 78%;" class="progress-bar"></div>
  701. </div>
  702. <p>Project end: 4:00 pm - 12.06.2014</p>
  703. </div>
  704. </div>
  705. </a>
  706. </li>
  707. <li>
  708. <a href="#">
  709. <div class="project-list-flow">
  710. <div class="projects-st-heading">
  711. <h2>Wordpress Theme</h2>
  712. <p> The point of using Lorem Ipsum is that it has a more or less normal.</p>
  713. <span class="project-st-time">9 hours ago</span>
  714. </div>
  715. <div class="projects-st-content project-rating-cl2">
  716. <p>Completion with: 38%</p>
  717. <div class="progress progress-mini">
  718. <div style="width: 38%;" class="progress-bar progress-bar-danger"></div>
  719. </div>
  720. <p>Project end: 4:00 pm - 12.06.2014</p>
  721. </div>
  722. </div>
  723. </a>
  724. </li>
  725. </ul>
  726. </div>
  727. </div>
  728. </div>
  729. <div id="Settings" class="tab-pane fade">
  730. <div class="setting-panel-area">
  731. <div class="note-heading-indicate">
  732. <h2><i class="fa fa-gears"></i> Settings Panel</h2>
  733. <p> You have 20 Settings. 5 not completed.</p>
  734. </div>
  735. <ul class="setting-panel-list">
  736. <li>
  737. <div class="checkbox-setting-pro">
  738. <div class="checkbox-title-pro">
  739. <h2>Show notifications</h2>
  740. <div class="ts-custom-check">
  741. <div class="onoffswitch">
  742. <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="example">
  743. <label class="onoffswitch-label" for="example">
  744. <span class="onoffswitch-inner"></span>
  745. <span class="onoffswitch-switch"></span>
  746. </label>
  747. </div>
  748. </div>
  749. </div>
  750. </div>
  751. </li>
  752. <li>
  753. <div class="checkbox-setting-pro">
  754. <div class="checkbox-title-pro">
  755. <h2>Disable Chat</h2>
  756. <div class="ts-custom-check">
  757. <div class="onoffswitch">
  758. <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="example3">
  759. <label class="onoffswitch-label" for="example3">
  760. <span class="onoffswitch-inner"></span>
  761. <span class="onoffswitch-switch"></span>
  762. </label>
  763. </div>
  764. </div>
  765. </div>
  766. </div>
  767. </li>
  768. <li>
  769. <div class="checkbox-setting-pro">
  770. <div class="checkbox-title-pro">
  771. <h2>Enable history</h2>
  772. <div class="ts-custom-check">
  773. <div class="onoffswitch">
  774. <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="example4">
  775. <label class="onoffswitch-label" for="example4">
  776. <span class="onoffswitch-inner"></span>
  777. <span class="onoffswitch-switch"></span>
  778. </label>
  779. </div>
  780. </div>
  781. </div>
  782. </div>
  783. </li>
  784. <li>
  785. <div class="checkbox-setting-pro">
  786. <div class="checkbox-title-pro">
  787. <h2>Show charts</h2>
  788. <div class="ts-custom-check">
  789. <div class="onoffswitch">
  790. <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="example7">
  791. <label class="onoffswitch-label" for="example7">
  792. <span class="onoffswitch-inner"></span>
  793. <span class="onoffswitch-switch"></span>
  794. </label>
  795. </div>
  796. </div>
  797. </div>
  798. </div>
  799. </li>
  800. <li>
  801. <div class="checkbox-setting-pro">
  802. <div class="checkbox-title-pro">
  803. <h2>Update everyday</h2>
  804. <div class="ts-custom-check">
  805. <div class="onoffswitch">
  806. <input type="checkbox" name="collapsemenu" checked="" class="onoffswitch-checkbox" id="example2">
  807. <label class="onoffswitch-label" for="example2">
  808. <span class="onoffswitch-inner"></span>
  809. <span class="onoffswitch-switch"></span>
  810. </label>
  811. </div>
  812. </div>
  813. </div>
  814. </div>
  815. </li>
  816. <li>
  817. <div class="checkbox-setting-pro">
  818. <div class="checkbox-title-pro">
  819. <h2>Global search</h2>
  820. <div class="ts-custom-check">
  821. <div class="onoffswitch">
  822. <input type="checkbox" name="collapsemenu" checked="" class="onoffswitch-checkbox" id="example6">
  823. <label class="onoffswitch-label" for="example6">
  824. <span class="onoffswitch-inner"></span>
  825. <span class="onoffswitch-switch"></span>
  826. </label>
  827. </div>
  828. </div>
  829. </div>
  830. </div>
  831. </li>
  832. <li>
  833. <div class="checkbox-setting-pro">
  834. <div class="checkbox-title-pro">
  835. <h2>Offline users</h2>
  836. <div class="ts-custom-check">
  837. <div class="onoffswitch">
  838. <input type="checkbox" name="collapsemenu" checked="" class="onoffswitch-checkbox" id="example5">
  839. <label class="onoffswitch-label" for="example5">
  840. <span class="onoffswitch-inner"></span>
  841. <span class="onoffswitch-switch"></span>
  842. </label>
  843. </div>
  844. </div>
  845. </div>
  846. </div>
  847. </li>
  848. </ul>
  849.  
  850. </div>
  851. </div>
  852. </div>
  853. </div>
  854. </li>
  855. </ul>
  856. </div>
  857. </div>
  858. </div>
  859. </div>
  860. </div>
  861. </div>
  862. </div>
  863. </div>
  864. <!-- Mobile Menu start -->
  865. <div class="mobile-menu-area">
  866. <div class="container">
  867. <div class="row">
  868. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  869. <div class="mobile-menu">
  870. <nav id="dropdown">
  871. <ul class="mobile-menu-nav">
  872. <li><a data-toggle="collapse" data-target="#Charts" href="#">Home <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
  873. <ul class="collapse dropdown-header-top">
  874. <li><a href="index.html">Dashboard v.1</a></li>
  875. <li><a href="index-1.html">Dashboard v.2</a></li>
  876. <li><a href="index-3.html">Dashboard v.3</a></li>
  877. <li><a href="analytics.html">Analytics</a></li>
  878. <li><a href="widgets.html">Widgets</a></li>
  879. </ul>
  880. </li>
  881. <li><a href="events.html">Event</a></li>
  882. <li><a data-toggle="collapse" data-target="#demoevent" href="#">Professors <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
  883. <ul id="demoevent" class="collapse dropdown-header-top">
  884. <li><a href="all-professors.html">All Professors</a>
  885. </li>
  886. <li><a href="add-professor.html">Add Professor</a>
  887. </li>
  888. <li><a href="edit-professor.html">Edit Professor</a>
  889. </li>
  890. <li><a href="professor-profile.html">Professor Profile</a>
  891. </li>
  892. </ul>
  893. </li>
  894. <li><a data-toggle="collapse" data-target="#demopro" href="#">Students <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
  895. <ul id="demopro" class="collapse dropdown-header-top">
  896. <li><a href="all-students.html">All Students</a>
  897. </li>
  898. <li><a href="add-student.html">Add Student</a>
  899. </li>
  900. <li><a href="edit-student.html">Edit Student</a>
  901. </li>
  902. <li><a href="student-profile.html">Student Profile</a>
  903. </li>
  904. </ul>
  905. </li>
  906. <li><a data-toggle="collapse" data-target="#democrou" href="#">Courses <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
  907. <ul id="democrou" class="collapse dropdown-header-top">
  908. <li><a href="all-courses.html">All Courses</a>
  909. </li>
  910. <li><a href="add-course.html">Add Course</a>
  911. </li>
  912. <li><a href="edit-course.html">Edit Course</a>
  913. </li>
  914. <li><a href="course-profile.html">Courses Info</a>
  915. </li>
  916. <li><a href="course-payment.html">Courses Payment</a>
  917. </li>
  918. </ul>
  919. </li>
  920. <li><a data-toggle="collapse" data-target="#demolibra" href="#">Library <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
  921. <ul id="demolibra" class="collapse dropdown-header-top">
  922. <li><a href="library-assets.html">Library Assets</a>
  923. </li>
  924. <li><a href="add-library-assets.html">Add Library Asset</a>
  925. </li>
  926. <li><a href="edit-library-assets.html">Edit Library Asset</a>
  927. </li>
  928. </ul>
  929. </li>
  930. <li><a data-toggle="collapse" data-target="#demodepart" href="#">Departments <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
  931. <ul id="demodepart" class="collapse dropdown-header-top">
  932. <li><a href="departments.html">Departments List</a>
  933. </li>
  934. <li><a href="add-department.html">Add Departments</a>
  935. </li>
  936. <li><a href="edit-department.html">Edit Departments</a>
  937. </li>
  938. </ul>
  939. </li>
  940. <li><a data-toggle="collapse" data-target="#demo" href="#">Mailbox <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
  941. <ul id="demo" class="collapse dropdown-header-top">
  942. <li><a href="mailbox.html">Inbox</a>
  943. </li>
  944. <li><a href="mailbox-view.html">View Mail</a>
  945. </li>
  946. <li><a href="mailbox-compose.html">Compose Mail</a>
  947. </li>
  948. </ul>
  949. </li>
  950. <li><a data-toggle="collapse" data-target="#Miscellaneousmob" href="#">Interface <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
  951. <ul id="Miscellaneousmob" class="collapse dropdown-header-top">
  952. <li><a href="google-map.html">Google Map</a>
  953. </li>
  954. <li><a href="data-maps.html">Data Maps</a>
  955. </li>
  956. <li><a href="pdf-viewer.html">Pdf Viewer</a>
  957. </li>
  958. <li><a href="x-editable.html">X-Editable</a>
  959. </li>
  960. <li><a href="code-editor.html">Code Editor</a>
  961. </li>
  962. <li><a href="tree-view.html">Tree View</a>
  963. </li>
  964. <li><a href="preloader.html">Preloader</a>
  965. </li>
  966. <li><a href="images-cropper.html">Images Cropper</a>
  967. </li>
  968. </ul>
  969. </li>
  970. <li><a data-toggle="collapse" data-target="#Chartsmob" href="#">Charts <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
  971. <ul id="Chartsmob" class="collapse dropdown-header-top">
  972. <li><a href="bar-charts.html">Bar Charts</a>
  973. </li>
  974. <li><a href="line-charts.html">Line Charts</a>
  975. </li>
  976. <li><a href="area-charts.html">Area Charts</a>
  977. </li>
  978. <li><a href="rounded-chart.html">Rounded Charts</a>
  979. </li>
  980. <li><a href="c3.html">C3 Charts</a>
  981. </li>
  982. <li><a href="sparkline.html">Sparkline Charts</a>
  983. </li>
  984. <li><a href="peity.html">Peity Charts</a>
  985. </li>
  986. </ul>
  987. </li>
  988. <li><a data-toggle="collapse" data-target="#Tablesmob" href="#">Tables <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
  989. <ul id="Tablesmob" class="collapse dropdown-header-top">
  990. <li><a href="static-table.html">Static Table</a>
  991. </li>
  992. <li><a href="data-table.html">Data Table</a>
  993. </li>
  994. </ul>
  995. </li>
  996. <li><a data-toggle="collapse" data-target="#formsmob" href="#">Forms <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
  997. <ul id="formsmob" class="collapse dropdown-header-top">
  998. <li><a href="basic-form-element.html">Basic Form Elements</a>
  999. </li>
  1000. <li><a href="advance-form-element.html">Advanced Form Elements</a>
  1001. </li>
  1002. <li><a href="password-meter.html">Password Meter</a>
  1003. </li>
  1004. <li><a href="multi-upload.html">Multi Upload</a>
  1005. </li>
  1006. <li><a href="tinymc.html">Text Editor</a>
  1007. </li>
  1008. <li><a href="dual-list-box.html">Dual List Box</a>
  1009. </li>
  1010. </ul>
  1011. </li>
  1012. <li><a data-toggle="collapse" data-target="#Appviewsmob" href="#">App views <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
  1013. <ul id="Appviewsmob" class="collapse dropdown-header-top">
  1014. <li><a href="basic-form-element.html">Basic Form Elements</a>
  1015. </li>
  1016. <li><a href="advance-form-element.html">Advanced Form Elements</a>
  1017. </li>
  1018. <li><a href="password-meter.html">Password Meter</a>
  1019. </li>
  1020. <li><a href="multi-upload.html">Multi Upload</a>
  1021. </li>
  1022. <li><a href="tinymc.html">Text Editor</a>
  1023. </li>
  1024. <li><a href="dual-list-box.html">Dual List Box</a>
  1025. </li>
  1026. </ul>
  1027. </li>
  1028. <li><a data-toggle="collapse" data-target="#Pagemob" href="#">Pages <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
  1029. <ul id="Pagemob" class="collapse dropdown-header-top">
  1030. <li><a href="login.html">Login</a>
  1031. </li>
  1032. <li><a href="register.html">Register</a>
  1033. </li>
  1034. <li><a href="lock.html">Lock</a>
  1035. </li>
  1036. <li><a href="password-recovery.html">Password Recovery</a>
  1037. </li>
  1038. <li><a href="404.html">404 Page</a></li>
  1039. <li><a href="500.html">500 Page</a></li>
  1040. </ul>
  1041. </li>
  1042. </ul>
  1043. </nav>
  1044. </div>
  1045. </div>
  1046. </div>
  1047. </div>
  1048. </div>
  1049. <!-- Mobile Menu end -->
  1050. <div class="breadcome-area">
  1051. <div class="container-fluid">
  1052. <div class="row">
  1053. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  1054. <div class="breadcome-list">
  1055. <div class="row">
  1056. <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
  1057. <div class="breadcome-heading">
  1058. <form role="search" class="sr-input-func">
  1059. <input type="text" placeholder="Search..." class="search-int form-control">
  1060. <a href="#"><i class="fa fa-search"></i></a>
  1061. </form>
  1062. </div>
  1063. </div>
  1064. <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
  1065. <ul class="breadcome-menu">
  1066. <li><a href="#">Home</a> <span class="bread-slash">/</span>
  1067. </li>
  1068. <li><span class="bread-blod">Dashboard V.1</span>
  1069. </li>
  1070. </ul>
  1071. </div>
  1072. </div>
  1073. </div>
  1074. </div>
  1075. </div>
  1076. </div>
  1077. </div>
  1078. </div>
  1079. <div class="analytics-sparkle-area">
  1080. <div class="container-fluid">
  1081. <div class="row">
  1082. <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
  1083. <div class="analytics-sparkle-line reso-mg-b-30">
  1084. <div class="analytics-content">
  1085. <h5>Computer Technologies</h5>
  1086. <h2>$<span class="counter">5000</span> <span class="tuition-fees">Tuition Fees</span></h2>
  1087. <span class="text-success">20%</span>
  1088. <div class="progress m-b-0">
  1089. <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:20%;"> <span class="sr-only">20% Complete</span> </div>
  1090. </div>
  1091. </div>
  1092. </div>
  1093. </div>
  1094. <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
  1095. <div class="analytics-sparkle-line reso-mg-b-30">
  1096. <div class="analytics-content">
  1097. <h5>Accounting Technologies</h5>
  1098. <h2>$<span class="counter">3000</span> <span class="tuition-fees">Tuition Fees</span></h2>
  1099. <span class="text-danger">30%</span>
  1100. <div class="progress m-b-0">
  1101. <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:30%;"> <span class="sr-only">230% Complete</span> </div>
  1102. </div>
  1103. </div>
  1104. </div>
  1105. </div>
  1106. <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
  1107. <div class="analytics-sparkle-line reso-mg-b-30 table-mg-t-pro dk-res-t-pro-30">
  1108. <div class="analytics-content">
  1109. <h5>Electrical Engineering</h5>
  1110. <h2>$<span class="counter">2000</span> <span class="tuition-fees">Tuition Fees</span></h2>
  1111. <span class="text-info">60%</span>
  1112. <div class="progress m-b-0">
  1113. <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:60%;"> <span class="sr-only">20% Complete</span> </div>
  1114. </div>
  1115. </div>
  1116. </div>
  1117. </div>
  1118. <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
  1119. <div class="analytics-sparkle-line table-mg-t-pro dk-res-t-pro-30">
  1120. <div class="analytics-content">
  1121. <h5>Chemical Engineering</h5>
  1122. <h2>$<span class="counter">3500</span> <span class="tuition-fees">Tuition Fees</span></h2>
  1123. <span class="text-inverse">80%</span>
  1124. <div class="progress m-b-0">
  1125. <div class="progress-bar progress-bar-inverse" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:80%;"> <span class="sr-only">230% Complete</span> </div>
  1126. </div>
  1127. </div>
  1128. </div>
  1129. </div>
  1130. </div>
  1131. </div>
  1132. </div>
  1133. <div class="product-sales-area mg-tb-30">
  1134. <div class="container-fluid">
  1135. <div class="row">
  1136. <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
  1137. <div class="product-sales-chart">
  1138. <div class="portlet-title">
  1139. <div class="row">
  1140. <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
  1141. <div class="caption pro-sl-hd">
  1142. <span class="caption-subject"><b>University Earnings</b></span>
  1143. </div>
  1144. </div>
  1145. <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
  1146. <div class="actions graph-rp graph-rp-dl">
  1147. <p>All Earnings are in million $</p>
  1148. </div>
  1149. </div>
  1150. </div>
  1151. </div>
  1152. <ul class="list-inline cus-product-sl-rp">
  1153. <li>
  1154. <h5><i class="fa fa-circle" style="color: #006DF0;"></i>CSE</h5>
  1155. </li>
  1156. <li>
  1157. <h5><i class="fa fa-circle" style="color: #933EC5;"></i>Accounting</h5>
  1158. </li>
  1159. <li>
  1160. <h5><i class="fa fa-circle" style="color: #65b12d;"></i>Electrical</h5>
  1161. </li>
  1162. </ul>
  1163. <div id="morris-bar-chart" style="height: 356px;"></div>
  1164. </div>
  1165. </div>
  1166. <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
  1167. <div class="white-box analytics-info-cs mg-b-10 res-mg-t-30 table-mg-t-pro-n res-mg-b-30 tb-sm-res-d-n dk-res-t-d-n">
  1168. <h3 class="box-title">Total Visit</h3>
  1169. <ul class="list-inline two-part-sp">
  1170. <li>
  1171. <div id="sparklinedash"></div>
  1172. </li>
  1173. <li class="text-right sp-cn-r"><i class="fa fa-level-up" aria-hidden="true"></i> <span class="counter text-success"><span class="counter">1500</span></span>
  1174. </li>
  1175. </ul>
  1176. </div>
  1177. <div class="white-box analytics-info-cs mg-b-10 res-mg-b-30 tb-sm-res-d-n dk-res-t-d-n">
  1178. <h3 class="box-title">Page Views</h3>
  1179. <ul class="list-inline two-part-sp">
  1180. <li>
  1181. <div id="sparklinedash2"></div>
  1182. </li>
  1183. <li class="text-right graph-two-ctn"><i class="fa fa-level-up" aria-hidden="true"></i> <span class="counter text-purple"><span class="counter">3000</span></span>
  1184. </li>
  1185. </ul>
  1186. </div>
  1187. <div class="white-box analytics-info-cs mg-b-10 res-mg-b-30 tb-sm-res-d-n dk-res-t-d-n">
  1188. <h3 class="box-title">Unique Visitor</h3>
  1189. <ul class="list-inline two-part-sp">
  1190. <li>
  1191. <div id="sparklinedash3"></div>
  1192. </li>
  1193. <li class="text-right graph-three-ctn"><i class="fa fa-level-up" aria-hidden="true"></i> <span class="counter text-info"><span class="counter">5000</span></span>
  1194. </li>
  1195. </ul>
  1196. </div>
  1197. <div class="white-box analytics-info-cs tb-sm-res-d-n dk-res-t-d-n">
  1198. <h3 class="box-title">Bounce Rate</h3>
  1199. <ul class="list-inline two-part-sp">
  1200. <li>
  1201. <div id="sparklinedash4"></div>
  1202. </li>
  1203. <li class="text-right graph-four-ctn"><i class="fa fa-level-down" aria-hidden="true"></i> <span class="text-danger"><span class="counter">18</span>%</span>
  1204. </li>
  1205. </ul>
  1206. </div>
  1207. </div>
  1208. </div>
  1209. </div>
  1210. </div>
  1211. <div class="traffic-analysis-area">
  1212. <div class="container-fluid">
  1213. <div class="row">
  1214. <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
  1215. <div class="social-media-edu">
  1216. <i class="fa fa-facebook"></i>
  1217. <div class="social-edu-ctn">
  1218. <h3>50k Likes</h3>
  1219. <p>You main list growing</p>
  1220. </div>
  1221. </div>
  1222. </div>
  1223. <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
  1224. <div class="social-media-edu twitter-cl res-mg-t-30 table-mg-t-pro-n">
  1225. <i class="fa fa-twitter"></i>
  1226. <div class="social-edu-ctn">
  1227. <h3>30k followers</h3>
  1228. <p>You main list growing</p>
  1229. </div>
  1230. </div>
  1231. </div>
  1232. <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
  1233. <div class="social-media-edu linkedin-cl res-mg-t-30 res-tablet-mg-t-30 dk-res-t-pro-30">
  1234. <i class="fa fa-linkedin"></i>
  1235. <div class="social-edu-ctn">
  1236. <h3>7k Connections</h3>
  1237. <p>You main list growing</p>
  1238. </div>
  1239. </div>
  1240. </div>
  1241. <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
  1242. <div class="social-media-edu youtube-cl res-mg-t-30 res-tablet-mg-t-30 dk-res-t-pro-30">
  1243. <i class="fa fa-youtube"></i>
  1244. <div class="social-edu-ctn">
  1245. <h3>50k Subscribers</h3>
  1246. <p>You main list growing</p>
  1247. </div>
  1248. </div>
  1249. </div>
  1250. </div>
  1251. </div>
  1252. </div>
  1253. <div class="library-book-area mg-t-30">
  1254. <div class="container-fluid">
  1255. <div class="row">
  1256. <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
  1257. <div class="single-cards-item">
  1258. <div class="single-product-image">
  1259. <a href="#"><img src="img/product/profile-bg.jpg" alt=""></a>
  1260. </div>
  1261. <div class="single-product-text">
  1262. <img src="img/product/pro4.jpg" alt="">
  1263. <h4><a class="cards-hd-dn" href="#">Angela Dominic</a></h4>
  1264. <h5>Web Designer & Developer</h5>
  1265. <p class="ctn-cards">Lorem ipsum dolor sit amet, this is a consectetur adipisicing elit</p>
  1266. <a class="follow-cards" href="#">Follow</a>
  1267. <div class="row">
  1268. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  1269. <div class="cards-dtn">
  1270. <h3><span class="counter">199</span></h3>
  1271. <p>Articles</p>
  1272. </div>
  1273. </div>
  1274. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  1275. <div class="cards-dtn">
  1276. <h3><span class="counter">599</span></h3>
  1277. <p>Like</p>
  1278. </div>
  1279. </div>
  1280. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  1281. <div class="cards-dtn">
  1282. <h3><span class="counter">399</span></h3>
  1283. <p>Comment</p>
  1284. </div>
  1285. </div>
  1286. </div>
  1287. </div>
  1288. </div>
  1289. </div>
  1290. <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
  1291. <div class="single-review-st-item res-mg-t-30 table-mg-t-pro-n">
  1292. <div class="single-review-st-hd">
  1293. <h2>Reviews</h2>
  1294. </div>
  1295. <div class="single-review-st-text">
  1296. <img src="img/notification/1.jpg" alt="">
  1297. <div class="review-ctn-hf">
  1298. <h3>Sarah Graves</h3>
  1299. <p>Highly recommend</p>
  1300. </div>
  1301. <div class="review-item-rating">
  1302. <i class="educate-icon educate-star"></i>
  1303. <i class="educate-icon educate-star"></i>
  1304. <i class="educate-icon educate-star"></i>
  1305. <i class="educate-icon educate-star"></i>
  1306. <i class="educate-icon educate-star-half"></i>
  1307. </div>
  1308. </div>
  1309. <div class="single-review-st-text">
  1310. <img src="img/notification/2.jpg" alt="">
  1311. <div class="review-ctn-hf">
  1312. <h3>Garbease sha</h3>
  1313. <p>Awesome Pro</p>
  1314. </div>
  1315. <div class="review-item-rating">
  1316. <i class="educate-icon educate-star"></i>
  1317. <i class="educate-icon educate-star"></i>
  1318. <i class="educate-icon educate-star"></i>
  1319. <i class="educate-icon educate-star"></i>
  1320. <i class="educate-icon educate-star-half"></i>
  1321. </div>
  1322. </div>
  1323. <div class="single-review-st-text">
  1324. <img src="img/notification/3.jpg" alt="">
  1325. <div class="review-ctn-hf">
  1326. <h3>Gobetro pro</h3>
  1327. <p>Great Website</p>
  1328. </div>
  1329. <div class="review-item-rating">
  1330. <i class="educate-icon educate-star"></i>
  1331. <i class="educate-icon educate-star"></i>
  1332. <i class="educate-icon educate-star"></i>
  1333. <i class="educate-icon educate-star"></i>
  1334. <i class="educate-icon educate-star-half"></i>
  1335. </div>
  1336. </div>
  1337. <div class="single-review-st-text">
  1338. <img src="img/notification/4.jpg" alt="">
  1339. <div class="review-ctn-hf">
  1340. <h3>Siam Graves</h3>
  1341. <p>That's Good</p>
  1342. </div>
  1343. <div class="review-item-rating">
  1344. <i class="educate-icon educate-star"></i>
  1345. <i class="educate-icon educate-star"></i>
  1346. <i class="educate-icon educate-star"></i>
  1347. <i class="educate-icon educate-star"></i>
  1348. <i class="educate-icon educate-star-half"></i>
  1349. </div>
  1350. </div>
  1351. <div class="single-review-st-text">
  1352. <img src="img/notification/5.jpg" alt="">
  1353. <div class="review-ctn-hf">
  1354. <h3>Sarah Graves</h3>
  1355. <p>Highly recommend</p>
  1356. </div>
  1357. <div class="review-item-rating">
  1358. <i class="educate-icon educate-star"></i>
  1359. <i class="educate-icon educate-star"></i>
  1360. <i class="educate-icon educate-star"></i>
  1361. <i class="educate-icon educate-star"></i>
  1362. <i class="educate-icon educate-star-half"></i>
  1363. </div>
  1364. </div>
  1365. <div class="single-review-st-text">
  1366. <img src="img/notification/6.jpg" alt="">
  1367. <div class="review-ctn-hf">
  1368. <h3>Julsha Grav</h3>
  1369. <p>Sei Hoise bro</p>
  1370. </div>
  1371. <div class="review-item-rating">
  1372. <i class="educate-icon educate-star"></i>
  1373. <i class="educate-icon educate-star"></i>
  1374. <i class="educate-icon educate-star"></i>
  1375. <i class="educate-icon educate-star"></i>
  1376. <i class="educate-icon educate-star-half"></i>
  1377. </div>
  1378. </div>
  1379. </div>
  1380. </div>
  1381. <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
  1382. <div class="single-product-item res-mg-t-30 table-mg-t-pro-n tb-sm-res-d-n dk-res-t-d-n">
  1383. <div class="single-product-image">
  1384. <a href="#"><img src="img/product/book-4.jpg" alt=""></a>
  1385. </div>
  1386. <div class="single-product-text edu-pro-tx">
  1387. <h4><a href="#">Title Demo Here</a></h4>
  1388. <h5>Lorem ipsum dolor sit amet, this is a consec tetur adipisicing elit</h5>
  1389. <div class="product-price">
  1390. <h3>$ 45</h3>
  1391. <div class="single-item-rating">
  1392. <i class="educate-icon educate-star"></i>
  1393. <i class="educate-icon educate-star"></i>
  1394. <i class="educate-icon educate-star"></i>
  1395. <i class="educate-icon educate-star"></i>
  1396. <i class="educate-icon educate-star-half"></i>
  1397. </div>
  1398. </div>
  1399. <div class="product-buttons">
  1400. <button type="button" class="button-default cart-btn">Read More</button>
  1401. <button type="button" class="button-default"><i class="fa fa-heart"></i></button>
  1402. <button type="button" class="button-default"><i class="fa fa-share"></i></button>
  1403. </div>
  1404. </div>
  1405. </div>
  1406. </div>
  1407. </div>
  1408. </div>
  1409. </div>
  1410. <div class="product-sales-area mg-tb-30">
  1411. <div class="container-fluid">
  1412. <div class="row">
  1413. <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
  1414. <div class="product-sales-chart">
  1415. <div class="portlet-title">
  1416. <div class="row">
  1417. <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
  1418. <div class="caption pro-sl-hd">
  1419. <span class="caption-subject"><b>Adminsion Statistic</b></span>
  1420. </div>
  1421. </div>
  1422. <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
  1423. <div class="actions graph-rp actions-graph-rp">
  1424. <a href="#" class="btn btn-dark btn-circle active tip-top" data-toggle="tooltip" title="Refresh">
  1425. <i class="fa fa-reply" aria-hidden="true"></i>
  1426. </a>
  1427. <a href="#" class="btn btn-blue-grey btn-circle active tip-top" data-toggle="tooltip" title="Delete">
  1428. <i class="fa fa-trash-o" aria-hidden="true"></i>
  1429. </a>
  1430. </div>
  1431. </div>
  1432. </div>
  1433. </div>
  1434. <ul class="list-inline cus-product-sl-rp">
  1435. <li>
  1436. <h5><i class="fa fa-circle" style="color: #006DF0;"></i>Python</h5>
  1437. </li>
  1438. <li>
  1439. <h5><i class="fa fa-circle" style="color: #933EC5;"></i>PHP</h5>
  1440. </li>
  1441. <li>
  1442. <h5><i class="fa fa-circle" style="color: #65b12d;"></i>Java</h5>
  1443. </li>
  1444. </ul>
  1445. <div id="morris-area-chart"></div>
  1446. </div>
  1447. </div>
  1448. <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
  1449. <div class="analysis-progrebar res-mg-t-30 mg-ub-10 table-mg-t-pro-n res-mg-b-30 tb-sm-res-d-n dk-res-t-d-n">
  1450. <div class="analysis-progrebar-content">
  1451. <h5>Usage</h5>
  1452. <h2 class="storage-right"><span class="counter">90</span>%</h2>
  1453. <div class="progress progress-mini ug-1">
  1454. <div style="width: 68%;" class="progress-bar"></div>
  1455. </div>
  1456. <div class="m-t-sm small">
  1457. <p>Server down since 1:32 pm.</p>
  1458. </div>
  1459. </div>
  1460. </div>
  1461. <div class="analysis-progrebar reso-mg-b-30 mg-ub-10 res-mg-b-30 tb-sm-res-d-n dk-res-t-d-n">
  1462. <div class="analysis-progrebar-content">
  1463. <h5>Memory</h5>
  1464. <h2 class="storage-right"><span class="counter">70</span>%</h2>
  1465. <div class="progress progress-mini ug-2">
  1466. <div style="width: 78%;" class="progress-bar"></div>
  1467. </div>
  1468. <div class="m-t-sm small">
  1469. <p>Server down since 12:32 pm.</p>
  1470. </div>
  1471. </div>
  1472. </div>
  1473. <div class="analysis-progrebar reso-mg-b-30 res-mg-t-30 mg-ub-10 res-mg-b-30 tb-sm-res-d-n dk-res-t-d-n">
  1474. <div class="analysis-progrebar-content">
  1475. <h5>Data</h5>
  1476. <h2 class="storage-right"><span class="counter">50</span>%</h2>
  1477. <div class="progress progress-mini ug-3">
  1478. <div style="width: 38%;" class="progress-bar progress-bar-danger"></div>
  1479. </div>
  1480. <div class="m-t-sm small">
  1481. <p>Server down since 8:32 pm.</p>
  1482. </div>
  1483. </div>
  1484. </div>
  1485. <div class="analysis-progrebar res-mg-t-30 table-dis-n-pro tb-sm-res-d-n dk-res-t-d-n">
  1486. <div class="analysis-progrebar-content">
  1487. <h5>Space</h5>
  1488. <h2 class="storage-right"><span class="counter">40</span>%</h2>
  1489. <div class="progress progress-mini ug-4">
  1490. <div style="width: 28%;" class="progress-bar progress-bar-danger"></div>
  1491. </div>
  1492. <div class="m-t-sm small">
  1493. <p>Server down since 5:32 pm.</p>
  1494. </div>
  1495. </div>
  1496. </div>
  1497. </div>
  1498. </div>
  1499. </div>
  1500. </div>
  1501. <div class="courses-area mg-b-15">
  1502. <div class="container-fluid">
  1503. <div class="row">
  1504. <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
  1505. <div class="white-box">
  1506. <h3 class="box-title">Browser Status</h3>
  1507. <ul class="basic-list">
  1508. <li>Google Chrome <span class="pull-right label-danger label-1 label">95.8%</span></li>
  1509. <li>Mozila Firefox <span class="pull-right label-purple label-2 label">85.8%</span></li>
  1510. <li>Apple Safari <span class="pull-right label-success label-3 label">23.8%</span></li>
  1511. <li>Internet Explorer <span class="pull-right label-info label-4 label">55.8%</span></li>
  1512. <li>Opera mini <span class="pull-right label-warning label-5 label">28.8%</span></li>
  1513. <li>Mozila Firefox <span class="pull-right label-purple label-6 label">26.8%</span></li>
  1514. <li>Safari <span class="pull-right label-purple label-7 label">31.8%</span></li>
  1515. </ul>
  1516. </div>
  1517. </div>
  1518. <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
  1519. <div class="white-box res-mg-t-30 table-mg-t-pro-n">
  1520. <h3 class="box-title">Visits from countries</h3>
  1521. <ul class="country-state">
  1522. <li>
  1523. <h2><span class="counter">1250</span></h2> <small>From Australia</small>
  1524. <div class="pull-right">75% <i class="fa fa-level-up text-danger ctn-ic-1"></i></div>
  1525. <div class="progress">
  1526. <div class="progress-bar progress-bar-danger ctn-vs-1" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:75%;"> <span class="sr-only">75% Complete</span></div>
  1527. </div>
  1528. </li>
  1529. <li>
  1530. <h2><span class="counter">1050</span></h2> <small>From USA</small>
  1531. <div class="pull-right">48% <i class="fa fa-level-up text-success ctn-ic-2"></i></div>
  1532. <div class="progress">
  1533. <div class="progress-bar progress-bar-info ctn-vs-2" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:48%;"> <span class="sr-only">48% Complete</span></div>
  1534. </div>
  1535. </li>
  1536. <li>
  1537. <h2><span class="counter">6350</span></h2> <small>From Canada</small>
  1538. <div class="pull-right">55% <i class="fa fa-level-up text-success ctn-ic-3"></i></div>
  1539. <div class="progress">
  1540. <div class="progress-bar progress-bar-success ctn-vs-3" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:55%;"> <span class="sr-only">55% Complete</span></div>
  1541. </div>
  1542. </li>
  1543. <li>
  1544. <h2><span class="counter">950</span></h2> <small>From India</small>
  1545. <div class="pull-right">33% <i class="fa fa-level-down text-success ctn-ic-4"></i></div>
  1546. <div class="progress">
  1547. <div class="progress-bar progress-bar-success ctn-vs-4" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:33%;"> <span class="sr-only">33% Complete</span></div>
  1548. </div>
  1549. </li>
  1550. <li>
  1551. <h2><span class="counter">3250</span></h2> <small>From Bangladesh</small>
  1552. <div class="pull-right">60% <i class="fa fa-level-up text-success ctn-ic-5"></i></div>
  1553. <div class="progress">
  1554. <div class="progress-bar progress-bar-inverse ctn-vs-5" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:60%;"> <span class="sr-only">60% Complete</span></div>
  1555. </div>
  1556. </li>
  1557. </ul>
  1558. </div>
  1559. </div>
  1560. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
  1561. <div class="courses-inner res-mg-t-30 table-mg-t-pro-n tb-sm-res-d-n dk-res-t-d-n">
  1562. <div class="courses-title">
  1563. <a href="#"><img src="img/courses/1.jpg" alt="" /></a>
  1564. <h2>Apps Development</h2>
  1565. </div>
  1566. <div class="courses-alaltic">
  1567. <span class="cr-ic-r"><span class="course-icon"><i class="fa fa-clock"></i></span> 1 Year</span>
  1568. <span class="cr-ic-r"><span class="course-icon"><i class="fa fa-heart"></i></span> 50</span>
  1569. <span class="cr-ic-r"><span class="course-icon"><i class="fa fa-dollar"></i></span> 500</span>
  1570. </div>
  1571. <div class="course-des">
  1572. <p><span><i class="fa fa-clock"></i></span> <b>Duration:</b> 6 Months</p>
  1573. <p><span><i class="fa fa-clock"></i></span> <b>Professor:</b> Jane Doe</p>
  1574. <p><span><i class="fa fa-clock"></i></span> <b>Students:</b> 100+</p>
  1575. </div>
  1576. <div class="product-buttons">
  1577. <button type="button" class="button-default cart-btn">Read More</button>
  1578. </div>
  1579. </div>
  1580. </div>
  1581. </div>
  1582. </div>
  1583. </div>
  1584. <div class="footer-copyright-area">
  1585. <div class="container-fluid">
  1586. <div class="row">
  1587. <div class="col-lg-12">
  1588. <div class="footer-copy-right">
  1589. <p>Copyright © 2018. All rights reserved. Template by <a href="https://colorlib.com/wp/templates/">Colorlib</a></p>
  1590. </div>
  1591. </div>
  1592. </div>
  1593. </div>
  1594. </div>
  1595. </div>
  1596.  
  1597. <!-- jquery
  1598. ============================================ -->
  1599. <script src="js/vendor/jquery-1.12.4.min.js"></script>
  1600. <!-- bootstrap JS
  1601. ============================================ -->
  1602. <script src="js/bootstrap.min.js"></script>
  1603. <!-- wow JS
  1604. ============================================ -->
  1605. <script src="js/wow.min.js"></script>
  1606. <!-- price-slider JS
  1607. ============================================ -->
  1608. <script src="js/jquery-price-slider.js"></script>
  1609. <!-- meanmenu JS
  1610. ============================================ -->
  1611. <script src="js/jquery.meanmenu.js"></script>
  1612. <!-- owl.carousel JS
  1613. ============================================ -->
  1614. <script src="js/owl.carousel.min.js"></script>
  1615. <!-- sticky JS
  1616. ============================================ -->
  1617. <script src="js/jquery.sticky.js"></script>
  1618. <!-- scrollUp JS
  1619. ============================================ -->
  1620. <script src="js/jquery.scrollUp.min.js"></script>
  1621. <!-- counterup JS
  1622. ============================================ -->
  1623. <script src="js/counterup/jquery.counterup.min.js"></script>
  1624. <script src="js/counterup/waypoints.min.js"></script>
  1625. <script src="js/counterup/counterup-active.js"></script>
  1626. <!-- mCustomScrollbar JS
  1627. ============================================ -->
  1628. <script src="js/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
  1629. <script src="js/scrollbar/mCustomScrollbar-active.js"></script>
  1630. <!-- metisMenu JS
  1631. ============================================ -->
  1632. <script src="js/metisMenu/metisMenu.min.js"></script>
  1633. <script src="js/metisMenu/metisMenu-active.js"></script>
  1634. <!-- morrisjs JS
  1635. ============================================ -->
  1636. <script src="js/morrisjs/raphael-min.js"></script>
  1637. <script src="js/morrisjs/morris.js"></script>
  1638. <script src="js/morrisjs/home3-active.js"></script>
  1639. <!-- morrisjs JS
  1640. ============================================ -->
  1641. <script src="js/sparkline/jquery.sparkline.min.js"></script>
  1642. <script src="js/sparkline/jquery.charts-sparkline.js"></script>
  1643. <script src="js/sparkline/sparkline-active.js"></script>
  1644. <!-- calendar JS
  1645. ============================================ -->
  1646. <script src="js/calendar/moment.min.js"></script>
  1647. <script src="js/calendar/fullcalendar.min.js"></script>
  1648. <script src="js/calendar/fullcalendar-active.js"></script>
  1649. <!-- plugins JS
  1650. ============================================ -->
  1651. <script src="js/plugins.js"></script>
  1652. <!-- main JS
  1653. ============================================ -->
  1654. <script src="js/main.js"></script>
  1655. <!-- tawk chat JS
  1656. ============================================ -->
  1657. <script src="js/tawk-chat.js"></script>
  1658. </body>
  1659.  
  1660. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!