codeup-web-exercises/flex-form.html at main · karla-jara/codeup-web-exercises · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Flex form</title>
    <link rel="stylesheet" href="css/flex-form.css">
</head>
<body>
<!--<div class="cover-container">-->
    <div class="cover">
<!--        <div class="form-container">-->
            <form action="#" class="flex-form">
<!--                <div id="item1">-->
                    <input type="search" class="destination" placeholder="Destination, hotel, airport">
<!--                </div>-->
<!--                <div id="item2">-->
                    <label for="from">From</label>
                    <input type="date" id="from">
<!--                </div>-->
<!--                <div id="item3">-->
                    <label for="to">To</label>
                    <input type="date" id="to">
<!--                </div>-->
<!--                <div id="item4">-->
                    <select name="travelers">
                        <option value="1">1 Traveler</option>
                        <option value="2">2 Travelers</option>
                        <option value="3">3 Travelers</option>
                        <option value="4">4 Travelers</option>
                    </select>
<!--                </div>-->
<!--                <div id="item5">-->
                    <input type="submit" class="btn-primary" value="search">
<!--                </div>-->
            </form>
<!--        </div>-->
<!--    </div>-->
    </div>
<video autoplay muted loop class="puppiness">
    <source src="flex-form/cover/puppiness.webm">
    <source src="flex-form/cover/puppiness.mp4">
    <source src="flex-form/cover/puppiness.ogv">
</video>
</body>
</html>