[text] frvr

Viewer

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Villa Vacanza - Prenota Ora!</title>
  8.     <style>
  9.         /* Stili CSS per la pagina */
  10.         body {
  11.             font-family: Arial, sans-serif;
  12.             margin: 0;
  13.             padding: 0;
  14.             background-color: #f2f2f2;
  15.         }
  16.  
  17.         .container {
  18.             max-width: 800px;
  19.             margin: 0 auto;
  20.             padding: 20px;
  21.             background-color: #fff;
  22.             border-radius: 10px;
  23.             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  24.         }
  25.  
  26.         h1,
  27.         h2 {
  28.             text-align: center;
  29.         }
  30.  
  31.         p {
  32.             text-align: justify;
  33.         }
  34.  
  35.         .button {
  36.             display: inline-block;
  37.             padding: 10px 20px;
  38.             background-color: #007bff;
  39.             color: #fff;
  40.             text-decoration: none;
  41.             border-radius: 5px;
  42.             transition: background-color 0.3s ease;
  43.         }
  44.  
  45.         .button:hover {
  46.             background-color: #0056b3;
  47.         }
  48.  
  49.         .form-group {
  50.             margin-bottom: 20px;
  51.         }
  52.  
  53.         .form-group label {
  54.             display: block;
  55.             margin-bottom: 5px;
  56.         }
  57.  
  58.         .form-group input {
  59.             width: 100%;
  60.             padding: 10px;
  61.             border-radius: 5px;
  62.             border: 1px solid #ccc;
  63.         }
  64.     </style>
  65. </head>
  66.  
  67. <body>
  68.     <div class="container">
  69.         <h1>Benvenuti alla Villa Vacanza</h1>
  70.         <p>Una destinazione perfetta per la vostra prossima vacanza. La nostra villa offre comfort, privacy e una vista mozzafiato. Prenota ora e inizia a creare ricordi indimenticabili!</p>
  71.         <div>
  72.             <a href="#book-now" class="button">Prenota Ora</a>
  73.         </div>
  74.     </div>
  75.  
  76.     <div class="container" id="book-now">
  77.         <h2>Prenota la tua Vacanza</h2>
  78.         <form action="process.php" method="POST">
  79.             <div class="form-group">
  80.                 <label for="name">Nome:</label>
  81.                 <input type="text" id="name" name="name" required>
  82.             </div>
  83.             <div class="form-group">
  84.                 <label for="email">Email:</label>
  85.                 <input type="email" id="email" name="email" required>
  86.             </div>
  87.             <div class="form-group">
  88.                 <label for="check-in">Data di Arrivo:</label>
  89.                 <input type="date" id="check-in" name="check-in" required>
  90.             </div>
  91.             <div class="form-group">
  92.                 <label for="check-out">Data di Partenza:</label>
  93.                 <input type="date" id="check-out" name="check-out" required>
  94.             </div>
  95.             <div class="form-group">
  96.                 <button type="submit" class="button">Prenota Ora</button>
  97.             </div>
  98.         </form>
  99.     </div>
  100. </body>
  101.  
  102. </html>
  103.  
  104.  

Editor

You can edit this paste and save as new:


File Description
  • frvr
  • Paste Code
  • 19 Apr-2024
  • 2.91 Kb
You can Share it: