Added the login sign up page and the dashboard section

recodehive · Oct 8, 2024 · 66ed780 · 66ed780
1 parent ec8d65e
commit 66ed780
Show file tree

Hide file tree

Showing 6 changed files with 764 additions and 0 deletions.
diff --git a/dashboard.css b/dashboard.css
@@ -0,0 +1,112 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap");
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body, input {
+  font-family: "Poppins", sans-serif;
+}
+
+.container {
+  min-height: 100vh;
+  width: 100%;
+  background-color: #f4f4f4;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  overflow: hidden;
+}
+
+.dashboard-content {
+  background-color: #ffffff;
+  padding: 2rem;
+  border-radius: 10px;
+  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+  text-align: center;
+  width: 100%;
+  max-width: 700px;
+}
+
+h1 {
+  font-size: 2.5rem;
+  color: #333;
+  margin-bottom: 1.5rem;
+}
+
+h2 {
+  font-size: 1.8rem;
+  color: #444;
+  margin-bottom: 1rem;
+}
+
+ul {
+  list-style-type: disc;
+  padding-left: 20px;
+  text-align: left;
+  color: #555;
+}
+
+ul li {
+  margin-bottom: 10px;
+}
+
+ul li a {
+  color: #007bff;
+  text-decoration: none;
+  font-weight: 500;
+}
+
+ul li a:hover {
+  text-decoration: underline;
+  color: #0056b3;
+}
+
+.section {
+  margin: 2rem 0;
+}
+
+.homeBtn {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  background: #000000;
+  color: #ffffff;
+  padding: 10px 20px;
+  border-radius: 10px;
+  font-size: 1rem;
+  font-weight: 500;
+  text-decoration: none;
+  cursor: pointer;
+  transition: 0.3s;
+}
+
+.homeBtn:hover {
+  background-color: #444444;
+}
+
+/* Responsive styles */
+@media (max-width: 768px) {
+  .dashboard-content {
+    padding: 1.5rem;
+  }
+
+  h1 {
+    font-size: 2rem;
+  }
+
+  h2 {
+    font-size: 1.6rem;
+  }
+
+  ul li {
+    font-size: 0.9rem;
+  }
+
+  .homeBtn {
+    font-size: 0.9rem;
+  }
+}
diff --git a/dashboard.html b/dashboard.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dashboard</title>
+    <link rel="stylesheet" href="dashboard.css">
+</head>
+<body>
+    <div class="container">
+        <nav>
+            <a href="index.html" class="homeBtn">Home</a>
+        </nav>
+
+        <div class="dashboard-content">
+            <h1>Welcome,User</h1>
+            <section id="achievements" class="section">
+                <H1>DASHBOARD</H1>
+                <h2>Achievements</h2>
+                <ul>
+                    <li>100 Days Coding Challenge - Completed</li>
+                    <li>200 Days Coding Challenge - In Progress</li>
+                    <li>Top Performer in Python - 2023</li>
+                </ul>
+            </section>
+
+            <section id="projects" class="section">
+                <h2>Projects</h2>
+                <ul>
+                    <li><a href="#">Ambulance Monitoring System</a></li>
+                    <li><a href="#">Landing Page Animation</a></li>
+                    <li><a href="#">Portfolio Website</a></li>
+                </ul>
+            </section>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -32,6 +32,7 @@
         <a href="./pages/events.html" class="navbar-link">Events</a>
         <a href="pages/blog.html" class="navbar-link">Learn</a>
         <a href="./pages/compare.html" class="navbar-link">Compare</a>
+        <a href="login.html" class="navbar-link">Login</a>
 
 
         <div class="toggle-switch">