Untitled
unknown
plain_text
5 months ago
3.7 kB
3
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Rezevim ne hotel Korca</title> <style> /* General styling */ body { font-family: Arial, sans-serif; background-color: #f4f4f9; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } h1 { text-align: center; color: #333; font-size: 24px; margin-bottom: 20px; } /* Form container styling */ .form-container { background-color: #ffffff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); width: 100%; max-width: 500px; } label { font-weight: bold; margin-bottom: 5px; display: block; } input[type="text"], input[type="tel"], input[type="date"], select, textarea { width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; } input[type="text"]:focus, input[type="tel"]:focus, input[type="date"]:focus, select:focus, textarea:focus { border-color: #5c9e7f; outline: none; } textarea { height: 100px; resize: vertical; } input[type="submit"] { width: 100%; padding: 15px; background-color: #28a745; border: none; color: white; font-size: 16px; font-weight: bold; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } input[type="submit"]:hover { background-color: #218838; } /* Error handling */ input[required]:invalid { border-color: red; } /* Responsive design */ @media (max-width: 600px) { .form-container { padding: 20px; } h1 { font-size: 20px; } } </style> </head> <body> <div class="form-container"> <h1>Rezevim ne hotel Korca</h1> <form> <label for="emri_mbiemri">Emri dhe mbiemri</label> <input type="text" id="emri_mbiemri" required> <label for="email">Adresa e emailit</label> <input type="text" id="email" required> <label for="numer">Nr i tel</label> <input type="tel" id="numer" required> <label for="data_ardhje">Data e ardhjes</label> <input type="date" id="data_ardhje" required> <label for="data_largimi">Data e largimit</label> <input type="date" id="data_largimi" required> <label for="tipi">Tipi i dhomes</label> <select id="tipi" required> <option value="dhome_teke">Dhome teke</option> <option value="dhome_double">Dhome double</option> <option value="suite">Suite</option> </select> <label for="Kerkesa">Kerkesa te vecanta</label> <textarea id="Kerkesa" required></textarea> <input type="submit" value="Dergo apliko"> </form> </div> </body> </html>
Editor is loading...
Leave a Comment