forked from alexSFfeng/DatingWeb
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhomepage.html
153 lines (118 loc) · 5.09 KB
/
homepage.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
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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/homepage.css">
<script src="js/homepage.js"></script>
<title>Dating Bot</title>
</head>
<body>
<!-- navigation bar for moving through pages and signing up and logging on -->
<div>
<nav id="menuBar" class="navigation">
<ul>
<li><a class="active" href="#home">HOME</a></li>
<li><a href="#service">SERVICE DESCRIPTION</a></li>
<li><a href="#personalityTest">TAKE A TEST</a></li>
<li id="rightRegistration">
<div class="LScontainer">
<button type="button" class="LSbuttons" onclick="displayModal()"> LOGIN</button>
<button type="button" class="LSbuttons" onclick="location.href='#signupPrompt'"> SIGN UP</button>
</div>
</li>
</ul>
</nav>
</div>
<div class="parallax" id="parallax1"></div>
<!-- Site Icon + Slogan -->
<div id="home" class="homeIcon bigDiv">
<div class="sectionContainer">
<div id="iconDiv">
<img id="sitePic" src="images/portalDating.jpg" alt="site symbol of love"/>
<p id="slogan"> ...We... <br />....only find.... <br /> ...REAL love...
<br /> -------- <br /> Agents at your service. <br /> --------?????
<br /> ❤️❤️❤️❤️</p>
</div>
</div>
</div>
<div class="parallax" id="parallax2"></div>
<!-- Service Description -->
<div id="service" class="bigDiv">
<div class="sectionContainer">
<div class="divWrapper">
<h1 class="descriptionService">Our service 🤖:</h1>
<br />
<dl class="ads">
<dt>Streamline Workflow</dt>
<dd>------- well-tailored timeline to get your most wanted romantice love story</dd>
<dt>Multithreading Process</dt>
<dd>------- optimized efficiency and multitasking capabilities for maximizing your chances</dd>
<dt>Holistic Calculations</dt>
<dd>------- thoroughly calculated love advising based on your target's personality and preferences</dd>
</dl>
</div>
</div>
</div>
<div class="parallax" id="parallax3"></div>
<!-- personality test -->
<div id="personalityTest" class="bigDiv">
<div class="sectionContainer">
<div class="divWrapper">
<h1 class="descriptionService">To Get Started . . .</h1>
<br />
<p class="instructions"> Take this personality test to see who you resemble 🤔🤔 <br />
*REMEMBER YOUR RESULTS!</p>
<br />
<a href="https://www.16personalities.com/free-personality-test" target="_blank"><img id="testPreview" src="images/test.png" alt="16personalities"/></a>
<br /> <hr /> <br />
<!-- Result sign up form -->
<p id="signupPrompt" class="instructions"> Enter your information ℹ️: </p>
<br />
<form id="signupForm">
<label id="formTitle">-------- TEST SUBJECT INFO --------</label>
<br /><br /><br />
<label>NAME: </label> <input type="text" placeholder="Full Name" id="username" required>
<label>EMAIL: </label> <input type="email" placeholder="Email" id="userEmail" required>
<br /><br /><br />
<label>Password: </label> <input type="password" placeholder="Password" id="password" required>
<label>Re-enter Passord: </label> <input type="password" placeholder="Re-enter password" id="confirmPassword" required>
<br /><br /><br />
<label>Personality Result: </label> <input type="text" placeholder="Result (Example: I.S.T.J)" id="trait" required>
<label>Character Type: </label> <input type="text" placeholder="Type (Example: Logistician)" id="characterType" required>
<br /><br /><br />
<label>By submitting this form, you are agreeing to our privacy policies.</label>
<br /><br /><br />
<input class="submitBttn" id="signupBttn" type="button" value="SIGN UP"
onclick="redirect('subject')">
</form>
</div>
</div>
</div>
<div class="parallax" id="parallax4"></div>
<!-- Login page pop up -->
<div class="popupLogin" id="modal">
<div class="loginContent">
<span class="closeIcon" onclick="closeModal()">×</span>
<br /><br />
<p class="instructions">Employee 🤖 / User 👨💼👩💼:</p>
<br />
<form id="loginForm">
<br /><br />
<label>Change Login Option: </label>
<select class="loginOptions" id = "logOptions">
<option>Agent</option>
<option>User</option>
</select>
<br /><br /><br />
<label>Email / Employee ID: </label> <input type="text" placeholder="Email/Employee ID" id="emailID" required>
<label>Password: </label> <input type="text" placeholder="Password" id="pass" required>
<br /><br /><br />
<label><a href="#">Forgot Password ?</a></label>
<br /><br /><br />
<input class="submitBttn" id="loginBttn" type="button" value="LOGIN" onclick="loginUser(this)">
</form>
</div>
</div>
</body>
</html>