-
Notifications
You must be signed in to change notification settings - Fork 0
/
admin.php
131 lines (125 loc) · 4.94 KB
/
admin.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<?php
require_once("incs/connect.php");
?>
<!DOCTYPE html>
<html>
<head>
<title>Admin-username</title>
<link href="css/font-awesome.min.css" rel="stylesheet"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body{
background-color: silver;
}
#body{
}
#header{
background: black;
color: white;
height: 50px;
border-radius:7px;
}
#header ul{
list-style: none;
}
#header ul li{
float: left;
padding-right:15px;
}
#header ul li a{
text-decoration: none;
color: white;
}
#header ul li:hover{
background: silver;
}
/** styling the content **/
#content{
background: rgb(18,71,150);
}
.explore{
background: orange;
height: 300px;
margin-bottom: 5px;
}
.explore ul li{
float: left;
list-style: none;
margin-right:80px;
}
.responses{
background: grey;
height: 200px;
}
.responses h1{
text-align: center;
color: blue;
}
#ratings{
float: left;
width: 450px;
}
#ratings li{
background: silver;
margin: 5px;
list-style: none;
width: 400px;
}
.comments{
margin-top: 5px;
float: left;
width: 550px;
background: orange;
}
/****MEDIA QUERIES ***/
@media only screen and (min-width:480px) and (max-width:1064px){
#content{
width: 90%;
}
}
</style>
</head>
<body>
<div id="body">
<div id="header">
<ul>
<li><a href="#">Welcome Admin</a><i class="fa fa-user"></i></li>
<li><a href="#">Add Admin </a><i class="fa fa-user"></i></li>
<li><a href="#">Notifications </a><i class="fa fa-user"></i></li>
<li><a href="#">Messages </a><i class="fa fa-envelope"></i></li>
<li><a href="#">Logout </a><i class="fa fa-user"></i></li>
</ul>
</div> <!-- End of div header--->
<div id="content">
<div class="explore">
<ul id="explore_site">
<li><a href="registered_users.php"><i class="fa fa-circle" style="font-size: 200px; color: green;"></i><br/>Registered users</a></li>
<li> <i class="fa fa-circle" style="font-size: 200px; color: green;"></i><br/>online users</li>
<li> <i class="fa fa-circle" style="font-size: 200px; color: green;"></i><br/>Total Posts</li>
<li> <i class="fa fa-circle" style="font-size: 200px; color: green;"></i><br/>Common category</li>
</ul>
</div> <!-- End of div class explore--->
<div class="responses">
<h1>Responses</h1>
<div id="ratings">
<li>Satisfactory </li>
<li>Good</li>
<li>Need to Improve</li>
<li>Unsatisfactory</li>
</div>
<div class="comments">
show a text area here
</div>
</div> <!-- End of div class user responses--->
<div class="activities">
<div id="activities1">
<li></li>
</div>
<div id="activities2">
<a href="incs/disconnect.php">Disconnect Website </a>
</div>
</div>
</div>
</div>
</body>
</html>