Invitation-Form/index.html at master · Tochituru/Invitation-Form · 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
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
<!DOCTYPE html>
<html lang="es-419">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="invitacion-style.css">
    <link href="https://fonts.googleapis.com/css?family=Encode+Sans+Expanded" rel="stylesheet">
    <title>Un mundo sin tacc</title>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">


</head>

<body>
    <h1>¡Un mundo sin tacc!</h1>
    <form action="index.html" method="get">
        <div class="name">
            <div class="name-heading">
                Escribí tu nombre
            </div>
            <div class="name-input">
                <input type="text" name="nombre">
            </div>
        </div>
        <div class="age">
            <div class="age-heading">
                Poné tu edad
            </div>
            <div class="age-input">
                <input type="number" name="edad">
            </div>
        </div>
        <div class="estado-civil">
            <div class="estado-heading">
                ¿Cuál es tu estado civil?
            </div>
            <div class="estado-checkbox">
                <label class="estado-label">
                    <input type="checkbox" name="estado-civil" id="Soltere" value="Soltere" />
                    Soltere
                </label>
                <label class="estado-label">
                    <input type="checkbox" name="estado-civil" id="Casade" value="Casade" />
                    Casade
                </label>
                <label class="estado-label">
                    <input type="checkbox" name="estado-civil" id="Poliamor" value="Poliamor" />
                    Poliamor
                </label>
                <label class="estado-label">
                    <input type="checkbox" name="estado-civil" id="no-contesta" value="no-contesta" />
                    Qué te importa
                </label>
            </div>
        </div>
        <div class="selector">
            <div class="nacionalidad-heading">
                ¿Tu nacionalidad?
            </div class="nacionalidad-select">
            <select name="nacionalidad" id="nacionalidad">
                <option value="Argentina">Argentina</option>
                <option value="Urugaya">Urugaya</option>
                <option value="Brasilera">Brasilera</option>
                <option value="Paraguaya">Paraguaya</option>
                <option value="Chilena">Chilena</option>
            </select>
        </div>
        <div class="boton">
            <button type="submit">¡Part of your world!</button>
        </div>
    </form>
    <script src="invitacion-dom.js"></script>
</body>

</html>