-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdashboard.html
146 lines (124 loc) · 6.71 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
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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="">
<meta name="description" content="">
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<!-- ==========BOXICON CSS LINK========== -->
<link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>
<!-- ==========UNICONS CSS LINK========== -->
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
<!-- ==========FONTAWESOME CSS LINK========== -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
<!-- ==========POPPINS GOOGLE FONT LINK========== -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
rel="stylesheet">
<!-- ==========GLIGHTBOX CSS LINK========== -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css" />
<!-- ==========SWIPER SLIDER CSS ========== -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css" />
<!-- ==========BOOTSTARP CSS LINK========== -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- ==========CUSTOM CSS LINK========== -->
<link rel="stylesheet" href="css/main.css">
<title>GetInCard for Digital Business Card</title>
</head>
<body>
<!-- ===================================== -->
<!-- DASHBOARD PART START -->
<!-- ===================================== -->
<div id="dashboard">
<div class="dashboard_inner">
<div class="dashboard_inner-sidebar">
<!-- <div class="dashboard_close">
<div class="close_dash">×</div>
</div> -->
<nav>
<div class="logo"><a href="index.html"><img src="images/logo.webp" alt="logo" class="d-lg-block d-none"></a></div>
<div class="logo"><a href="index.html"> <img src="images/favicon.png" alt="" style="width:3rem ; border-radius:50%" class="d-lg-none d-md-block; filter:invert(1);"></a></div>
<ul>
<li><a href="dashboard.html" class="active"><img src="images/dashboard_icon.png" alt="" class="dash_icon "> <span>Dashboard</span></a></li>
<li><a href="profile.html"><img src="images/profile_icon.png" alt="" class="dash_icon"> <span>Profile</span></a></li>
<li><a href="businesscardprofile.html"><img src="images/view-profile.png" alt="" class="dash_icon"> <span>Veiw Profile</span></a></li>
<li><a href="message.html"><img src="images/message-box.png" alt="" class="dash_icon"> <span>Messages</span></a></li>
</ul>
</nav>
</div>
<div class="dashboard_inner-showcase">
<header>
<div id="icon"><i class="fa-solid fa-bars-staggered"></i></div>
<div class="header_title"><h2 class="text-light mb-0">My Profile</h2></div>
<div class="profile_area d-flex">
<div class="notification">
<a href="message.html">
<span><i class="fa-regular fa-bell"></i></span>
<div class="count_number">0</div>
</a>
</div>
<div class="profile"><img src="images/team-02.jpg" alt=""> <span id="down_icon"><i class="fa-solid fa-angle-down"></i></span>
<div class="dropdown">
<ul>
<li><a href="profile.html"><i class="fa-regular fa-user"></i> Profile</a></li>
<li><a href="profile.html"><i class="fa-solid fa-arrow-right-from-bracket"></i> LogOut</a></li>
</ul>
</div>
</div>
</div>
</header>
<div class="business_card-preview">
<div class="businesscard">
<div class="businesscard_inner">
<div class="logo"><img src="images/logo.webp" alt=""></div>
<div class="content">
<h1>Jashim Uddin</h1>
<h3>Web Developer</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ===================================== -->
<!-- DASHBOARD PART END -->
<!-- ===================================== -->
<!-- ==========JS HERE========== -->
<!-- ==========COUNTERUP JS LINK ========== -->
<!-- ==========MAIN JQUREY LINK========== -->
<!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<!-- ==========BOOTSTARP JS LINK========== -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"></script>
<!-- ==========COUNTERUP JS LINK ========== -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
<script src="https://bfintal.github.io/Counter-Up/jquery.counterup.min.js"></script>
<!-- ==========SWIPER SLIDER JS ========== -->
<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
<!-- ==========BOXICONS JS========== -->
<script src="https://unpkg.com/boxicons@2.1.2/dist/boxicons.js"></script>
<!-- ==========LORDICONS JS========== -->
<script src="https://cdn.lordicon.com/pzdvqjsp.js"></script>
<!-- ==========GLIGHTBOX JS LINK ========== -->
<script src="https://cdn.jsdelivr.net/gh/mcstudios/glightbox/dist/js/glightbox.min.js"></script>
<!-- ==========CUSTOM JS ========== -->
<script src="js/app.js"></script>
<script>
// GLightbox();
// ================================
// DASHBOARD SIDEBAR
// ================================
var Icon = document.querySelector("#icon");
var Sidebar = document.querySelector(".dashboard_inner-sidebar");
var Showcase = document.querySelector(".dashboard_inner-showcase");
var Header = document.querySelector(".dashboard_inner-showcase header");
Icon.addEventListener("click",()=>{
Sidebar.classList.toggle("active");
Showcase.classList.toggle("active");
Header.classList.toggle("active");
});
</script>
</body>
</html>