-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
55 lines (50 loc) · 2.43 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
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<script src="src.js" defer></script>
</head>
<body>
<div id="container">
<div id="image-logo-container">
<img src="assets/SecretSociety.png" alt="Secret Society Logo">
</div>
<div id="content-container">
<div id="description-container">
<span class="material-symbols-outlined">
dark_mode
</span>
<div id="description">Enter the realm where shadows govern the light, and knowledge governs all.
Welcome to the vestibule of the hidden order. Here lies the path to the inner sanctum of the
enlightened, a society veiled from the public eye, guiding the pulse of the world through the ages.
Your initiation awaits - enroll in the ancient lineage of the Illuminati.
</div>
</div>
<div id="form-container">
<div id="form-headline">Begin Your Journey into Enlightenment</div>
<form id="registration" method="get">
<div class="form-input-wrapper">
<input id="fist-name" type="text" name="first">
<span class="form-focus-input" data-placeholder="First Name"></span>
</div>
<div class="form-input-wrapper">
<input id="last-name" type="text" name="last">
<span class="form-focus-input" data-placeholder="Last Name"></span>
</div>
</form>
<div id="confirmation-message">Your initiation has begun. Await further instructions.</div>
</div>
<div id="call-to-action-container">
<button id="call-to-action-button" type="submit" form="registration">Commence Initiation</button>
<div id="NSA-Link">
<a href="https://www.nsa.gov/" target="_blank">For more information, see our official website</a>
</div>
</div>
</div>
</body>
</html>