In this updated tutorial, we’ll create a responsive admin dashboard layout with CSS and a touch of JavaScript. To build it, we’ll borrow some ideas from the WordPress dashboard, such as its collapsible sidebar menu.
Throughout the tutorial, we’ll face plenty of challenges, but ones that will give us good practice for enhancing our front-end skills.
hotel/index.html
Bootstrap 5 Admin Dashboard V3 |
Throughout the tutorial, we’ll face plenty of challenges, but ones that will give us good practice for enhancing our front-end skills.
Step 1: Admin Dashboard
hotel/index.html
<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>:: My-Task:: Employee Dashboard </title>
<link rel="icon" href="favicon.ico" type="image/x-icon"> <!-- Favicon-->
<!-- project css file -->
<link rel="stylesheet" href="assets/css/my-task.style.min.css">
</head>
<body>
https://terabox.com/s/1Up_vMkCssYh4OVEekGyuZQ
Design by @KiMiDev