NETFLIX-FORM/index.html at main · Hasan-Turkel/NETFLIX-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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NETFLIX-SURVEY-FORM</title>
    <link rel="stylesheet" href="style.css">
    <link
    href="https://fonts.googleapis.com/css2?family=Bowlby+One+SC&family=Sorts+Mill+Goudy:ital@1&display=swap"
    rel="stylesheet"
  />
</head>
<body>

    <main>
        <h1>
            NET<span>FLIX</span>
            </h1>
            <p>
            Thank you for signing up to Netflix. <br> Tell me more about yourself.
            </p>
        <section>
            <form action="">
                <label for="name">Name</label> <br>
                <input type="text" id="name" placeholder="Enter your name"> <br>
                <label for="age">Age</label> <br>
                <input type="number" id="age" placeholder="Enter your age"> <br>
                <label for="email">Email</label> <br>
                <input type="email" id="email" placeholder="Enter your email"> <br>
                <label for="content">Content Type</label> <br>
                <select name="" id="content">
                    <option value="movies" selected>Movies</option>
                    <option value="series">Series</option>
                    <option value="tv-shows">Tv-Shows</option>
                </select> <br> <br>
                <label for="">Movie Type</label> <br>

                <input class="select" type="checkbox" name="" id="movie1" >
                <label for="movie1" >Romance</label> <br>
                <input class="select" type="checkbox" name="" id="movie2">
                <label for="movie2">Action</label> <br>
                <input class="select" type="checkbox" name="" id="movie3">
                <label for="movie3">Comedy</label> <br> <br>

                <label for="">Gender</label> <br>
                <input class="select" type="radio" name="" id="male" checked>
                <label for="male">Male</label> <br>
                <input class="select" type="radio" name="" id="female">
                <label for="female">Female</label> <br>
                <input class="select" type="radio" name="" id="other">
                <label for="other">Other</label> <br> <br>

                <label for="feedback">Feedback</label> <br>
                <textarea name="" id="feedback" cols="30"  rows="10" placeholder="Enter your comment"></textarea> <br>
                <div>
                    <button>Submit</button>
                </div>


            </form>
        </section>
    </main>

</body>
</html>