[go: up one dir, main page]

0% found this document useful (0 votes)
1 views2 pages

HTML Project Memo

Uploaded by

tashlynpaulin2
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
1 views2 pages

HTML Project Memo

Uploaded by

tashlynpaulin2
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

```html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Minhas Travel Agency</title>
<style>
body {
background-color: yellow;
color: red;
font-family: Arial, sans-serif;
}
h1 {
text-align: center;
font-size: 2em;
}
h2 {
color: blue;
font-size: 1.5em;
}
h4 {
color: blue;
font-size: 1.2em;
}
hr {
color: blue;
height: 10px;
width: 50%;
border: none;
background-color: blue;
}
.form-container {
width: 50%;
margin: 0 auto;
padding: 20px;
}
.form-group {
margin-bottom: 15px;
}
label {
display: block;
margin-bottom: 5px;
}
input[type="text"], select, textarea {
width: 100%;
padding: 8px;
margin-bottom: 10px;
}
.checkbox-group, .radio-group {
display: flex;
gap: 10px;
}
.btn-group {
display: flex;
gap: 10px;
}
</style>
</head>
<body>
<h1>MINHAS TRAVEL AGENCY</h1>
<hr>
<div class="form-container">
<h2>Customer Information Form</h2>
<p>Please provide the following information so we can help you with your
travel needs</p>
<form>
<div class="form-group">
<label for="name">Your Name:</label>
<input type="text" id="name" name="name">
</div>
<div class="form-group">
<label for="address">Address:</label>
<input type="text" id="address" name="address">
</div>
<div class="form-group">
<label for="mobile">Mobile:</label>
<input type="text" id="mobile" name="mobile">
</div>
<div class="form-group">
<label for="comment">Comment:</label>
<textarea id="comment" name="comment" rows="4"></textarea>
</div>
<div class="form-group checkbox-group">
<label>Service:</label>
<input type="checkbox" name="service" value="flight"> Flight
<input type="checkbox" name="service" value="hotel"> Hotel
<input type="checkbox" name="service" value="car"> Car
</div>
<div class="form-group radio-group">
<label>Returning customer:</label>
<input type="radio" name="returning" value="yes"> Yes
<input type="radio" name="returning" value="no"> No
<input type="radio" name="returning" value="maybe"> Maybe
</div>
<div class="form-group">
<label for="continent">Continent:</label>
<select id="continent" name="continent">
<option value="australia">Australia</option>
<option value="europe">Europe</option>
<option value="north-america">North America</option>
</select>
</div>
<div class="btn-group">
<button type="submit">SUBMIT</button>
<button type="reset">RESET</button>
</div>
</form>
</div>
</body>
</html>
```

You might also like