-
Notifications
You must be signed in to change notification settings - Fork 50
/
signup.html
143 lines (114 loc) · 5.88 KB
/
signup.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign in</title>
<!--Favicon-->
<link rel="icon" href="/img/icon.ico" type="image/x-icon">
<!--font-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;900&family=Ubuntu:ital@0;1&display=swap"
rel="stylesheet">
<!--fontawesome -->
<script src="https://kit.fontawesome.com/cc5e355fff.js" crossorigin="anonymous"></script>
<!--bootstraps-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/login.css">
</head>
<body>
<!-- Nav Bar -->
<nav class="navbar navbar-expand-lg navbar-dark ">
<a class="navbar-brand" href="#">
<img class="logo"
src="https://res.cloudinary.com/teepublic/image/private/s--5gDuq8HR--/c_fit,g_north_west,h_920,w_920/co_ffffff,e_outline:41/co_ffffff,e_outline:inner_fill:1/co_bbbbbb,e_outline:3:1000/c_mpad,g_center,h_1260,w_1260/b_rgb:eeeeee/c_limit,f_jpg,h_630,q_90,w_630/v1595514708/production/designs/12447578_0.jpg"
alt="Avatar">
</a>
<a class="navbar-brand" href="">Coffee Bean</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" id="col" href="#contact">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" id="col" href="login.html">Login</a>
</li>
<li class="nav-item">
<a class="nav-link" id="col" href="#pricing">Order</a>
</li>
<li class="nav-item">
<a class="nav-link" id="col" href="#testimonials">Gallery</a>
</li>
</ul>
</div>
</nav>
<div class="login-container">
<section id="sign">
<div class="container pt-4 my-5">
<br>
<p style="font-size:30px;" class="text-center" id="subHead1"><b>Create Your Account</b></p>
<hr>
<div class="form-container">
<form id="MedicalForm" action="/sign up" method="post">
<div class="form-group row">
<label for="email" class="col-sm-2 col-form-label">Email Id</label>
<div class="col-sm-10 position-relative">
<input type="email" name="email" class="form-control" id="email" placeholder="Email">
</div>
</div>
<div class="form-group row">
<label for="username" class="col-sm-2 col-form-label">Username</label>
<div class="col-sm-10 position-relative">
<input type="text" name="username" class="form-control" id="username" placeholder="Username">
</div>
</div>
<div class="form-group row">
<label for="Password" class="col-sm-2 col-form-label">Password</label>
<div class="col-sm-10">
<input type="password" name="password" class="form-control" id="password" placeholder="Password">
</div>
</div>
<a href="index.html" class="Done-button">
<button type="submit" class="btn text-light btn-large btn-block" style="background-color: #CA965C;"
id="add-record-btn">Done</button>
</a>
<p>Have an existing account? <a class="link-page" href="login.html">login</a> here</p>
</form>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<div class="d-flex justify-content-between some">
<!-- <div class="some"> -->
<div>
<a class="navbar-brand" href="#">
<img class="logo"
src="https://res.cloudinary.com/teepublic/image/private/s--5gDuq8HR--/c_fit,g_north_west,h_920,w_920/co_ffffff,e_outline:41/co_ffffff,e_outline:inner_fill:1/co_bbbbbb,e_outline:3:1000/c_mpad,g_center,h_1260,w_1260/b_rgb:eeeeee/c_limit,f_jpg,h_630,q_90,w_630/v1595514708/production/designs/12447578_0.jpg"
alt="Avatar">
Coffee Bean
</a>
</div>
<div class="social-media-icons">
<a href="https://www.facebook.com/" target="blank"><i class="social-icon fab fa-facebook fa-2x"></i></a>
<a href="https://www.instagram.com/" target="blank"><i class="social-icon fab fa-instagram fa-2x"></i></a>
<a href="https://twitter.com/" target="blank"><i class="social-icon fab fa-twitter fa-2x"></i></a>
<a href="#"><i class="social-icon fas fa-envelope fa-2x"></i></a>
</div>
</div>
<div class="copyright text-center">©2023 Coffee Bean | All Rights Reserved</div>
</footer>
</body>
</html>