EduProjects/techstore
1
0
Fork 0
mirror of https://codeberg.org/ThisIsMiseryy/techstore synced 2026-05-14 14:52:04 +00:00
Code Issues Packages Projects Releases 3 Wiki Activity

Aggiunta pagina form login

Browse Source
This commit is contained in:
Andrea Fiorencis
2026-04-01 10:22:28 +02:00
parent 7676002439
commit aadf344e63
3 changed files with 70 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.php
+2 -2
View File
@@ -22,8 +22,8 @@ if ($result === false) {
<header style="display: flex; justify-content: space-between; align-items: center; padding: 10px; background-color: #f2f2f2; border-bottom: 1px solid #ddd;"> <header style="display: flex; justify-content: space-between; align-items: center; padding: 10px; background-color: #f2f2f2; border-bottom: 1px solid #ddd;">
<div id="logo" style="font-size: 24px; font-weight: bold;">TechStore</div> <div id="logo" style="font-size: 24px; font-weight: bold;">TechStore</div>
<div> <div>
<button style="margin-left: 10px; padding: 8px 16px; background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer;">Carrello</button> <a href=""><button style="margin-left: 10px; padding: 8px 16px; background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer;">Carrello</button></a>
<button style="margin-left: 10px; padding: 8px 16px; background-color: #28a745; color: white; border: none; border-radius: 4px; cursor: pointer;">Accesso</button> <a href="login.php"><button style="margin-left: 10px; padding: 8px 16px; background-color: #28a745; color: white; border: none; border-radius: 4px; cursor: pointer;">Accesso</button></a>
</div> </div>
</header> </header>
login.php
+19
View File
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login - TechStore</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<form action="" method="POST">
<h2>Login</h2>
<label for="username">Nome utente:</label>
<input type="text" id="username" name="username" required><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br><br>
<button type="submit">Login</button>
</form>
</body>
</html>
style.css
+49
View File
@@ -35,4 +35,53 @@
} }
.product-card button:hover { .product-card button:hover {
background-color: #0056b3; background-color: #0056b3;
}
/* Stili per il form di login */
form {
max-width: 400px;
margin: 50px auto;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
background-color: #f9f9f9;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
form h2 {
text-align: center;
margin-bottom: 20px;
color: #333;
}
form label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #555;
}
form input[type="text"],
form input[type="password"] {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
form button {
width: 100%;
padding: 10px;
background-color: #28a745;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
form button:hover {
background-color: #218838;
} }