Guardare
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Checkout - LicensesDigital</title>
<style>
body {
font-family: 'Segoe UI', sans-serif;
background-color: #f0f2f5;
padding: 20px;
}
.checkout-container {
max-width: 600px;
margin: auto;
background: #fff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 0 20px rgba(0,0,0,0.05);
}
h2 {
text-align: center;
margin-bottom: 20px;
color: #333;
}
label {
font-weight: bold;
margin-top: 15px;
display: block;
}
input, select {
width: 100%;
padding: 12px;
margin-top: 5px;
border-radius: 6px;
border: 1px solid #ccc;
}
button {
width: 100%;
margin-top: 25px;
padding: 15px;
background-color: #0073e6;
color: #fff;
font-size: 16px;
border: none;
border-radius: 6px;
cursor: pointer;
}
button:hover {
background-color: #005bb5;
}
.terms {
font-size: 12px;
color: #666;
margin-top: 15px;
}
</style>
</head>
<body>

<div class="checkout-container">
<h2>Pagina di Checkout</h2>
<form action="/processa-ordine" method="post">

<label for="nome">Nome completo</label>
<input type="text" id="nome" name="nome" required>

<label for="email">Indirizzo email</label>
<input type="email" id="email" name="email" required>

<label for="telefono">Numero di telefono</label>
<input type="tel" id="telefono" name="telefono" required>

<label for="indirizzo">Indirizzo</label>
<input type="text" id="indirizzo" name="indirizzo" required>

<label for="città">Città</label>
<input type="text" id="città" name="città" required>

<label for="cap">CAP (Codice Postale)</label>
<input type="text" id="cap" name="cap" required>

<label for="paese">Paese</label>
<select id="paese" name="paese" required>
<option value="">Seleziona il Paese</option>
<option value="Italia">Italia</option>
<option value="San Marino">San Marino</option>
<option value="Svizzera">Svizzera</option>
</select>

<label for="pagamento">Metodo di pagamento</label>
<select id="pagamento" name="pagamento" required>
<option value="paypal">PayPal</option>
<option value="carta">Carta di Credito / Debito</option>
<option value="bonifico">Bonifico Bancario</option>
</select>

<div class="terms">
Procedendo con l'acquisto, accetti i nostri <a href="/termini-condizioni" target="_blank">Termini e Condizioni</a>.
</div>

<button type="submit">Conferma Ordine</button>
</form>
</div>

</body>
</html>