-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsignup.html
107 lines (88 loc) · 3.16 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
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sign Up</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/stylesignup.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<div class='top-header'>
<div class='top-header-container'>
<div class='top-left-header'>
<div class='location'>
<i class='fa fa-map-marker'></i>
<span>515 Park Ave.Plainfield, NJ 07060 United States</span>
</div>
<div class='phone'>
<i class='fa fa-phone'></i>
<span>(908) 757-4848</span>
</div>
</div>
<div class='top-right-header'>
<div class='signup-button'>
<a href='signup.html'>Sign Up</a>
</div>
</div>
</div>
</div>
<div class='front-cover'>
<div class='logo-menu-container'>
<div class='logo'>
<img src='images/logo.jpg'>
</div>
<div class='menu'>
<a href='index.html'>Home</a>
<a href='about.html'>About</a>
<a href='menu.html'>Menu</a>
<a href='contact.html'>Contact</a>
</div>
</div>
<div class='signup-wrapper'>
<div class='signup-container'>
<h2>Welcome to Ali Baba - The Waffle House</h2>
<form>
<input type="email" id="email" name="emailaddress" placeholder="EMAIL ADDRESS">
<input type="password" id="pass" name="password" placeholder='PASSWORD'
minlength="8" required>
<input type="password" id="pass" name="password" placeholder='CONFIRM PASSWORD'
minlength="8" required>
<input type="submit" value="Sign in">
</form>
</div>
<h4>OR</h4>
<div class='social-media-login'>
<div class='login-google'>
<a href='#'>
<h3><i class='fa fa-google'></i> Login With Google</h3>
</a>
</div>
</div>
</div>
</div>
<div class='footer'>
<div class='footer-container'>
<a href='#'><img src='images/logo.jpg'></a>
<div class='menu'>
<a href='index.html'>Home</a>
<a href='about.html'>About</a>
<a href='menu.html'>Menu</a>
<a href='contact.html'>Contact</a>
</div>
<div class='social-media-icon'>
<a href='#'><i class='fa fa-facebook'></i></a>
<a href='#'><i class='fa fa-twitter'></i></a>
<a href='#'><i class='fa fa-instagram'></i></a>
</div>
<p>Copyright © Ali Baba The waffle House 2019
</p>
</div>
</div>
</body>
</html>