Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Bookings</title>
- <style>
- body{
- background-color: linen;
- font-family: Arial;
- font-size: 12px;
- }
- .logo{
- color: darkgreen;
- font-size: 30px;
- display:inline-block;
- }
- a:link{
- text-decoration: none;
- }
- </style>
- </head>
- <body>
- <p class="logo">Joe's Pizzeria</p>
- <p>
- <a href="">Home</a>
- <a href="">About </a>
- <a href="">News</a>
- <a href="">Menu</a>
- <a href="">Locations</a>
- </p>
- <div>
- <h1>Request a Booking</h1>
- <p>
- Please use the form below to submit a booking request. You
- will then be contacted by a staff member who will confirm
- your booking.
- </p>
- <form>
- <div class="field">
- <label for="name">Name:</label>
- <input type="text" name="name" id="name">
- </div>
- <div class="field">
- <label for="phone">Phone:</label>
- <input type="text" name="phone" id="phone">
- </div>
- <div class="field">
- <label for="email">Email:</label>
- <input type="text" name="email" id="email">
- </div>
- <div class="field">
- <label for="restaurant">Restaurant:</label>
- <select id="restaurant" name="restaurant">
- <option>310 West 38th Street, NY</option>
- <option>2450 Broadway, NY</option>
- <option>200 West 44th Street, NY</option>
- </select>
- </div>
- <div class="field">
- <label for="bookingTime">Booking Time:</label>
- <input type="text" name="bookingTime" id="bookingTime">
- </div>
- <div class="field">
- <label for="guests">Number of Guests:</label>
- <input type="text" name="guests" id=" guests">
- </div>
- <div class="field">
- <label for="marketing">Please tick this box if you would likevto receive special offers from Joe’s Pizza Co.</label>
- <input type="checkbox" name=marketing" id="marketing" value="1">
- </div>
- <div class="field">
- <label for="message">Special Requests:</label>
- <textarea name="message" id="message" cols="50" rows="10">
- </textarea>
- </div>
- <div class="field">
- <button type="submit">Request Booking</button>
- </div>
- </form>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement