Webpage Of Hotel Booking (Experience something new every moment) With Images Using HTML Code

Webpage Of Hotel Booking (Experience something new every moment) With Images Using HTML Code

 

            

Hotel Booking

Experience something new every moment

Name			E-mail
Room Type	Please Select      Deluxe Queen Room                 Deluxe Twin Room                 Pool View Queen Room                 Pool View Twin Room                 Suite Queen Room                 Corner Suites Room	Number of Guests
Arrival Date & Time			A.M.      P.M.
Departure Date	Please select a month      January      February      March      April      May      June      July      August      September      October      November      December	Please select a day      1      2      3      4      5      6      7      8      9      10      11      12      13      14      15      16      17      18      19      20      21      22      23      24      25      26      27      28      29      30      31	Please select a year      2020      2021      2022      2023      2024      2025      2026      2027      2028      2029      2030
Free Pickup?	Yes Please! - Pick me up on arrival	No Thanks - I'll make my own way there
Special Requests

HTML CODE:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>hotel-booking-form.web</title>

</head>

<body>

<fieldset>

<center>

<form>

<table>

<tbody>

<img src="https://www.orangewayfarer.com/wp-content/uploads/2020/07/Goa-collab-Trot.World-1-1-e1620627521300-768x512.jpg" height="200px" width="1355px" title="Goa Sea Beach">

<img src="https://ihpl.b-cdn.net/pictures/hotel/hotelgalleryn/sonar-bangla-sheraton-and-towers-hotel-kolkata-511-14.jpg" height="100px" width="100px" title="Swimming Pool">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://www.itchotels.com/content/dam/itchotels/in/umbrella/itc/hotels/itcsonar-kolkata/images/overview-landing-page/meeting-and-weddings-overview/desktop/pala.jpg" height="100px" width="100px" title="Conference Room">

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://cdn.architecturenow.co.nz/site_media/media/cache/d8/ae/d8ae68ee3ae396034df8efe5a1d02ab8.jpg" height="100px" width="100px" title="Bedroom"><br><br>

    <header>

    <h1>Hotel Booking</h1>

    <h7>Experience something new every moment</h7>

    </header><br><br>

    <tr>

    <td><strong><label for="name">Name</label></strong></td>

    <td><input type="text" name="name" placeholder="First Name">

    <td><input type="text" name="name" placeholder="Last Name">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>

    <td><strong><label for="E-mail">E-mail</label></strong></td>

    <td><input type="text" name="E-mail" placeholder="ex: myname@example.com"></td>

    </tr>

    <tr>

    <td><strong><label for="Room Type">Room Type</label></strong></td>

    <td>

    <select name="Room Type">

    <option value="">Please Select</option>

    <option value="Deluxe Queen Room">Deluxe Queen Room</option>

                <option value="Deluxe Twin Room">Deluxe Twin Room</option>

                <option value="Pool View Queen Room">Pool View Queen Room</option>

                <option value="Pool View Twin Room">Pool View Twin Room</option>

                <option value="Suite Queen Room">Suite Queen Room</option>

                <option value="Corner Suites Room">Corner Suites Room</option>

            </select>

    </td>

        <td><strong><label for="Number of Guests">Number of Guests</label></strong></td>

    <td><input type="text" name="Number of Guests" placeholder="e.g.,23"></td>

    </tr>

    <tr>

    <td><strong><label for="Arrival Date & Time">Arrival Date & Time</label></strong></td>

    <td><input type="Arrival Date & Time" name="Arrival Date & Time" placeholder="04-17-2020"></td>

    <td><input type="Arrival Date & Time" name="Arrival Date & Time" placeholder="03:59"></td>

    <td>

    <select name="Arrival Date & Time">

    <option value="A.M.">A.M.</option>

    <option value="P.M.">P.M.</option>

    </select>

    </tr>

    <tr>

    <td><strong><label for="Departure Date">Departure Date</label></strong></td>

    <td>

    <select name="Departure Date">

    <option value="">Please select a month</option>

    <option value="January">January</option>

    <option value="February">February</option>

    <option value="March">March</option>

    <option value="April">April</option>

    <option value="May">May</option>

    <option value="June">June</option>

    <option value="July">July</option>

    <option value="August">August</option>

    <option value="September">September</option>

    <option value="October">October</option>

    <option value="November">November</option>

    <option value="December">December</option>

    </select>

    </td>

    <td>

    <select name="Departure Date">

    <option value="">Please select a day</option>

    <option value="1">1</option>

    <option value="2">2</option>

    <option value="3">3</option>

    <option value="4">4</option>

    <option value="5">5</option>

    <option value="6">6</option>

    <option value="7">7</option>

    <option value="8">8</option>

    <option value="9">9</option>

    <option value="10">10</option>

    <option value="11">11</option>

    <option value="12">12</option>

    <option value="13">13</option>

    <option value="14">14</option>

    <option value="15">15</option>

    <option value="16">16</option>

    <option value="17">17</option>

    <option value="18">18</option>

    <option value="19">19</option>

    <option value="20">20</option>

    <option value="21">21</option>

    <option value="22">22</option>

    <option value="23">23</option>

    <option value="24">24</option>

    <option value="25">25</option>

    <option value="26">26</option>

    <option value="27">27</option>

    <option value="28">28</option>

    <option value="28">29</option>

    <option value="30">30</option>

    <option value="31">31</option>

    </select>

    </td>

    <td>

    <select name="Departure Date">

    <option value="">Please select a year</option>

    <option value="2020">2020</option>

    <option value="2021">2021</option>

    <option value="2022">2022</option>

    <option value="2023">2023</option>

    <option value="2024">2024</option>

    <option value="2025">2025</option>

    <option value="2026">2026</option>

    <option value="2027">2027</option>

    <option value="2028">2028</option>

    <option value="2029">2029</option>

    <option value="2030">2030</option>

    </select>

    </td>

    </tr>

    <tr>

    <td><strong><label for="Free Pickup?">Free Pickup?</label></strong></td>

    <td><input type="radio" name="Free Pickup?" value="Yes Please! - Pick me up on arrival">Yes Please! - Pick me up on arrival</td>

    <td><input type="radio" name="Free Pickup?" value="No Thanks - I'll make my own way there">No Thanks - I'll make my own way there</td>

    </tr>

    <tr>

    <td><strong><label for="Special Requests">Special Requests</label></strong></td>

    <td><textarea name="Special Requests"></textarea></td>

    </tr>

    <tr>

    <td><button type="Submit" name="Submit">Submit</button>

    </tr>

    </form>

    </table>

    </tbody>

    </fieldset>

    </center>

</body>

</html>