forked from Abhishek8287/Kleaner-project
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Dashboard.html
69 lines (61 loc) · 2.35 KB
/
Dashboard.html
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
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=, initial-scale=1.0" />
<title>Dashboard</title>
<link rel="stylesheet" href="Dashboard.css" />
</head>
<body>
<div id="mySidebar" class="sidebar">
<a href="#" class="closebtn" onclick="closeNav()">×</a>
<a href="Dashboard.html">Dashboard</a>
<a href="Notification.html">Notification</a>
<a href="Bookings.html">Booking</a>
<a href="rewards.html">Rewards</a>
</div>
<div id="main">
<button class="openbtn" onclick="openNav()">☰</button>
<div class="info">
<img src="./images/image1.jpg" alt="image-loading">
<h1>Abhishek_Singh</h1>
<p>[email protected]</p>
</div>
</div>
<div class="pick">
<h2>Book your slot</h2>
<button><span class="bold">Book</span></button>
</div>
<div class="cards-continer">
<div class="card">
<div class="heading"><h1>Types Of Bins</h1></div>
<div class="section">
<div class="main-info">
<a href="#">Metal</a>
<img class="small" src="https://cdn3.iconfinder.com/data/icons/social-messaging-ui-color-line/254000/127-512.png" alt="can't load">
</div>
<div class="main-info">
<a href="#">Plastic</a>
<img class="small" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTcuzVXjDqDOs42JpBf5_6b-Iy7ZiX8UYWCLw&usqp=CAU" alt="can't load">
</div>
<div class="main-info">
<a href="#">Paper</a>
<img class="small" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSXuDZAqM9TFNkIRvwt5PWjlR_IdHMPBq3Mow&usqp=CAU" alt="can't load">
</div>
</div>
</div>
</div>
<div class="cards-container">
</div>
</body>
<script>
function openNav() {
document.getElementById("mySidebar").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
}
function closeNav() {
document.getElementById("mySidebar").style.width = "0";
document.getElementById("main").style.marginLeft = "0";
}
</script>
</html>