forked from ArtMin96/argon-social
-
Notifications
You must be signed in to change notification settings - Fork 0
/
sign-up.html
160 lines (155 loc) · 8.19 KB
/
sign-up.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
154
155
156
157
158
159
160
<!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, shrink-to-fit=no">
<link rel="icon" type="image/png" href="assets/images/logo-16x16.png" />
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Argon - Social Network</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Major+Mono+Display" rel="stylesheet">
<link href='https://cdn.jsdelivr.net/npm/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<!-- Styles -->
<link href="assets/css/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/components.css" rel="stylesheet">
<link href="assets/css/auth.css" rel="stylesheet">
<link href="assets/css/media.css" rel="stylesheet">
</head>
<body>
<div class="row ht-100v flex-row-reverse no-gutters">
<div class="col-md-6 d-flex justify-content-center align-items-center">
<div class="signup-form">
<div class="auth-logo text-center mb-5">
<div class="row">
<div class="col-md-2">
<img src="assets/images/logo-64x64.png" class="logo-img" alt="Logo">
</div>
<div class="col-md-10">
<p>Argon Social Network</p>
<span>Design System</span>
</div>
</div>
</div>
<form action="" method="" class="pt-5">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" name="" placeholder="First Name">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" name="" placeholder="Last Name">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<input type="text" class="form-control" name="" placeholder="Email Address">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<input type="text" class="form-control" name="" placeholder="Phone Number">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<select name="" id="" class="form-control">
<option value="">- Select Day -</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<select name="" id="" class="form-control">
<option value="">- Select Month -</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<select name="" id="" class="form-control">
<option value="">- Select Year -</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="password" class="form-control" name="" placeholder="Password">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="password" class="form-control" name="" placeholder="Confirm Password">
</div>
</div>
<div class="col-md-12">
<p class="agree-privacy">By clicking the Sign Up button below you agreed to our privacy policy and terms of use of our website.</p>
</div>
<div class="col-md-6">
<span class="go-login">Already a member? <a href="sign-in.html">Sign In</a></span>
</div>
<div class="col-md-6 text-right">
<div class="form-group">
<button type="button" class="btn btn-primary sign-up">Sign Up</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="col-md-6 auth-bg-image d-flex justify-content-center align-items-center">
<div class="auth-left-content mt-5 mb-5 text-center">
<div class="weather-small text-white">
<p class="current-weather"><i class='bx bx-sun'></i> <span>14°</span></p>
<p class="weather-city">Gyumri</p>
</div>
<div class="text-white mt-5 mb-5">
<h2 class="create-account mb-3">Create Account</h2>
<p>Enter your personal details and start journey with us.</p>
</div>
<div class="auth-quick-links">
<a href="#" class="btn btn-outline-primary">Purchase template</a>
</div>
</div>
</div>
</div>
<!-- Core -->
<script src="assets/js/jquery/jquery-3.3.1.min.js"></script>
<script src="assets/js/popper/popper.min.js"></script>
<script src="assets/js/bootstrap/bootstrap.min.js"></script>
<!-- Optional -->
<script src="assets/js/app.js"></script>
</body></html>