1<!DOCTYPE html>
2<html>
3<head>
4<meta name="viewport" content="width=device-width, initial-scale=1">
5<style>
6body {font-family: Arial, Helvetica, sans-serif;}
7* {box-sizing: border-box;}
8
9input[type=text], select, textarea {
10 width: 100%;
11 padding: 12px;
12 border: 1px solid #ccc;
13 border-radius: 4px;
14 box-sizing: border-box;
15 margin-top: 6px;
16 margin-bottom: 16px;
17 resize: vertical;
18}
19
20input[type=submit] {
21 background-color: #4CAF50;
22 color: white;
23 padding: 12px 20px;
24 border: none;
25 border-radius: 4px;
26 cursor: pointer;
27}
28
29input[type=submit]:hover {
30 background-color: #45a049;
31}
32
33.container {
34 border-radius: 5px;
35 background-color: #f2f2f2;
36 padding: 20px;
37}
38</style>
39</head>
40<body>
41
42<h3>Contact Form</h3>
43
44<div class="container">
45 <form action="/action_page.php">
46 <label for="fname">First Name</label>
47 <input type="text" id="fname" name="firstname" placeholder="Your name..">
48
49 <label for="lname">Last Name</label>
50 <input type="text" id="lname" name="lastname" placeholder="Your last name..">
51
52 <label for="country">Country</label>
53 <select id="country" name="country">
54 <option value="australia">Australia</option>
55 <option value="canada">Canada</option>
56 <option value="usa">USA</option>
57 </select>
58
59 <label for="subject">Subject</label>
60 <textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>
61
62 <input type="submit" value="Submit">
63 </form>
64</div>
65
66</body>
67</html>
68