-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (82 loc) · 4.03 KB
/
index.html
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
<title>flight|form</title>
<link href='favicon.png' rel='shortcut icon' type='img/png' />
<link href='style.css' rel='stylesheet'>
<link href="https://fonts.googleapis.com/css2?family=Prompt:ital,wght@1,500&family=Space+Mono&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<section id='overlay'>
<img src='Aeroflot-Logo.png' id='logo'>
<h1>Reserve your flight with Aeroflot</h1>
<form action='/example.html' method='POST'>
<section class='airport'>
<img src='Aeroflot.svg' id='plane'>
<p>Choose your airport</p>
<label for='from'>From</label>
<input name='from' id='from' type='text' list='citiesfrom'>
<datalist id='citiesfrom'>
<option value='Moscow'></option>
<option value='Bucharest'></option>
<option value='London'></option>
<option value='Paris'></option>
<option value='Rome'></option>
<option value='Vienna'></option>
<option value='Mars'></option>
<option value='Jupiter'></option>
<option value='Venus'></option>
</datalist>
<label for='to'>To</label>
<input name='to' id='to' type='text' list='citiesto'>
<datalist id='citiesto'>
<option value='Moscow'></option>
<option value='Bucharest'></option>
<option value='London'></option>
<option value='Paris'></option>
<option value='Barcelona'></option>
<option value='Rome'></option>
<option value='Vienna'></option>
<option value='Mars'></option>
<option value='Jupiter'></option>
<option value='Venus'></option>
</datalist>
</section>
<section class='passenger'>
<h2>Passenger Information</h2>
<p>Please provide your passport details</p>
<label for='name'>Passenger's name</label>
<input name='name' id='name' type='text' autocomplete='off' required>
<label for='passport'>Passport number</label>
<input name='passport' id='passport' type='text' required>
</section>
<section class='passport-type'>
<p>Type of passport</p>
<input type='radio' id='int' name='passport-type' value='int'>
<label for='int'>International</label>
<input type='radio' id='domestic' name='passport-type' value='domestic'>
<label for='domestic'>Domestic</label>
<input type='radio' id='diplomatic' name='passport-type' value='diplomatic'>
<label for='diplomatic'>Diplomatic</label>
</section>
<section class='citizenship'>
<label for='citizen'>Citizenship</label>
<select name='citizen' id='citizen'>
<option value='russian'>Russian</option>
<option value='romanian'>Romanian</option>
<option value='earth'>Earth</option>
<option value='universe'>Universe</option>
<option value='other'>Other</option>
</select>
</section>
<section class='submission'>
<label for='submission'>I confirm provided information</label>
<input type='checkbox' name='submission' id='confirm' name='confirm' required>
<label for='Confirm'>Yes</label>
</section>
<section class='button'>
<input type='submit' value='send'>
</section>
</form>
</body>