.items-list { list-style: none; margin-top: 1rem; }
button { background: #333; color: white; padding: 0.5rem 1rem; border: none; border-radius: 4px; cursor: pointer; } php database website template
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>PHP Database Template</title> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <header> <nav> <div class="logo"> <a href="index.php">MyApp</a> </div> <ul class="nav-links"> <li><a href="index.php">Home</a></li> <?php if (isLoggedIn()): ?> <li><a href="dashboard.php">Dashboard</a></li> <li><a href="logout.php">Logout (<?= htmlspecialchars($_SESSION['username']) ?>)</a></li> <?php else: ?> <li><a href="login.php">Login</a></li> <li><a href="register.php">Register</a></li> <?php endif; ?> </ul> </nav> </header> <main class="container"> .items-list { list-style: none
<h3>Your Items</h3> <?php if (count($items) > 0): ?> <ul class="items-list"> <?php foreach ($items as $item): ?> <li> <strong><?= htmlspecialchars($item['title']) ?></strong> <p><?= nl2br(htmlspecialchars($item['description'])) ?></p> <small>Created: <?= $item['created_at'] ?></small> </li> <?php endforeach; ?> </ul> <?php else: ?> <p>You haven't added any items yet.</p> <?php endif; ?> <?php include 'includes/footer.php'; ?> <?php session_start(); session_destroy(); header("Location: index.php"); exit(); ?> Step 9: Basic CSS ( assets/css/style.css ) Add this minimal styling to make the template presentable: } button { background: #333
// Validation if (empty($username)) $errors['username'] = "Username is required"; if (empty($email)) $errors['email'] = "Email is required"; if (!filter_var($email, FILTER_VALIDATE_EMAIL)) $errors['email'] = "Invalid email format"; if (strlen($password) < 6) $errors['password'] = "Password must be at least 6 characters"; if ($password !== $confirm_password) $errors['confirm_password'] = "Passwords do not match";
.nav-links { list-style: none; display: flex; }