Website-Apex-Legends/form.html at main · Munkhtenger19/Website-Apex-Legends · 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Apex Legends - General</title>
	<link rel="stylesheet" href="style.css" />
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
		integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>

<body>
	<div class="container-fluid" >
        <main id="content">
            <div class="row">
                <div class="col-12">
                    <nav id="skip">
                        <h2 class="visually-hidden">Jump to content</h2>
                        <a href="#introduction" class="visually-hidden-focusable">Jump to content</a>
                    </nav>
                </div>
            </div>
            <header>
                <div class="row">
                    <div class="col-12">
                        <h1 class="text-center my-3">Apex Legends </h1>
                        <nav>
                            <ul class="nav" >
                                <li class="nav-item"><a class="nav-link" href="index.html" style="color:yellow">General</a></li>
                                <li class="nav-item"><a class="nav-link" href="legends.html" style="color:yellow">Legends</a></li>
                                <li class="nav-item"><a class="nav-link active" href="form.html" style="color:black">Form</a></li>
                            </ul>
                        </nav>
                        <button id="toggle" type="button" onclick="toggleTheme()">Change Theme</button>
                    </div>
                </div>
                <div class="my-5" id="introduction">
                    <h3 class="formtext">Send your information regarding the game that you have played most recently</h3>
                    <p class="formtext mt-3">Have you ever played any type of game on PC, Console, etc? If yes, please fill the following form!</p>
                </div>
            </header>
                <form action="mailto:munkhtenger.aldar@gmail.com" method="post"
                    enctype="text/plain">
                    <fieldset>
                        <label for="name"><strong>Name of the game that that you have played most recently?</strong></label><br>
                        <input class="mb-4 mt-2" type="text" name="Name of the game" style="width:60%;" id="name"><br>

                        <label for="hours"><strong>How many hours have you played?</strong></label><br>
                        <input class="mb-4 mt-2" type="text" name="Played hours" style="width:60%;" id="hours"><br>

                        <label class="mb-2" for="review"><strong>Your summary review of the game</strong></label><br>
                        <textarea name="Summary review" id="review"
                        placeholder="Please write about the overall experience of the game!"
                        ></textarea>
                    </fieldset>
                    <h4 class="mt-4">Rating</h4>
                    <p>Your rating in a 1 to 5 scale<br></p>

                    <div class="radios">
                        <div>
                            <input class="mt-2" type="radio" name="rating" value="1" id="r1">
                            <label>1 - unplayable</label>
                        </div>

                        <div>
                            <input type="radio" name="rating" value="2" id="r2">
                            <label>2</label>
                        </div>

                        <div>
                            <input type="radio" name="rating" value="3" id="r3">
                            <label>3</label>
                        </div>

                        <div>
                            <input type="radio" name="rating" value="4" id="r4">
                            <label>4</label>
                        </div>
                        <div>
                            <input type="radio" name="rating" value="5" id="r5">
                            <label for="r5">5 - must play</label>
                        </div>
                    </div>

                    <h3 class="mb-4 mt-5">Personal information</h3>
                    <label for="Person_name"><strong>Name</strong></label><br>
                    <input class="mb-4 mt-2" type="text" name="Name of the person who filled this" style="width:60%;" id="Person_name"><br>

                    <label for="email"><strong>E-mail address</strong></label><br>
                    <input class="mb-4 mt-2" type="email" name="Email" required placeholder="example@email.com" style="width:60%;" id="email"><br>

                    <input type="checkbox" name="news" id="news" value="yes">
                    <label class="mb-4 mt-4" for="news">I'd like to get information about the featured games weekly</label>
                     <p></p>
                    <input type="submit" value="Submit">
                    <input type="reset" value="Reset">
                </form>
		</main>
		<footer class="text-center mt-3">
			<div class="row">
				<div class="col-12">
					<address>
						<p class="ftext"><b>Author: Munkhtenger Munkh-Aldar </b>( <a class="ftext" href="mailto:munkhtenger.aldar@gmail.com)">munkhtenger.aldar@gmail.com </a>)<br>
							<b>1091 Budapest, Ulloi ut. 95</b></p>
					</address>
				</div>
			</div>
		</footer>
	</div>
    <script src="script.js"></script>
</body>

</html>