-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (117 loc) · 6.29 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
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
<!doctype html>
<html lang="en">
<head>
<title>KeyLime - Account</title>
<!-- meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="KeyLime">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Aliasger Rasheed, Cameron Dawson">
<!-- Be Vietnam -->
<link href="https://fonts.googleapis.com/css?family=Be+Vietnam:100,100i,400,400i,600,600i,800,800i&display=swap"
rel="stylesheet">
<!-- css files -->
<link rel="stylesheet" href="css/webfontkit/stylesheet.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/grid.css">
</head>
<body>
<main id="login" class="row">
<section class="new-user">
<div id="intro-copy" class=" row">
<h1 class="logo-text keylime-logotype"> KeyLime </h1>
<p>Keylime is a social media platform made for <em> you</em> in a time where corporations do not respect your privacy and sell your personal information </p>
</div>
<div id="new-user-form" class="row">
<div>
<label for="signup-name">create a new username</label>
<input type="text" id="login-username" class="" placeholder="johndoe99">
</div>
<div>
<label for="display-name">choose a display name</label>
<input type="text" id="login-username" class="" placeholder="John Doe">
</div>
<div>
<label for="new-password">devise a new password</label>
<input type="text" id="login-username" class="" placeholder="password">
</div>
<div>
<label for="confirm-password">confirm password</label>
<input type="text" id="login-username" class="" placeholder="re-enter password">
</div>
</div>
<form id="sub-cont">
<fieldset class="sub-options">
<div class="text-container">
<h2> Subscribe to KeyLime. </h2>
<h4> Recieve full access to KeyLime and never worry about your privacy again.</h4>
</div>
<div class="text-container row">
<!-- <a href="" class="button-link centerer">Join us</a> -->
<input type="radio" id="months-sub" name="group-1" value="months-sub" class=" centerer">
<label for="months-sub" lass="centerer"> 5.99 CAD + tax/month</label>
</div>
</fieldset>
<fieldset class="sub-options">
<div class="text-container">
<h2> Single time payment. </h2>
<h4> Pay a one time fee and renew your account as you see fit.</h4>
</div>
<div class="text-container row">
<input type="radio" id="months-1" name="group-1" value="months-1" class="button-ink centerer">
<label for="months-1" class="centerer"> 5.99 CAD + tax for 1 month</label>
</div>
<div class="text-container row">
<!-- <a href="" class="button-link centerer">Join us</a> -->
<input type="radio" id="months-3" name="group-1" value="months-3" class=" centerer">
<label class="centerer" for="months-3"> 15.99 CAD + tax for 3 month</label>
</div>
<div class="text-container row">
<input type="radio" id="months-6" name="group-1" value="months-6" class=" centerer">
<!-- <a href="#" class="button-link centerer">Join us</a> -->
<label class="centerer" for="months-6"> 29.99 CAD + tax for 6 month</label>
</div>
<div class="text-container row">
<input type="radio" id="year-1" name="group-1" value="year-1" class=" centerer">
<!-- <a href="#" class="button-link centerer">Join us</a> -->
<label class="centerer" for="year-1"> 55.99 CAD + tax for 1 year</label>
</div>
</fieldset>
</form>
<div class="login-buttons">
<button id="login-btn" onclick="location.href='billing.html'">Sign Up</button>
</div>
</section>
<aside id="returning-user" class="">
<h1 class="keylime-logotype">KeyLime</h1>
<h2>Returning User</h2>
<div id="login-cont" class="">
<div>
<!-- <label for="login-username">User Name</label> -->
<input type="text" id="login-username" class="" placeholder="username">
</div>
<div>
<!-- <label for="login-pass"> Password</label> -->
<input type="text" id="login-pass" class="" placeholder="password">
</div>
<div id="two-factor">
<h3>Two-factor Verification</h3>
<input class="green" type="radio" id="app-ver" name="class" value="app-ver" checked>
<label for="app-ver">App Verification</label>
<input class="green" type="radio" id="email-ver" name="class" value="email-ver" checked>
<label for="email-ver">Email Verification</label>
</div>
<div class="login-buttons">
<button id="login-btn" onclick="location.href='homepage.html'">login</button>
<button id="forgot-pass-btn">forgot password</button>
</div>
</div>
<!-- <div id="nav-cont" class="row"> -->
<!-- <a class="active" href="index.html">Home</a> -->
<!-- <a href="account.html">Account</a> -->
<!-- <a href="subscription.html">Subscription</a> -->
</div>
</aside>
</main>
</body>