Skip to content
This repository was archived by the owner on Oct 4, 2024. It is now read-only.

started mini project Admin Dashboard #264

Open
DilankaDI wants to merge 4 commits into
base: main
Choose a base branch
from
Open

started mini project Admin Dashboard #264

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e1a4ae4
started mini project Admin Dashboard
DilankaDI Oct 4, 2024
2d5d56b
Finished dashboard.php UI
DilankaDI Oct 4, 2024
d159962
Added footer.php and styles
DilankaDI Oct 4, 2024
9428960
Added about.php,contact.php and styles
DilankaDI Oct 4, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 35 additions & 0 deletions Mini_projects/admin-dashboard/about.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<?php
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us</title>
<link rel="stylesheet" href="src/css/about.css">
</head>
<body>
<?php include 'navbar.php'; ?>

<div class="about-container">
<h1>About Us</h1>
<p>Welcome to Kamino PVT (Ltd). We are dedicated to providing the best services to our customers.</p>

<h2>Our Mission</h2>
<p>To deliver high quality products and services that exceed our customers expectations.</p>

<h2>Our Vision</h2>
<p>To be a leading company in our industry, known for our innovation and customer satisfaction.</p>

<h2>Our Values</h2>
<ul>
<li>Integrity</li>
<li>Excellence</li>
<li>Teamwork</li>
<li>Customer Focus</li>
</ul>
</div>

<?php include 'footer.php'; ?>
</body>
</html>
38 changes: 38 additions & 0 deletions Mini_projects/admin-dashboard/contact.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<?php
// contact.php
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us</title>
<link rel="stylesheet" href="src/css/contact.css"> <!-- Link to contact CSS -->
</head>
<body>
<?php include 'navbar.php'; ?>

<div class="contact-container">
<h1>Contact Us</h1>
<p>If you have any questions or feedback, feel free to reach out to us using the form below.</p>

<form action="#" method="post" class="contact-form">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email Address:</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="message">Message:</label>
<textarea id="message" name="message" rows="5" required></textarea>
</div>
<button type="submit">Send Message</button>
</form>
</div>

<?php include 'footer.php'; ?>
</body>
</html>
56 changes: 56 additions & 0 deletions Mini_projects/admin-dashboard/dashboard.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Admin Dashboard</title>
<link rel="stylesheet" href="src/css/dashboard.css">
</head>
<body>
<?php include 'navbar.php'; ?>

<div class="dashboard-container">

<div class="sidebar">
<h2>Admin Dashboard</h2>
<ul>
<li><a href="#">Overview</a></li>
<li><a href="#">Reports</a></li>
<li><a href="#">Analytics</a></li>
<li><a href="#">Settings</a></li>
</ul>
</div>

<div class="main-content">
<div class="top-navbar">
<h3>Welcome, Admin</h3>
<a href="#">Logout</a>
</div>

<div class="content">
<h1>Overview</h1>
<p>Dashboard Content.</p>

<div class="dashboard-cards">
<div class="card">
<h3>Users count</h3>
<p>1,245</p>
</div>
<div class="card">
<h3>Sales last month</h3>
<p>$2,340</p>
</div>
<div class="card">
<h3>Reports</h3>
<p>12 New</p>
</div>
</div>
</div>
</div>

</div>

<?php include 'footer.php'; ?>

</body>
</html>
17 changes: 17 additions & 0 deletions Mini_projects/admin-dashboard/footer.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<html? lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="src/css/footer.css">
</head>
<body>
<div class="footer">
<p>&copy; 2024 Dilanka Perera. All rights reserved.</p>
<div class="footer-links">
<a href="#">Privacy Policy</a>
<a href="#">Terms of Service</a>
<a href="#">Contact Us</a>
</div>
</div>
</body>
</html>
15 changes: 15 additions & 0 deletions Mini_projects/admin-dashboard/navbar.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<html? lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="src/css/nav.css">
</head>
<body>
<div class="navbar">
<a href="dashboard.php">Dashboard</a>
<a href="users.php">Users Count</a>
<a href="about.php">About</a>
<a href="contact.php">Contact</a>
</div>
</body>
</html>
43 changes: 43 additions & 0 deletions Mini_projects/admin-dashboard/src/css/about.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
}

.about-container {
max-width: 800px;
margin: 40px auto;
padding: 20px;
background-color: white;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.about-container h1 {
margin-bottom: 20px;
color: #007bff;
}

.about-container h2 {
margin-top: 20px;
color: #333;
}

.about-container p {
margin-bottom: 15px;
line-height: 1.6;
}

.about-container ul {
list-style-type: disc;
padding-left: 20px;
}

.about-container ul li {
margin-bottom: 5px;
}
74 changes: 74 additions & 0 deletions Mini_projects/admin-dashboard/src/css/contact.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
}

.contact-container {
max-width: 800px;
margin: 40px auto;
padding: 20px;
background-color: white;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.contact-container h1 {
margin-bottom: 20px;
color: #007bff;
}

.contact-container p {
margin-bottom: 15px;
line-height: 1.6;
}

/* Form styling */
.contact-form {
display: flex;
flex-direction: column;
}

.form-group {
margin-bottom: 15px;
}

label {
margin-bottom: 5px;
font-weight: bold;
}

input[type="text"],
input[type="email"],
textarea {
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
width: 100%;
font-size: 16px;
}

button {
padding: 10px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}

button:hover {
background-color: #0056b3;
}

@media (max-width: 768px) {
.contact-container {
padding: 15px;
}
}
106 changes: 106 additions & 0 deletions Mini_projects/admin-dashboard/src/css/dashboard.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
}

.dashboard-container {
display: flex;
min-height: 100vh;
}

/* Sidebar */
.sidebar {
width: 250px;
background-color: #333;
color: white;
padding: 20px;
}

.sidebar h2 {
margin-bottom: 20px;
}

.sidebar ul {
list-style: none;
}

.sidebar ul li {
margin: 15px 0;
}

.sidebar ul li a {
color: white;
text-decoration: none;
display: block;
padding: 10px;
background-color: #444;
border-radius: 5px;
transition: background 0.3s;
}

.sidebar ul li a:hover {
background-color: #555;
}

.main-content {
flex: 1;
padding: 20px;
}

.top-navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
background-color: #007bff;
color: white;
}

.top-navbar a {
color: white;
text-decoration: none;
}

.content {
margin-top: 20px;
}

h1 {
margin-bottom: 20px;
}

.dashboard-cards {
display: flex;
gap: 20px;
margin-top: 20px;
}

.card {
background-color: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
flex: 1;
text-align: center;
}

.card h3 {
margin-bottom: 10px;
}

.card p {
font-size: 24px;
font-weight: bold;
}

@media (max-width: 768px) {
.dashboard-cards {
flex-direction: column;
}
}
Loading