Advertisement
Guest User

Untitled

a guest
Jun 24th, 2019
139
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 65.65 KB | None | 0 0
  1. <!doctype html>
  2. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
  6.  
  7.  
  8.  
  9.  
  10. <!-- Mirrored from www.tattek.sk/minovate-noAngular/ by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 24 Jun 2019 09:20:02 GMT -->
  11. <head>
  12.  
  13. <meta charset="utf-8">
  14. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  15. <title>Panel PcPhoneServices</title>
  16. <link rel="icon" type="image/ico" href="assets/images/favicon.ico" />
  17. <meta name="description" content="">
  18. <meta name="viewport" content="width=device-width, initial-scale=1">
  19.  
  20.  
  21.  
  22.  
  23. <!-- ============================================
  24. ================= Stylesheets ===================
  25. ============================================= -->
  26. <!-- vendor css files -->
  27. <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
  28. <link rel="stylesheet" href="assets/css/vendor/animate.css">
  29. <link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css">
  30. <link rel="stylesheet" href="assets/js/vendor/animsition/css/animsition.min.css">
  31. <link rel="stylesheet" href="assets/js/vendor/daterangepicker/daterangepicker-bs3.css">
  32. <link rel="stylesheet" href="assets/js/vendor/morris/morris.css">
  33. <link rel="stylesheet" href="assets/js/vendor/owl-carousel/owl.carousel.css">
  34. <link rel="stylesheet" href="assets/js/vendor/owl-carousel/owl.theme.css">
  35. <link rel="stylesheet" href="assets/js/vendor/rickshaw/rickshaw.min.css">
  36. <link rel="stylesheet" href="assets/js/vendor/datetimepicker/css/bootstrap-datetimepicker.min.css">
  37. <link rel="stylesheet" href="assets/js/vendor/datatables/css/jquery.dataTables.min.css">
  38. <link rel="stylesheet" href="assets/js/vendor/datatables/datatables.bootstrap.min.css">
  39. <link rel="stylesheet" href="assets/js/vendor/chosen/chosen.css">
  40. <link rel="stylesheet" href="assets/js/vendor/summernote/summernote.css">
  41.  
  42. <!-- project main css files -->
  43. <link rel="stylesheet" href="assets/css/main.css">
  44. <!--/ stylesheets -->
  45.  
  46.  
  47.  
  48. <!-- ==========================================
  49. ================= Modernizr ===================
  50. =========================================== -->
  51. <script src="assets/js/vendor/modernizr/modernizr-2.8.3-respond-1.4.2.min.js"></script>
  52. <!--/ modernizr -->
  53.  
  54.  
  55.  
  56.  
  57. </head>
  58.  
  59.  
  60.  
  61.  
  62.  
  63. <body id="minovate" class="appWrapper">
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70. <!--[if lt IE 8]>
  71. <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>
  72. <![endif]-->
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85. <!-- ====================================================
  86. ================= Application Content ===================
  87. ===================================================== -->
  88. <div id="wrap" class="animsition">
  89.  
  90.  
  91.  
  92.  
  93.  
  94.  
  95. <!-- ===============================================
  96. ================= HEADER Content ===================
  97. ================================================ -->
  98. <section id="header">
  99. <header class="clearfix">
  100.  
  101. <!-- Branding -->
  102. <div class="branding">
  103. <a class="brand" href="index.">
  104. <span><strong>MIN</strong>OVATE</span>
  105. </a>
  106. <a role="button" tabindex="0" class="offcanvas-toggle visible-xs-inline"><i class="fa fa-bars"></i></a>
  107. </div>
  108. <!-- Branding end -->
  109.  
  110.  
  111.  
  112. <!-- Left-side navigation -->
  113. <ul class="nav-left pull-left list-unstyled list-inline">
  114. <li class="sidebar-collapse divided-right">
  115. <a role="button" tabindex="0" class="collapse-sidebar">
  116. <i class="fa fa-outdent"></i>
  117. </a>
  118. </li>
  119. <li class="dropdown divided-right settings">
  120. <a role="button" tabindex="0" class="dropdown-toggle" data-toggle="dropdown">
  121. <i class="fa fa-cog"></i>
  122. </a>
  123. <ul class="dropdown-menu with-arrow animated littleFadeInUp" role="menu">
  124. <li>
  125.  
  126. <ul class="color-schemes list-inline">
  127. <li class="title">Header Color:</li>
  128. <li><a role="button" tabindex="0" class="scheme-drank header-scheme" data-scheme="scheme-default"></a></li>
  129. <li><a role="button" tabindex="0" class="scheme-black header-scheme" data-scheme="scheme-black"></a></li>
  130. <li><a role="button" tabindex="0" class="scheme-greensea header-scheme" data-scheme="scheme-greensea"></a></li>
  131. <li><a role="button" tabindex="0" class="scheme-cyan header-scheme" data-scheme="scheme-cyan"></a></li>
  132. <li><a role="button" tabindex="0" class="scheme-lightred header-scheme" data-scheme="scheme-lightred"></a></li>
  133. <li><a role="button" tabindex="0" class="scheme-light header-scheme" data-scheme="scheme-light"></a></li>
  134. <li class="title">Branding Color:</li>
  135. <li><a role="button" tabindex="0" class="scheme-drank branding-scheme" data-scheme="scheme-default"></a></li>
  136. <li><a role="button" tabindex="0" class="scheme-black branding-scheme" data-scheme="scheme-black"></a></li>
  137. <li><a role="button" tabindex="0" class="scheme-greensea branding-scheme" data-scheme="scheme-greensea"></a></li>
  138. <li><a role="button" tabindex="0" class="scheme-cyan branding-scheme" data-scheme="scheme-cyan"></a></li>
  139. <li><a role="button" tabindex="0" class="scheme-lightred branding-scheme" data-scheme="scheme-lightred"></a></li>
  140. <li><a role="button" tabindex="0" class="scheme-light branding-scheme" data-scheme="scheme-light"></a></li>
  141. <li class="title">Sidebar Color:</li>
  142. <li><a role="button" tabindex="0" class="scheme-drank sidebar-scheme" data-scheme="scheme-default"></a></li>
  143. <li><a role="button" tabindex="0" class="scheme-black sidebar-scheme" data-scheme="scheme-black"></a></li>
  144. <li><a role="button" tabindex="0" class="scheme-greensea sidebar-scheme" data-scheme="scheme-greensea"></a></li>
  145. <li><a role="button" tabindex="0" class="scheme-cyan sidebar-scheme" data-scheme="scheme-cyan"></a></li>
  146. <li><a role="button" tabindex="0" class="scheme-lightred sidebar-scheme" data-scheme="scheme-lightred"></a></li>
  147. <li><a role="button" tabindex="0" class="scheme-light sidebar-scheme" data-scheme="scheme-light"></a></li>
  148. <li class="title">Active Color:</li>
  149. <li><a role="button" tabindex="0" class="scheme-drank color-scheme" data-scheme="drank-scheme-color"></a></li>
  150. <li><a role="button" tabindex="0" class="scheme-black color-scheme" data-scheme="black-scheme-color"></a></li>
  151. <li><a role="button" tabindex="0" class="scheme-greensea color-scheme" data-scheme="greensea-scheme-color"></a></li>
  152. <li><a role="button" tabindex="0" class="scheme-cyan color-scheme" data-scheme="cyan-scheme-color"></a></li>
  153. <li><a role="button" tabindex="0" class="scheme-lightred color-scheme" data-scheme="lightred-scheme-color"></a></li>
  154. <li><a role="button" tabindex="0" class="scheme-light color-scheme" data-scheme="light-scheme-color"></a></li>
  155. </ul>
  156.  
  157. </li>
  158.  
  159. <li>
  160. <div class="form-group">
  161. <div class="row">
  162. <label class="col-xs-8 control-label">Fixed header</label>
  163. <div class="col-xs-4 control-label">
  164. <div class="onoffswitch lightred small">
  165. <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="fixed-header" checked="">
  166. <label class="onoffswitch-label" for="fixed-header">
  167. <span class="onoffswitch-inner"></span>
  168. <span class="onoffswitch-switch"></span>
  169. </label>
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. </li>
  175.  
  176. <li>
  177. <div class="form-group">
  178. <div class="row">
  179. <label class="col-xs-8 control-label">Fixed aside</label>
  180. <div class="col-xs-4 control-label">
  181. <div class="onoffswitch lightred small">
  182. <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="fixed-aside" checked="">
  183. <label class="onoffswitch-label" for="fixed-aside">
  184. <span class="onoffswitch-inner"></span>
  185. <span class="onoffswitch-switch"></span>
  186. </label>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. </li>
  192. </ul>
  193. </li>
  194. </ul>
  195. <!-- Left-side navigation end -->
  196.  
  197.  
  198.  
  199.  
  200. <!-- Search -->
  201. <div class="search" id="main-search">
  202. <input type="text" class="form-control underline-input" placeholder="Search...">
  203. </div>
  204. <!-- Search end -->
  205.  
  206.  
  207.  
  208.  
  209. <!-- Right-side navigation -->
  210. <ul class="nav-right pull-right list-inline">
  211.  
  212. <li class="dropdown nav-profile">
  213.  
  214. <a href class="dropdown-toggle" data-toggle="dropdown">
  215. <img src="" alt="" class="img-circle size-30x30">
  216. <span>Ramdane Kaci <i class="fa fa-angle-down"></i></span>
  217. </a>
  218.  
  219. <ul class="dropdown-menu animated littleFadeInRight" role="menu">
  220.  
  221.  
  222. <li>
  223. <a role="button" tabindex="0">
  224. <i class="fa fa-sign-out"></i>Logout
  225. </a>
  226. </li>
  227.  
  228. </ul>
  229.  
  230. </li>
  231. </ul>
  232. <!-- Right-side navigation end -->
  233.  
  234.  
  235.  
  236. </header>
  237.  
  238. </section>
  239. <!--/ HEADER Content -->
  240.  
  241.  
  242.  
  243.  
  244.  
  245. <!-- =================================================
  246. ================= CONTROLS Content ===================
  247. ================================================== -->
  248. <div id="controls">
  249.  
  250.  
  251.  
  252.  
  253.  
  254. <!-- ================================================
  255. ================= SIDEBAR Content ===================
  256. ================================================= -->
  257. <aside id="sidebar">
  258.  
  259.  
  260. <div id="sidebar-wrap">
  261.  
  262. <div class="panel-group slim-scroll" role="tablist">
  263. <div class="panel panel-default">
  264. <div class="panel-heading" role="tab">
  265. <h4 class="panel-title">
  266. <a data-toggle="collapse" href="#sidebarNav">
  267. Navigation <i class="fa fa-angle-up"></i>
  268. </a>
  269. </h4>
  270. </div>
  271. <div id="sidebarNav" class="panel-collapse collapse in" role="tabpanel">
  272. <div class="panel-body">
  273.  
  274.  
  275. <!-- ===================================================
  276. ================= NAVIGATION Content ===================
  277. ==================================================== -->
  278. <ul id="navigation">
  279. <li class="active"><a href="index.php"><i class="fa fa-Accueil"></i> <span>Accueil</span></a></li>
  280. <li>
  281. <a role="button" tabindex="0"><i class="fa fa-envelope-o"></i> <span>Clients</span> </a>
  282. <ul>
  283. <li><a href="newclient.php"><i class="fa fa-caret-right"></i> Ajouté un client</a></li>
  284. <li><a href="searchclient.php"><i class="fa fa-caret-right"></i> Rechercher un client</a></li>
  285. <li><a href="listclient.php"><i class="fa fa-caret-right"></i> Liste des clients</a></li>
  286. </ul>
  287. </li>
  288. <li>
  289. <a role="button" tabindex="0"><i class="fa fa-list"></i> <span>Réparation</span></a>
  290. <ul>
  291. <li><a href="addrep.php"><i class="fa fa-caret-right"></i> Ajouté une réparation</a></li>
  292. <li><a href="modrep.php"><i class="fa fa-caret-right"></i> Modifié une réparation</a></li>
  293. <li><a href="searchrep.php"><i class="fa fa-caret-right"></i> Rechercher une réparation</a></li>
  294. <li><a href="listrep.php"><i class="fa fa-caret-right"></i> Liste des réparations</a></li>
  295. </ul>
  296. </li>
  297. </ul>
  298. </li>
  299.  
  300.  
  301. </ul>
  302. <!--/ NAVIGATION Content -->
  303.  
  304.  
  305. </div>
  306. </div>
  307. </div>
  308.  
  309. <div id="sidebarCharts" class="panel-collapse collapse in" role="tabpanel">
  310. <div class="panel-body">
  311. <div class="summary">
  312. </div>
  313. </div>
  314. </div>
  315. </div>
  316. </div>
  317. <div class="panel settings panel-default">
  318. <div class="panel-heading" role="tab">
  319. <h4 class="panel-title">
  320. <a data-toggle="collapse" href="#sidebarControls">
  321. General Settings <i class="fa fa-angle-up"></i>
  322. </a>
  323. </h4>
  324. </div>
  325. <div id="sidebarControls" class="panel-collapse collapse in" role="tabpanel">
  326. <div class="panel-body">
  327. <div class="form-group">
  328. <div class="row">
  329. <label class="col-xs-8 control-label">Switch ON</label>
  330. <div class="col-xs-4 control-label">
  331. <div class="onoffswitch greensea">
  332. <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="switch-on" checked="">
  333. <label class="onoffswitch-label" for="switch-on">
  334. <span class="onoffswitch-inner"></span>
  335. <span class="onoffswitch-switch"></span>
  336. </label>
  337. </div>
  338. </div>
  339. </div>
  340. </div>
  341.  
  342. <div class="form-group">
  343. <div class="row">
  344. <label class="col-xs-8 control-label">Switch OFF</label>
  345. <div class="col-xs-4 control-label">
  346. <div class="onoffswitch greensea">
  347. <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="switch-off">
  348. <label class="onoffswitch-label" for="switch-off">
  349. <span class="onoffswitch-inner"></span>
  350. <span class="onoffswitch-switch"></span>
  351. </label>
  352. </div>
  353. </div>
  354. </div>
  355. </div>
  356. </div>
  357. </div>
  358. </div>
  359. </div>
  360.  
  361. </div>
  362.  
  363.  
  364. </aside>
  365. <!--/ SIDEBAR Content -->
  366.  
  367.  
  368.  
  369.  
  370.  
  371. <!-- =================================================
  372. ================= RIGHTBAR Content ===================
  373. ================================================== -->
  374. <aside id="rightbar">
  375.  
  376. <div role="tabpanel">
  377.  
  378. <!-- Nav tabs -->
  379. <ul class="nav nav-tabs" role="tablist">
  380. <li role="presentation" class="active"><a href="#users" aria-controls="users" role="tab" data-toggle="tab"><i class="fa fa-users"></i></a></li>
  381. <li role="presentation"><a href="#history" aria-controls="history" role="tab" data-toggle="tab"><i class="fa fa-clock-o"></i></a></li>
  382. <li role="presentation"><a href="#friends" aria-controls="friends" role="tab" data-toggle="tab"><i class="fa fa-heart"></i></a></li>
  383. <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab"><i class="fa fa-cog"></i></a></li>
  384. </ul>
  385.  
  386. <!-- Tab panes -->
  387. <div class="tab-content">
  388. <div role="tabpanel" class="tab-pane active" id="users">
  389. <h6><strong>Online</strong> Users</h6>
  390.  
  391. <ul>
  392.  
  393. <li class="online">
  394. <div class="media">
  395. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  396. <img class="media-object img-circle" src="assets/images/ici-avatar.jpg" alt>
  397. </a>
  398. <div class="media-body">
  399. <span class="media-heading">Ing. Imrich <strong>Kamarel</strong></span>
  400. <small><i class="fa fa-map-marker"></i> Ulaanbaatar, Mongolia</small>
  401. <span class="badge badge-outline status"></span>
  402. </div>
  403. </div>
  404. </li>
  405.  
  406. <li class="online">
  407. <div class="media">
  408.  
  409. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  410. <img class="media-object img-circle" src="assets/images/arnold-avatar.jpg" alt>
  411. </a>
  412. <span class="badge bg-lightred unread">3</span>
  413.  
  414. <div class="media-body">
  415. <span class="media-heading">Arnold <strong>Karlsberg</strong></span>
  416. <small><i class="fa fa-map-marker"></i> Bratislava, Slovakia</small>
  417. <span class="badge badge-outline status"></span>
  418. </div>
  419.  
  420. </div>
  421. </li>
  422.  
  423. <li class="online">
  424. <div class="media">
  425. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  426. <img class="media-object img-circle" src="assets/images/peter-avatar.jpg" alt>
  427. </a>
  428. <div class="media-body">
  429. <span class="media-heading">Peter <strong>Kay</strong></span>
  430. <small><i class="fa fa-map-marker"></i> Kosice, Slovakia</small>
  431. <span class="badge badge-outline status"></span>
  432. </div>
  433. </div>
  434. </li>
  435.  
  436. <li class="online">
  437. <div class="media">
  438. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  439. <img class="media-object img-circle" src="assets/images/george-avatar.jpg" alt>
  440. </a>
  441. <div class="media-body">
  442. <span class="media-heading">George <strong>McCain</strong></span>
  443. <small><i class="fa fa-map-marker"></i> Prague, Czech Republic</small>
  444. <span class="badge badge-outline status"></span>
  445. </div>
  446. </div>
  447. </li>
  448.  
  449. <li class="busy">
  450. <div class="media">
  451. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  452. <img class="media-object img-circle" src="assets/images/random-avatar1.jpg" alt>
  453. </a>
  454. <div class="media-body">
  455. <span class="media-heading">Lucius <strong>Cashmere</strong></span>
  456. <small><i class="fa fa-map-marker"></i> Wien, Austria</small>
  457. <span class="badge badge-outline status"></span>
  458. </div>
  459. </div>
  460. </li>
  461.  
  462. <li class="busy">
  463. <div class="media">
  464. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  465. <img class="media-object img-circle" src="assets/images/random-avatar2.jpg" alt>
  466. </a>
  467. <div class="media-body">
  468. <span class="media-heading">Jesse <strong>Phoenix</strong></span>
  469. <small><i class="fa fa-map-marker"></i> Berlin, Germany</small>
  470. <span class="badge badge-outline status"></span>
  471. </div>
  472. </div>
  473. </li>
  474.  
  475. </ul>
  476.  
  477. <h6><strong>Offline</strong> Users</h6>
  478.  
  479. <ul>
  480.  
  481. <li class="offline">
  482. <div class="media">
  483. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  484. <img class="media-object img-circle" src="assets/images/random-avatar4.jpg" alt>
  485. </a>
  486. <div class="media-body">
  487. <span class="media-heading">Dell <strong>MacApple</strong></span>
  488. <small><i class="fa fa-map-marker"></i> Paris, France</small>
  489. <span class="badge badge-outline status"></span>
  490. </div>
  491. </div>
  492. </li>
  493.  
  494. <li class="offline">
  495. <div class="media">
  496.  
  497. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  498. <img class="media-object img-circle" src="assets/images/random-avatar5.jpg" alt>
  499. </a>
  500.  
  501. <div class="media-body">
  502. <span class="media-heading">Roger <strong>Flopple</strong></span>
  503. <small><i class="fa fa-map-marker"></i> Rome, Italia</small>
  504. <span class="badge badge-outline status"></span>
  505. </div>
  506.  
  507. </div>
  508. </li>
  509.  
  510. <li class="offline">
  511. <div class="media">
  512. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  513. <img class="media-object img-circle" src="assets/images/random-avatar6.jpg" alt>
  514. </a>
  515. <div class="media-body">
  516. <span class="media-heading">Nico <strong>Vulture</strong></span>
  517. <small><i class="fa fa-map-marker"></i> Kyjev, Ukraine</small>
  518. <span class="badge badge-outline status"></span>
  519. </div>
  520. </div>
  521. </li>
  522.  
  523. <li class="offline">
  524. <div class="media">
  525. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  526. <img class="media-object img-circle" src="assets/images/random-avatar7.jpg" alt>
  527. </a>
  528. <div class="media-body">
  529. <span class="media-heading">Bobby <strong>Socks</strong></span>
  530. <small><i class="fa fa-map-marker"></i> Moscow, Russia</small>
  531. <span class="badge badge-outline status"></span>
  532. </div>
  533. </div>
  534. </li>
  535.  
  536. <li class="offline">
  537. <div class="media">
  538. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  539. <img class="media-object img-circle" src="assets/images/random-avatar8.jpg" alt>
  540. </a>
  541. <div class="media-body">
  542. <span class="media-heading">Anna <strong>Opichia</strong></span>
  543. <small><i class="fa fa-map-marker"></i> Budapest, Hungary</small>
  544. <span class="badge badge-outline status"></span>
  545. </div>
  546. </div>
  547. </li>
  548.  
  549. </ul>
  550. </div>
  551.  
  552. <div role="tabpanel" class="tab-pane" id="history">
  553. <h6><strong>Chat</strong> History</h6>
  554.  
  555. <ul>
  556.  
  557. <li class="online">
  558. <div class="media">
  559. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  560. <img class="media-object img-circle" src="assets/images/ici-avatar.jpg" alt>
  561. </a>
  562. <div class="media-body">
  563. <span class="media-heading">Ing. Imrich <strong>Kamarel</strong></span>
  564. <small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</small>
  565. <span class="badge badge-outline status"></span>
  566. </div>
  567. </div>
  568. </li>
  569.  
  570. <li class="busy">
  571. <div class="media">
  572.  
  573. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  574. <img class="media-object img-circle" src="assets/images/arnold-avatar.jpg" alt>
  575. </a>
  576. <span class="badge bg-lightred unread">3</span>
  577.  
  578. <div class="media-body">
  579. <span class="media-heading">Arnold <strong>Karlsberg</strong></span>
  580. <small>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</small>
  581. <span class="badge badge-outline status"></span>
  582. </div>
  583.  
  584. </div>
  585. </li>
  586.  
  587. <li class="offline">
  588. <div class="media">
  589. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  590. <img class="media-object img-circle" src="assets/images/peter-avatar.jpg" alt>
  591. </a>
  592. <div class="media-body">
  593. <span class="media-heading">Peter <strong>Kay</strong></span>
  594. <small>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit </small>
  595. <span class="badge badge-outline status"></span>
  596. </div>
  597. </div>
  598. </li>
  599.  
  600. </ul>
  601. </div>
  602.  
  603. <div role="tabpanel" class="tab-pane" id="friends">
  604. <h6><strong>Friends</strong> List</h6>
  605. <ul>
  606.  
  607. <li class="online">
  608. <div class="media">
  609.  
  610. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  611. <img class="media-object img-circle" src="assets/images/arnold-avatar.jpg" alt>
  612. </a>
  613. <span class="badge bg-lightred unread">3</span>
  614.  
  615. <div class="media-body">
  616. <span class="media-heading">Arnold <strong>Karlsberg</strong></span>
  617. <small><i class="fa fa-map-marker"></i> Bratislava, Slovakia</small>
  618. <span class="badge badge-outline status"></span>
  619. </div>
  620.  
  621. </div>
  622. </li>
  623.  
  624. <li class="offline">
  625. <div class="media">
  626. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  627. <img class="media-object img-circle" src="assets/images/random-avatar8.jpg" alt>
  628. </a>
  629. <div class="media-body">
  630. <span class="media-heading">Anna <strong>Opichia</strong></span>
  631. <small><i class="fa fa-map-marker"></i> Budapest, Hungary</small>
  632. <span class="badge badge-outline status"></span>
  633. </div>
  634. </div>
  635. </li>
  636.  
  637. <li class="busy">
  638. <div class="media">
  639. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  640. <img class="media-object img-circle" src="assets/images/random-avatar1.jpg" alt>
  641. </a>
  642. <div class="media-body">
  643. <span class="media-heading">Lucius <strong>Cashmere</strong></span>
  644. <small><i class="fa fa-map-marker"></i> Wien, Austria</small>
  645. <span class="badge badge-outline status"></span>
  646. </div>
  647. </div>
  648. </li>
  649.  
  650. <li class="online">
  651. <div class="media">
  652. <a class="pull-left thumb thumb-sm" role="button" tabindex="0">
  653. <img class="media-object img-circle" src="assets/images/ici-avatar.jpg" alt>
  654. </a>
  655. <div class="media-body">
  656. <span class="media-heading">Ing. Imrich <strong>Kamarel</strong></span>
  657. <small><i class="fa fa-map-marker"></i> Ulaanbaatar, Mongolia</small>
  658. <span class="badge badge-outline status"></span>
  659. </div>
  660. </div>
  661. </li>
  662.  
  663. </ul>
  664. </div>
  665.  
  666. <div role="tabpanel" class="tab-pane" id="settings">
  667. <h6><strong>Chat</strong> Settings</h6>
  668.  
  669. <ul class="settings">
  670.  
  671. <li>
  672. <div class="form-group">
  673. <label class="col-xs-8 control-label">Show Offline Users</label>
  674. <div class="col-xs-4 control-label">
  675. <div class="onoffswitch greensea">
  676. <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="show-offline" checked="">
  677. <label class="onoffswitch-label" for="show-offline">
  678. <span class="onoffswitch-inner"></span>
  679. <span class="onoffswitch-switch"></span>
  680. </label>
  681. </div>
  682. </div>
  683. </div>
  684. </li>
  685.  
  686. <li>
  687. <div class="form-group">
  688. <label class="col-xs-8 control-label">Show Fullname</label>
  689. <div class="col-xs-4 control-label">
  690. <div class="onoffswitch greensea">
  691. <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="show-fullname">
  692. <label class="onoffswitch-label" for="show-fullname">
  693. <span class="onoffswitch-inner"></span>
  694. <span class="onoffswitch-switch"></span>
  695. </label>
  696. </div>
  697. </div>
  698. </div>
  699. </li>
  700.  
  701. <li>
  702. <div class="form-group">
  703. <label class="col-xs-8 control-label">History Enable</label>
  704. <div class="col-xs-4 control-label">
  705. <div class="onoffswitch greensea">
  706. <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="show-history" checked="">
  707. <label class="onoffswitch-label" for="show-history">
  708. <span class="onoffswitch-inner"></span>
  709. <span class="onoffswitch-switch"></span>
  710. </label>
  711. </div>
  712. </div>
  713. </div>
  714. </li>
  715.  
  716. <li>
  717. <div class="form-group">
  718. <label class="col-xs-8 control-label">Show Locations</label>
  719. <div class="col-xs-4 control-label">
  720. <div class="onoffswitch greensea">
  721. <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="show-location" checked="">
  722. <label class="onoffswitch-label" for="show-location">
  723. <span class="onoffswitch-inner"></span>
  724. <span class="onoffswitch-switch"></span>
  725. </label>
  726. </div>
  727. </div>
  728. </div>
  729. </li>
  730.  
  731. <li>
  732. <div class="form-group">
  733. <label class="col-xs-8 control-label">Notifications</label>
  734. <div class="col-xs-4 control-label">
  735. <div class="onoffswitch greensea">
  736. <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="show-notifications">
  737. <label class="onoffswitch-label" for="show-notifications">
  738. <span class="onoffswitch-inner"></span>
  739. <span class="onoffswitch-switch"></span>
  740. </label>
  741. </div>
  742. </div>
  743. </div>
  744. </li>
  745.  
  746. <li>
  747. <div class="form-group">
  748. <label class="col-xs-8 control-label">Show Undread Count</label>
  749. <div class="col-xs-4 control-label">
  750. <div class="onoffswitch greensea">
  751. <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="show-unread" checked="">
  752. <label class="onoffswitch-label" for="show-unread">
  753. <span class="onoffswitch-inner"></span>
  754. <span class="onoffswitch-switch"></span>
  755. </label>
  756. </div>
  757. </div>
  758. </div>
  759. </li>
  760.  
  761. </ul>
  762. </div>
  763. </div>
  764.  
  765. </div>
  766.  
  767. </aside>
  768. <!--/ RIGHTBAR Content -->
  769.  
  770.  
  771.  
  772.  
  773. </div>
  774. <!--/ CONTROLS Content -->
  775.  
  776.  
  777.  
  778.  
  779. <!-- ====================================================
  780. ================= CONTENT ===============================
  781. ===================================================== -->
  782. <section id="content">
  783.  
  784. <div class="page page-Accueil">
  785.  
  786. <div class="pageheader">
  787.  
  788. <h2>Accueil</h2>
  789.  
  790. <div class="page-bar">
  791.  
  792. <ul class="page-breadcrumb">
  793. <li>
  794. <a href="index-2.html"><i class="fa fa-home"></i> Minovate</a>
  795. </li>
  796. <li>
  797. <a href="index.php">Accueil</a>
  798. </li>
  799. </ul>
  800.  
  801. <div class="page-toolbar">
  802. <a role="button" tabindex="0" class="btn btn-lightred no-border pickDate">
  803. <i class="fa fa-calendar"></i>&nbsp;&nbsp;<span></span>&nbsp;&nbsp;<i class="fa fa-angle-down"></i>
  804. </a>
  805. </div>
  806.  
  807. </div>
  808.  
  809. </div>
  810.  
  811. <!-- cards row -->
  812. <div class="row">
  813.  
  814. <!-- col -->
  815. <div class="card-container col-lg-3 col-sm-6 col-sm-12">
  816. <div class="card">
  817. <div class="front">
  818.  
  819. <!-- row -->
  820. <div class="row">
  821. <!-- col -->
  822. <div class="col-xs-4">
  823.  
  824. </div>
  825. <!-- /col -->
  826. <!-- col -->
  827. <div class="col-xs-8">
  828. <p class="text-elg text-strong mb-0"></p>
  829. <span></span>
  830. </div>
  831. <!-- /col -->
  832. </div>
  833. <!-- /row -->
  834.  
  835. </div>
  836. </div>
  837. </div>
  838. <!-- /col -->
  839.  
  840. <!-- col -->
  841. <div class="card-container col-lg-3 col-sm-6 col-sm-12">
  842. <div class="card">
  843. <div class="front bg-greensea">
  844.  
  845. <!-- row -->
  846. <div class="row">
  847. <!-- col -->
  848. <div class="col-xs-4">
  849. <i class="fa fa-users fa-4x"></i>
  850. </div>
  851. <!-- /col -->
  852. <!-- col -->
  853. <div class="col-xs-8">
  854. <p class="text-elg text-strong mb-0">3 659</p>
  855. <span>Clients Enregistrés</span>
  856. </div>
  857. <!-- /col -->
  858. </div>
  859. <!-- /row -->
  860.  
  861. </div>
  862. <div class="back bg-greensea">
  863.  
  864. <!-- row -->
  865. <div class="row">
  866. <!-- /col -->
  867. <!-- col -->
  868. <div class="col-xs-4">
  869. <a href=#><i class="fa fa-ellipsis-h fa-2x"></i> Informations</a>
  870. </div>
  871. <!-- /col -->
  872. </div>
  873. <!-- /row -->
  874.  
  875. </div>
  876. </div>
  877. </div>
  878. <!-- /col -->
  879.  
  880. <!-- col -->
  881. <div class="card-container col-lg-3 col-sm-6 col-sm-12">
  882. <div class="card">
  883. <div class="front bg-blue">
  884.  
  885. <!-- row -->
  886. <div class="row">
  887. <!-- col -->
  888. <div class="col-xs-4">
  889. <i class="fa fa-usd fa-4x"></i>
  890. </div>
  891. <!-- /col -->
  892. <!-- col -->
  893. <div class="col-xs-8">
  894. <p class="text-elg text-strong mb-0">165 984</p>
  895. <span>Réparations Total</span>
  896. </div>
  897. <!-- /col -->
  898. </div>
  899. <!-- /row -->
  900.  
  901. </div>
  902. <div class="back bg-blue">
  903.  
  904. <!-- row -->
  905. <div class="row">
  906. <!-- col -->
  907.  
  908. <!-- /col -->
  909. <!-- col -->
  910.  
  911. <!-- /col -->
  912. <!-- col -->
  913. <div class="col-xs-4">
  914. <a href=#><i class="fa fa-ellipsis-h fa-2x"></i> Informations</a>
  915. </div>
  916. <!-- /col -->
  917. </div>
  918. <!-- /row -->
  919.  
  920. </div>
  921. </div>
  922. </div>
  923. <!-- /col -->
  924.  
  925. <!-- col -->
  926. <div class="card-container col-lg-3 col-sm-6 col-sm-12">
  927. <div class="card">
  928. <div class="front">
  929.  
  930. <!-- row -->
  931. <div class="row">
  932. <!-- col -->
  933. <div class="col-xs-4">
  934.  
  935. </div>
  936. <!-- /col -->
  937. <!-- col -->
  938. <div class="col-xs-8">
  939. <p class="text-elg text-strong mb-0"></p>
  940. <span></span>
  941. </div>
  942. <!-- /col -->
  943. </div>
  944. <!-- /row -->
  945.  
  946. </div>
  947. </div>
  948. </div>
  949. <!-- /col -->
  950.  
  951. </div>
  952. <!-- /row -->
  953.  
  954.  
  955. </div>
  956.  
  957.  
  958. </section>
  959. <!--/ CONTENT -->
  960.  
  961.  
  962.  
  963.  
  964.  
  965.  
  966. </div>
  967. <!--/ Application Content -->
  968.  
  969.  
  970.  
  971.  
  972.  
  973.  
  974.  
  975.  
  976.  
  977.  
  978.  
  979.  
  980.  
  981.  
  982. <!-- ============================================
  983. ============== Vendor JavaScripts ===============
  984. ============================================= -->
  985. <script src="../../ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  986. <script>window.jQuery || document.write('<script src="assets/js/vendor/jquery/jquery-1.11.2.min.js"><\/script>')</script>
  987.  
  988. <script src="assets/js/vendor/bootstrap/bootstrap.min.js"></script>
  989.  
  990. <script src="assets/js/vendor/jRespond/jRespond.min.js"></script>
  991.  
  992. <script src="assets/js/vendor/d3/d3.min.js"></script>
  993. <script src="assets/js/vendor/d3/d3.layout.min.js"></script>
  994.  
  995. <script src="assets/js/vendor/rickshaw/rickshaw.min.js"></script>
  996.  
  997. <script src="assets/js/vendor/sparkline/jquery.sparkline.min.js"></script>
  998.  
  999. <script src="assets/js/vendor/slimscroll/jquery.slimscroll.min.js"></script>
  1000.  
  1001. <script src="assets/js/vendor/animsition/js/jquery.animsition.min.js"></script>
  1002.  
  1003. <script src="assets/js/vendor/daterangepicker/moment.min.js"></script>
  1004. <script src="assets/js/vendor/daterangepicker/daterangepicker.js"></script>
  1005.  
  1006. <script src="assets/js/vendor/screenfull/screenfull.min.js"></script>
  1007.  
  1008. <script src="assets/js/vendor/flot/jquery.flot.min.js"></script>
  1009. <script src="assets/js/vendor/flot-tooltip/jquery.flot.tooltip.min.js"></script>
  1010. <script src="assets/js/vendor/flot-spline/jquery.flot.spline.min.js"></script>
  1011.  
  1012. <script src="assets/js/vendor/easypiechart/jquery.easypiechart.min.js"></script>
  1013.  
  1014. <script src="assets/js/vendor/raphael/raphael-min.js"></script>
  1015. <script src="assets/js/vendor/morris/morris.min.js"></script>
  1016.  
  1017. <script src="assets/js/vendor/owl-carousel/owl.carousel.min.js"></script>
  1018.  
  1019. <script src="assets/js/vendor/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
  1020.  
  1021. <script src="assets/js/vendor/datatables/js/jquery.dataTables.min.js"></script>
  1022. <script src="assets/js/vendor/datatables/extensions/dataTables.bootstrap.js"></script>
  1023.  
  1024. <script src="assets/js/vendor/chosen/chosen.jquery.min.js"></script>
  1025.  
  1026. <script src="assets/js/vendor/summernote/summernote.min.js"></script>
  1027.  
  1028. <script src="assets/js/vendor/coolclock/coolclock.js"></script>
  1029. <script src="assets/js/vendor/coolclock/excanvas.js"></script>
  1030. <!--/ vendor javascripts -->
  1031.  
  1032.  
  1033.  
  1034.  
  1035. <!-- ============================================
  1036. ============== Custom JavaScripts ===============
  1037. ============================================= -->
  1038. <script src="assets/js/main.js"></script>
  1039. <!--/ custom javascripts -->
  1040.  
  1041.  
  1042.  
  1043.  
  1044.  
  1045.  
  1046.  
  1047.  
  1048. <!-- ===============================================
  1049. ============== Page Specific Scripts ===============
  1050. ================================================ -->
  1051. <script>
  1052. $(window).load(function(){
  1053. // Initialize Statistics chart
  1054. var data = [{
  1055. data: [[1,15],[2,40],[3,35],[4,39],[5,42],[6,50],[7,46],[8,49],[9,59],[10,60],[11,58],[12,74]],
  1056. label: 'Unique Visits',
  1057. points: {
  1058. show: true,
  1059. radius: 4
  1060. },
  1061. splines: {
  1062. show: true,
  1063. tension: 0.45,
  1064. lineWidth: 4,
  1065. fill: 0
  1066. }
  1067. }, {
  1068. data: [[1,50],[2,80],[3,90],[4,85],[5,99],[6,125],[7,114],[8,96],[9,130],[10,145],[11,139],[12,160]],
  1069. label: 'Page Views',
  1070. bars: {
  1071. show: true,
  1072. barWidth: 0.6,
  1073. lineWidth: 0,
  1074. fillColor: { colors: [{ opacity: 0.3 }, { opacity: 0.8}] }
  1075. }
  1076. }];
  1077.  
  1078. var options = {
  1079. colors: ['#e05d6f','#61c8b8'],
  1080. series: {
  1081. shadowSize: 0
  1082. },
  1083. legend: {
  1084. backgroundOpacity: 0,
  1085. margin: -7,
  1086. position: 'ne',
  1087. noColumns: 2
  1088. },
  1089. xaxis: {
  1090. tickLength: 0,
  1091. font: {
  1092. color: '#fff'
  1093. },
  1094. position: 'bottom',
  1095. ticks: [
  1096. [ 1, 'JAN' ], [ 2, 'FEB' ], [ 3, 'MAR' ], [ 4, 'APR' ], [ 5, 'MAY' ], [ 6, 'JUN' ], [ 7, 'JUL' ], [ 8, 'AUG' ], [ 9, 'SEP' ], [ 10, 'OCT' ], [ 11, 'NOV' ], [ 12, 'DEC' ]
  1097. ]
  1098. },
  1099. yaxis: {
  1100. tickLength: 0,
  1101. font: {
  1102. color: '#fff'
  1103. }
  1104. },
  1105. grid: {
  1106. borderWidth: {
  1107. top: 0,
  1108. right: 0,
  1109. bottom: 1,
  1110. left: 1
  1111. },
  1112. borderColor: 'rgba(255,255,255,.3)',
  1113. margin:0,
  1114. minBorderMargin:0,
  1115. labelMargin:20,
  1116. hoverable: true,
  1117. clickable: true,
  1118. mouseActiveRadius:6
  1119. },
  1120. tooltip: true,
  1121. tooltipOpts: {
  1122. content: '%s: %y',
  1123. defaultTheme: false,
  1124. shifts: {
  1125. x: 0,
  1126. y: 20
  1127. }
  1128. }
  1129. };
  1130.  
  1131. var plot = $.plot($("#statistics-chart"), data, options);
  1132.  
  1133. $(window).resize(function() {
  1134. // redraw the graph in the correctly sized div
  1135. plot.resize();
  1136. plot.setupGrid();
  1137. plot.draw();
  1138. });
  1139. // * Initialize Statistics chart
  1140.  
  1141. //Initialize morris chart
  1142. Morris.Donut({
  1143. element: 'browser-usage',
  1144. data: [
  1145. {label: 'Chrome', value: 25, color: '#00a3d8'},
  1146. {label: 'Safari', value: 20, color: '#2fbbe8'},
  1147. {label: 'Firefox', value: 15, color: '#72cae7'},
  1148. {label: 'Opera', value: 5, color: '#d9544f'},
  1149. {label: 'Internet Explorer', value: 10, color: '#ffc100'},
  1150. {label: 'Other', value: 25, color: '#1693A5'}
  1151. ],
  1152. resize: true
  1153. });
  1154. //*Initialize morris chart
  1155.  
  1156.  
  1157. // Initialize owl carousels
  1158. $('#todo-carousel, #feed-carousel, #notes-carousel').owlCarousel({
  1159. autoPlay: 5000,
  1160. stopOnHover: true,
  1161. slideSpeed : 300,
  1162. paginationSpeed : 400,
  1163. singleItem : true,
  1164. responsive: true
  1165. });
  1166.  
  1167. $('#appointments-carousel').owlCarousel({
  1168. autoPlay: 5000,
  1169. stopOnHover: true,
  1170. slideSpeed : 300,
  1171. paginationSpeed : 400,
  1172. navigation: true,
  1173. navigationText : ['<i class=\'fa fa-chevron-left\'></i>','<i class=\'fa fa-chevron-right\'></i>'],
  1174. singleItem : true
  1175. });
  1176. //* Initialize owl carousels
  1177.  
  1178.  
  1179. // Initialize rickshaw chart
  1180. var graph;
  1181.  
  1182. var seriesData = [ [], []];
  1183. var random = new Rickshaw.Fixtures.RandomData(50);
  1184.  
  1185. for (var i = 0; i < 50; i++) {
  1186. random.addData(seriesData);
  1187. }
  1188.  
  1189. graph = new Rickshaw.Graph( {
  1190. element: document.querySelector("#realtime-rickshaw"),
  1191. renderer: 'area',
  1192. height: 133,
  1193. series: [{
  1194. name: 'Series 1',
  1195. color: 'steelblue',
  1196. data: seriesData[0]
  1197. }, {
  1198. name: 'Series 2',
  1199. color: 'lightblue',
  1200. data: seriesData[1]
  1201. }]
  1202. });
  1203.  
  1204. var hoverDetail = new Rickshaw.Graph.HoverDetail( {
  1205. graph: graph,
  1206. });
  1207.  
  1208. graph.render();
  1209.  
  1210. setInterval( function() {
  1211. random.removeData(seriesData);
  1212. random.addData(seriesData);
  1213. graph.update();
  1214.  
  1215. },1000);
  1216. //* Initialize rickshaw chart
  1217.  
  1218. //Initialize mini calendar datepicker
  1219. $('#mini-calendar').datetimepicker({
  1220. inline: true
  1221. });
  1222. //*Initialize mini calendar datepicker
  1223.  
  1224.  
  1225. //todo's
  1226. $('.widget-todo .todo-list li .checkbox').on('change', function() {
  1227. var todo = $(this).parents('li');
  1228.  
  1229. if (todo.hasClass('completed')) {
  1230. todo.removeClass('completed');
  1231. } else {
  1232. todo.addClass('completed');
  1233. }
  1234. });
  1235. //* todo's
  1236.  
  1237.  
  1238. //initialize datatable
  1239. $('#project-progress').DataTable({
  1240. "aoColumnDefs": [
  1241. { 'bSortable': false, 'aTargets': [ "no-sort" ] }
  1242. ],
  1243. });
  1244. //*initialize datatable
  1245.  
  1246. //load wysiwyg editor
  1247. $('#summernote').summernote({
  1248. toolbar: [
  1249. //['style', ['style']], // no style button
  1250. ['style', ['bold', 'italic', 'underline', 'clear']],
  1251. ['fontsize', ['fontsize']],
  1252. ['color', ['color']],
  1253. ['para', ['ul', 'ol', 'paragraph']],
  1254. ['height', ['height']],
  1255. //['insert', ['picture', 'link']], // no insert buttons
  1256. //['table', ['table']], // no table button
  1257. //['help', ['help']] //no help button
  1258. ],
  1259. height: 143 //set editable area's height
  1260. });
  1261. //*load wysiwyg editor
  1262. });
  1263. </script>
  1264. <!--/ Page Specific Scripts -->
  1265.  
  1266.  
  1267.  
  1268.  
  1269.  
  1270.  
  1271. <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
  1272. <script>
  1273. (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
  1274. function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
  1275. e=o.createElement(i);r=o.getElementsByTagName(i)[0];
  1276. e.src='../../www.google-analytics.com/analytics.js';
  1277. r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
  1278. ga('create','UA-XXXXX-X','auto');ga('send','pageview');
  1279. </script>
  1280.  
  1281. </body>
  1282.  
  1283. <!-- Mirrored from www.tattek.sk/minovate-noAngular/ by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 24 Jun 2019 09:20:52 GMT -->
  1284. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement