#4 How To Make Admin Panel Using Html, Css & Bootstrap | Student Management System Project in PHP

Показать описание

#html #adminpanelhtml

Support This Channel :

Join this channel to get access to perks:

Your support will be really appreciated.

Thanks For Watching.

I hope This video was helpful.

If you have any questions then let me know in the comment section.

Best of luck.

#webtechknowledge

You can connect with me with the given links below:

Join this channel to get access to perks:

Follow me on :

Рекомендации по теме

Комментарии

Source Code Here :

code for admin panel

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Admin Dashboard</title>

<link rel="stylesheet" type="text/css" href="admin.css">






</head>
<body>

<header class="header">

<a href="">Admin Dashboard</a>

<div class="logout">

<a href="logout.php" class="btn btn-primary">Logout</a>

</div>

</header>

<aside>

<ul>

<li>
<a href="">Admission</a>
</li>

<li>
<a href="">Add Student</a>
</li>

<li>
<a href="">View Student</a>
</li>

<li>
<a href="">Add Teacher</a>
</li>

<li>
<a href="">View Teacher</a>
</li>
<li>
<a href="">Add Courses</a>
</li>
<li>
<a href="">View Courses</a>
</li>

</ul>

</aside>

<div class="content">

<h1>Sidebar Accordion</h1>

<p>In this example, we have added an accordion and a dropdown menu inside the side navigation.

Click on both to understand how they differ from each other. The accordion will push down the content, while the dropdown lays over the content.</p>

<input type="text" name="">

</div>

</body>
</html>

Code For Css

*
{
margin: 0px;
padding: 0px;
}

.header
{

background-color: skyblue;
line-height: 70px;
padding-left: 30px;
}

a, a:hover
{
text-decoration: none!important;
}

.logout
{
float: right;
padding-right: 30px;
}

ul
{
background-color: #424a5b;
width: 16%;
height: 100%;
position: fixed;
padding-top: 5%;
text-align: center;
}

ul li
{
list-style: none;
padding-bottom: 30px;
font-size: 15px;
}

ul li a
{
color: white;
font-weight: bold;
}

ul li a:hover
{
color: skyblue;
text-decoration: none;
}

.content
{
margin-left: 20%;
margin-top: 5%;
}

Thanks for Watching

I would really appeciate If you Subscribe this channel

WebTechKnowledge

hi..when i try opening my admin dashboard (after inputing the username and password) it is taking me back to the login form saying user name or password do not match

bensonteyie

how can i make aside on the right side like the left side?

Prod.K.O

You have done a great job sir.inperfectly understand everything....but... expect that logout page .. because u didn't explain..how you create that page...

Bm-pljh

i get error the css ..why?? the code are same

nurmaisarah

You have the perfect web 👍 application can you make for announcement system

patrickngowi

Sir the logout option is not in header section in my screen.. Why?
The codes are same..
Please reply.

amitkabiraj

#4 How To Make Admin Panel Using Html, Css & Bootstrap | Student Management System Project in PHP

#4 How To Make Admin Panel Using Html, Css & Bootstrap | Student Management System Project in PH...

4 Free Stunning Admin Templates that you can download for free right now!

How To Add Admin To An Instagram Account (2024)

4 - Obtain and Set Up the Nice Admin Template

How To Install Commander 4 Advanced ADMIN PANEL In Roblox (Roblox Studio) - Tutorial

roblox accidentally gave this kid ADMIN???

how i became a roblox admin

AdminJS & Express: NodeJS admin panel setup in 4 minutes

Flutter Admin Panel | Dynamic Header with User Authentication & Role Management

roblox admin inspects the strongest battlegrounds

Allow only admin to send message in a WhatsApp group

4- How to Build Admin Panel with Firebase and Flutter App

i got ADMIN COMMANDS...

HTML CSS JavaScript Tutorial for Beginners | Build Admin Dashboard From Scratch

How to get admin for free in roblox murder mystery 2

I Unlocked the ADMIN KJ MOVESET in The Strongest Battlegrounds

Bounty Hunting With ADMIN KILLER Combo in Blox Fruits

Part 1-Admin Panel: How to Setup (Arrange Files) and make a Admin Panel in php

Logging into Blox Fruits Admin Account

How To Make Login & Register Form With User & Admin Page Using HTML - CSS - PHP - MySQL Data...

This Roblox game forgot they had me as an admin...

How to Create Admin Panel in Laravel Easily using Open Admin

Create Responsive Admin Dashboard Using HTML CSS & JavaScript | Dashboard Template Design

Admin Plays FAKE Blox Fruit Copies