Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Joel Male - Dashboard</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="icon" href="./images/favicons/favicon.png">
- <link href="plugins/bootstrap/bootstrap.css" rel="stylesheet">
- <link href="plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet">
- <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
- <link href='http://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
- <link href="plugins/fancybox/jquery.fancybox.css" rel="stylesheet">
- <link href="plugins/fullcalendar/fullcalendar.css" rel="stylesheet">
- <link href="plugins/xcharts/xcharts.min.css" rel="stylesheet">
- <link href="plugins/select2/select2.css" rel="stylesheet">
- <link href="plugins/justified-gallery/justifiedGallery.css" rel="stylesheet">
- <link href="css/dashboard.css" rel="stylesheet">
- <link href="plugins/chartist/chartist.min.css" rel="stylesheet">
- <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
- <!--[if lt IE 9]>
- <script src="http://getbootstrap.com/docs-assets/js/html5shiv.js"></script>
- <script src="http://getbootstrap.com/docs-assets/js/respond.min.js"></script>
- <![endif]-->
- <style>
- @font-face {
- font-family: 'Iconfont'; /*a name to be used later*/
- src: url('fonts/iconfont.ttf'); /*URL to font*/
- }
- * {
- font-family: 'Iconfont', sans-serif;
- font-size: 15px;
- }
- .center {
- width: 985px;
- margin: 0 auto;
- text-align: center;
- }
- @import url(http://fonts.googleapis.com/css?family=Exo:100,200,400);
- @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:700,400,300);
- body{
- margin: 0;
- padding: 0;
- font-family: Arial;
- font-size: 12px;
- }
- .body{
- position: absolute;
- top: -20px;
- left: -20px;
- right: -40px;
- bottom: -40px;
- width: auto;
- height: auto;
- background-image: url(images/loginbg.jpg);
- background-size: cover;
- -webkit-filter: blur(5px);
- z-index: 0;
- }
- .grad{
- position: absolute;
- top: -20px;
- left: -20px;
- right: -40px;
- bottom: -40px;
- width: auto;
- height: auto;
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
- z-index: 1;
- opacity: 0.7;
- }
- .header{
- position: absolute;
- top: calc(50% - 35px);
- left: calc(50% - 255px);
- z-index: 2;
- }
- .header div{
- float: left;
- font-family: 'Exo', sans-serif;
- font-size: 40px;
- font-weight: bold;
- }
- .header div span{
- color: #ffb366 !important;
- }
- .pleaselogin p {
- font-size: 18px;
- color: white;
- float: right;
- margin: 0 0 0 20px;
- }
- .login{
- position: absolute;
- top: calc(50% - 75px);
- left: calc(50% - 50px);
- height: 150px;
- width: 350px;
- padding: 10px;
- z-index: 2;
- }
- .login input[type=text]{
- width: 250px;
- height: 30px;
- background: transparent;
- border: 1px solid rgba(255,255,255,0.6);
- border-radius: 2px;
- color: #fff;
- font-family: 'Exo', sans-serif;
- font-size: 16px;
- font-weight: 400;
- padding: 4px;
- }
- .login input[type=password]{
- width: 250px;
- height: 30px;
- background: transparent;
- border: 1px solid rgba(255,255,255,0.6);
- border-radius: 2px;
- color: #fff;
- font-family: 'Exo', sans-serif;
- font-size: 16px;
- font-weight: 400;
- padding: 4px;
- margin-top: 10px;
- }
- .login input[type=submit]{
- width: 260px;
- height: 35px;
- background: #fff;
- border: 1px solid #fff;
- cursor: pointer;
- border-radius: 2px;
- color: #a18d6c;
- font-family: 'Exo', sans-serif;
- font-size: 16px;
- font-weight: 400;
- padding: 6px;
- margin-top: 10px;
- }
- ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
- padding-left: 5px;
- }
- :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
- padding-left: 5px;
- }
- ::-moz-placeholder { /* Mozilla Firefox 19+ */
- padding-left: 5px;
- }
- :-ms-input-placeholder { /* Internet Explorer 10-11 */
- padding-left: 5px;
- }
- .login input[type=submit]:hover{
- opacity: 0.8;
- }
- .login input[type=submit]:active{
- opacity: 0.6;
- }
- .login input[type=text]:focus{
- outline: none;
- border: 1px solid rgba(255,255,255,0.9);
- }
- .login input[type=password]:focus{
- outline: none;
- border: 1px solid rgba(255,255,255,0.9);
- }
- .login input[type=submit]:focus{
- outline: none;
- }
- ::-webkit-input-placeholder{
- color: rgba(255,255,255,0.6);
- }
- ::-moz-input-placeholder{
- color: rgba(255,255,255,0.6);
- }
- .textHeader {
- width: 985px;
- margin: 0 auto;
- text-align: center;
- }
- .textHeader a {
- font-size: 20px;
- text-decoration: none;
- }
- .displayEmails {
- margin-left: auto;
- margin-right: auto;
- width: 40%;
- }
- .emailWrapper {
- padding-bottom: 20px;
- }
- .id {
- margin: 10px 10px 10px 0px;
- display: inline-block;
- }
- .name {
- display: inline-block;
- margin: 0 10px 0 0;
- }
- .email {
- display: inline-block;
- }
- .message {
- display: inline-block;
- line-height: 22px;
- }
- .text {
- padding-top: 10px;
- }
- .seperator {
- width: 100%;
- height: 2px;
- background-color: white;
- margin: 10px 0 0 0;
- }
- @media screen and (max-width: 410px) {
- .header {
- margin-top: 40%;
- position: relative;
- text-align: center;
- top: 0;
- left: 0;
- }
- .header div {
- float: none;
- }
- .pleaselogin p {
- float: none;
- margin: -15px 0 0 -10px;
- }
- .login {
- position: relative;
- text-align: center;
- left: 0;
- }
- }
- </style>
- <?php
- session_start();
- $username = $_SESSION["username_login"];
- $loggedin = true;
- }
- ?>
- <script src="js/prefixfree.min.js"></script>
- </head>
- <body>
- <!-- NOT LOGGED IN - SO DISPLAY THE FORM -->
- <?php if (!$loggedin) : ?>
- <p style="text-align: center; padding: 30% 0 0 0; text-size: 18px;">Sorry, you are not logged in so you cannot view this page<br/>Click <a href="index.php">Here</a> to login.</p>
- <?php endif; ?>
- <!-- END OF NOT LOGGED IN - SO DISPLAY THE FORM -->
- <!-- LOGGED IN - SO DISPLAY THE DASHBOARD -->
- <?php if ($loggedin) : ?>
- <?php
- /*$db = mysqli_connect() or die("Could not connect to database!");
- $getPosts = mysqli_query($db, "SELECT * FROM emails ORDER BY email_id") or die(mysql_error());
- while ($row = mysqli_fetch_assoc($getPosts)) {
- $id = $row['email_id'];
- $contactName = $row['contactName'];
- $contactEmailAddress = $row['contactEmailAddress'];
- $messageBody = $row['messageBody'];
- $contactName = strtoupper($contactName);
- $contactEmailAddress = strtoupper($contactEmailAddress);
- } */
- $db = mysqli_connect() or die("Could not connect to database!");
- $getLoggedUsers = mysqli_query($db, "SELECT * FROM users WHERE username='$username' LIMIT 1");
- while ($info = mysqli_fetch_assoc($getLoggedUsers)) {
- $user_id = $info['user_id'];
- $password = $info['password'];
- $name = $info['name'];
- }
- ?>
- <!--Start Header-->
- <div id="screensaver">
- <canvas id="canvas"></canvas>
- <i class="fa fa-lock" id="screen_unlock"></i>
- </div>
- <div id="modalbox">
- <div class="devoops-modal">
- <div class="devoops-modal-header">
- <div class="modal-header-name">
- <span>Basic table</span>
- </div>
- <div class="box-icons">
- <a class="close-link">
- <i class="fa fa-times"></i>
- </a>
- </div>
- </div>
- <div class="devoops-modal-inner">
- </div>
- <div class="devoops-modal-bottom">
- </div>
- </div>
- </div>
- <header class="navbar">
- <div class="container-fluid expanded-panel">
- <div class="row">
- <div id="logo" class="col-xs-12 col-sm-2">
- <a href="dashboard.php">Dashboard</a>
- </div>
- <div id="top-panel" class="col-xs-12 col-sm-10">
- <div class="row">
- <div class="col-xs-8 col-sm-4">
- <div id="search">
- </div>
- </div>
- <div class="col-xs-4 col-sm-8 top-panel-right">
- <a href="#" class="about">Admin Panel</a>
- <ul class="nav navbar-nav pull-right panel-menu">
- <li class="hidden-xs">
- <a class="ajax-link" href="content/calendar.php">
- <i class="fa fa-calendar"></i>
- <span class="badge"></span>
- </a>
- </li>
- <li class="hidden-xs">
- <a href="content/messages.php" class="ajax-link">
- <i class="fa fa-envelope"></i>
- <?php
- $db = mysqli_connect() or die("Could not connect to database!");
- $getPosts = mysqli_query($db, "SELECT * FROM emails ORDER BY email_id") or die(mysql_error());
- $inboxCount = mysqli_num_rows($getPosts);
- ?>
- <span class="badge"><?php echo $inboxCount; ?></span>
- </a>
- </li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle account" data-toggle="dropdown">
- <div class="avatar">
- <img src="images/avatar.jpg" class="img-circle" alt="avatar" />
- </div>
- <i class="fa fa-angle-down pull-right"></i>
- <div class="user-mini pull-right">
- <span class="welcome">Welcome,</span>
- <span><?php echo $name; ?></span>
- </div>
- </a>
- <ul class="dropdown-menu">
- <li>
- <a href="#">
- <i class="fa fa-user"></i>
- <span>Profile</span>
- </a>
- </li>
- <li>
- <a href="content/messages.php" class="ajax-link">
- <i class="fa fa-envelope"></i>
- <span>Messages</span>
- </a>
- </li>
- <li>
- <a href="#">
- <i class="fa fa-cog"></i>
- <span>Settings</span>
- </a>
- </li>
- <li>
- <a id="locked-screen" class="submenu" >
- <i class="fa fa-cog"></i>
- <span>Lock Dashboard</span>
- </a>
- </li>
- <li>
- <a href="logout.php">
- <i class="fa fa-power-off"></i>
- <span>Logout</span>
- </a>
- </li>
- </ul>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </header>
- <!--End Header-->
- <!--Start Container-->
- <div id="main" class="container-fluid">
- <div class="row">
- <div id="sidebar-left" class="col-xs-2 col-sm-2">
- <ul class="nav main-menu">
- <li>
- <a href="content/dashboard.php" class="ajax-link">
- <i class="fa fa-dashboard"></i>
- <span class="hidden-xs">Dashboard</span>
- </a>
- </li>
- <li>
- <a href="content/messages.php" class="ajax-link">
- <i class="fa fa-envelope"></i>
- <span class="hidden-xs">Messages</span>
- </a>
- </li>
- <li>
- <a href="content/calendar.php" class="ajax-link">
- <i class="fa fa-envelope"></i>
- <span class="hidden-xs">Calendar</span>
- </a>
- </li>
- <li>
- <a href="#" class="dropdown-toggle">
- <i class="fa fa-envelope"></i>
- <span class="hidden-xs">Misc Menu Stuff</span>
- <!-- START DROP DOWN MENU -->
- <ul class="dropdown-menu">
- <li class="dropdown">
- <a href="#" class="dropdown-toggle">
- <i class="fa fa-bar-chart-o"></i>
- <span class="hidden-xs">Charts</span>
- </a>
- <ul class="dropdown-menu">
- <li><a class="ajax-link" href="content/charts_xcharts.html">xCharts</a></li>
- <li><a class="ajax-link" href="content/charts_flot.html">Flot Charts</a></li>
- <li><a class="ajax-link" href="content/charts_google.html">Google Charts</a></li>
- <li><a class="ajax-link" href="content/charts_morris.html">Morris Charts</a></li>
- <li><a class="ajax-link" href="content/charts_amcharts.html">AmCharts</a></li>
- <li><a class="ajax-link" href="content/charts_chartist.html">Chartist</a></li>
- <li><a class="ajax-link" href="content/charts_coindesk.html">CoinDesk realtime</a></li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle">
- <i class="fa fa-table"></i>
- <span class="hidden-xs">Tables</span>
- </a>
- <ul class="dropdown-menu">
- <li><a class="ajax-link" href="content/tables_simple.html">Simple Tables</a></li>
- <li><a class="ajax-link" href="content/tables_datatables.html">Data Tables</a></li>
- <li><a class="ajax-link" href="content/tables_beauty.html">Beauty Tables</a></li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle">
- <i class="fa fa-pencil-square-o"></i>
- <span class="hidden-xs">Forms</span>
- </a>
- <ul class="dropdown-menu">
- <li><a class="ajax-link" href="content/forms_elements.html">Elements</a></li>
- <li><a class="ajax-link" href="content/forms_layouts.html">Layouts</a></li>
- <li><a class="ajax-link" href="content/forms_file_uploader.html">File Uploader</a></li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle">
- <i class="fa fa-desktop"></i>
- <span class="hidden-xs">UI Elements</span>
- </a>
- <ul class="dropdown-menu">
- <li><a class="ajax-link" href="content/ui_grid.html">Grid</a></li>
- <li><a class="ajax-link" href="content/ui_buttons.html">Buttons</a></li>
- <li><a class="ajax-link" href="content/ui_progressbars.html">Progress Bars</a></li>
- <li><a class="ajax-link" href="content/ui_jquery-ui.html">Jquery UI</a></li>
- <li><a class="ajax-link" href="content/ui_icons.html">Icons</a></li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle">
- <i class="fa fa-list"></i>
- <span class="hidden-xs">Pages</span>
- </a>
- <ul class="dropdown-menu">
- <li><a href="content/page_login.html">Login</a></li>
- <li><a href="content/page_register.html">Register</a></li>
- <li><a id="locked-screen" class="submenu" href="content/page_locked.html">Locked Screen</a></li>
- <li><a class="ajax-link" href="content/page_contacts.html">Contacts</a></li>
- <li><a class="ajax-link" href="content/page_feed.html">Feed</a></li>
- <li><a class="ajax-link add-full" href="ajax/page_messages.html">Messages</a></li>
- <li><a class="ajax-link" href="content/page_pricing.html">Pricing</a></li>
- <li><a class="ajax-link" href="content/page_product.html">Product</a></li>
- <li><a class="ajax-link" href="content/page_invoice.html">Invoice</a></li>
- <li><a class="ajax-link" href="content/page_search.html">Search Results</a></li>
- <li><a class="ajax-link" href="content/page_404.html">Error 404</a></li>
- <li><a href="content/page_500.html">Error 500</a></li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle">
- <i class="fa fa-map-marker"></i>
- <span class="hidden-xs">Maps</span>
- </a>
- <ul class="dropdown-menu">
- <li><a class="ajax-link" href="content/maps.html">OpenStreetMap</a></li>
- <li><a class="ajax-link" href="content/map_fullscreen.html">Fullscreen map</a></li>
- <li><a class="ajax-link" href="content/map_leaflet.html">Leaflet</a></li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle">
- <i class="fa fa-picture-o"></i>
- <span class="hidden-xs">Gallery</span>
- </a>
- <ul class="dropdown-menu">
- <li><a class="ajax-link" href="content/gallery_simple.html">Simple Gallery</a></li>
- <li><a class="ajax-link" href="content/gallery_flickr.html">Flickr Gallery</a></li>
- </ul>
- </li>
- <li>
- <a class="ajax-link" href="content/typography.html">
- <i class="fa fa-font"></i>
- <span class="hidden-xs">Typography</span>
- </a>
- </li>
- <li>
- <a class="ajax-link" href="content/calendar.html">
- <i class="fa fa-calendar"></i>
- <span class="hidden-xs">Calendar</span>
- </a>
- </li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle">
- <i class="fa fa-picture-o"></i>
- <span class="hidden-xs">Multilevel menu</span>
- </a>
- <ul class="dropdown-menu">
- <li><a href="#">First level menu</a></li>
- <li><a href="#">First level menu</a></li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle">
- <i class="fa fa-plus-square"></i>
- <span class="hidden-xs">Second level menu group</span>
- </a>
- <ul class="dropdown-menu">
- <li><a href="#">Second level menu</a></li>
- <li><a href="#">Second level menu</a></li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle">
- <i class="fa fa-plus-square"></i>
- <span class="hidden-xs">Three level menu group</span>
- </a>
- <ul class="dropdown-menu">
- <li><a href="#">Three level menu</a></li>
- <li><a href="#">Three level menu</a></li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle">
- <i class="fa fa-plus-square"></i>
- <span class="hidden-xs">Four level menu group</span>
- </a>
- <ul class="dropdown-menu">
- <li><a href="#">Four level menu</a></li>
- <li><a href="#">Four level menu</a></li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle">
- <i class="fa fa-plus-square"></i>
- <span class="hidden-xs">Five level menu group</span>
- </a>
- <ul class="dropdown-menu">
- <li><a href="#">Five level menu</a></li>
- <li><a href="#">Five level menu</a></li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle">
- <i class="fa fa-plus-square"></i>
- <span class="hidden-xs">Six level menu group</span>
- </a>
- <ul class="dropdown-menu">
- <li><a href="#">Six level menu</a></li>
- <li><a href="#">Six level menu</a></li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </li>
- <li><a href="#">Three level menu</a></li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- <!-- END HUGE DROP DOWN MENU -->
- </li>
- </ul>
- </div>
- <!--Start Content-->
- <div id="content" class="col-xs-12 col-sm-10">
- <div id="about">
- <div class="about-inner">
- <h4 class="page-header">Dashboard - Settings and Configurations</h4>
- <div class="about-left">
- <p style="font-weight: bold; font-size: 18px;">Account Settings</p>
- <p>Name: <?php echo $name; ?></p>
- <p>Username: <?php echo $username; ?></p>
- <p>Password: <?php echo $password; ?></p>
- </div>
- <div class="about-middle">
- <p style="font-weight: bold; font-size: 18px;">Misc Stuff</p>
- </div>
- <div class="about-right">
- <p style="font-weight: bold; font-size: 18px;">Quick Links</p>
- <p style="font-weight: bold; font-size: 14px;">Misc</p>
- </div>
- </div>
- </div>
- <div class="preloader">
- <img src="images/devoops_getdata.gif" class="devoops-getdata" alt="preloader"/>
- </div>
- <div id="ajax-content"></div>
- </div>
- <!--End Content-->
- </div>
- </div>
- <!--End Container-->
- <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
- <!--<script src="http://code.jquery.com/jquery.js"></script>-->
- <script src="plugins/jquery/jquery.min.js"></script>
- <script src="plugins/jquery-ui/jquery-ui.min.js"></script>
- <!-- Include all compiled plugins (below), or include individual files as needed -->
- <script src="plugins/bootstrap/bootstrap.min.js"></script>
- <script src="plugins/justified-gallery/jquery.justifiedGallery.min.js"></script>
- <script src="plugins/tinymce/tinymce.min.js"></script>
- <script src="plugins/tinymce/jquery.tinymce.min.js"></script>
- <!-- All functions for this theme + document.ready processing -->
- <script src="js/main.js"></script>
- <?php endif; ?>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement