Italian Marketplace Interface - Copy this Html, Tailwind Component to your project
<html lang="it"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Accedi - Scambio Oggetti</title> <link rel="stylesheet" href="css/style.css"> <!-- Google API Client --> <script src="https://apis.google.com/js/platform.js" async defer></script> <!-- Meta per Google OAuth --> <meta name="google-signin-client_id" content="YOUR_GOOGLE_CLIENT_ID.apps.googleusercontent.com"> <!-- Facebook SDK --> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/it_IT/sdk.js"></script> </head> <body> <header> <nav> <div class="logo">Scambio Oggetti</div> <a href="index.html" class="back-link">Torna alla Home</a> </nav> </header> <main> <div class="auth-container"> <h2>Accedi</h2> <!-- Form login tradizionale --> <form id="loginForm" class="auth-form"> <div class="form-group"> <label for="email">Email</label> <input type="email" id="email" name="email" required> </div> <div class="form-group"> <label for="password">Password</label> <input type="password" id="password" name="password" required> </div> <button type="submit" class="btn btn-primary">Accedi</button> </form> <div class="social-login"> <div class="separator"> <span>oppure</span> </div> <!-- Pulsante Google --> <button id="googleLogin" class="btn btn-social btn-google"> <img src="img/google-icon.svg" alt="Google"> Accedi con Google </button> <!-- Pulsante Facebook --> <button id="facebookLogin" class="btn btn-social btn-facebook"> <img src="img/facebook-icon.svg" alt="Facebook"> Accedi con Facebook </button> </div> <p class="auth-redirect"> Non hai un account? <a href="register.html">Registrati qui</a> </p> </div> </main> <script src="js/auth.js"></script> </body> </html>
