-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
190 lines (161 loc) · 6.42 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
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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/css/bootstrap.css">
<link rel="stylesheet" href="./css/signup.css">
<link rel="stylesheet" href="./css/styles.css">
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<title>GAME-NIGHT RENTALS</title>
</head>
<body>
<div class="jumbotron">
<img src="./images/game-night/GAME NIGHT RENTALS_free-file.png" alt="game night logo">
</div>
<div class="navigation navbar-nav nav-item">
<div class="nav-bar">
<a href="hire.html">HIRE</a>
<a href="about-us.html">ABOUT-US</a>
<a href="blog.html">BLOG-SPORT</a>
</div>
</div>
<!---------SIGNUP/LOGIN---------------->
<div id="slides">
<div class="form">
<ul class="top-area">
<li class="tab active"><a href="#signup">Sign Up</a></li>
<li class="tab"><a href="#login">Log In</a></li>
</ul>
<div class="tab-content">
<div id="signup">
<h1>Sign Up for Game-nightRentals free</h1>
<form action="/" method="post">
<div class="top-row">
<div class="label-field">
<label>
First Name<span class="req">*</span>
</label>
<input type="text" required autocomplete="off" />
</div>
<div class="label-field">
<label>
Last Name<span class="req">*</span>
</label>
<input type="text"required autocomplete="off"/>
</div>
</div>
<div class="label-field">
<label>
Email Address<span class="req">*</span>
</label>
<input type="email"required autocomplete="off"/>
</div>
<div class="label-field">
<label>
Phone Number<span class="req">*</span>
</label>
<input type="number"required autocomplete="off"/>
</div>
<div class="label-field">
<label>
Location Optional<span class="req">*</span>
</label>
<input type="text"required autocomplete="off"/>
</div>
<div class="label-field">
<label>
Set A Password<span class="req">*</span>
</label>
<input type="password"required autocomplete="off"/>
</div>
<button type="submit" class="button button-block"><a href="hire.html">GET STARTED</a></button>
</form>
</div>
<div id="login">
<h1>Welcome Back!</h1>
<form action="/" method="post">
<div class="label-field">
<label>
Email Address<span class="req">*</span>
</label>
<input type="email"required autocomplete="off"/>
</div>
<div class="label-field">
<label>
Password<span class="req">*</span>
</label>
<input type="password"required autocomplete="off"/>
</div>
<p class="forgot"><a href="#">Forgot Password?</a></p>
<button class="button button-block"><a href="hire.html"> Log In </a> </button>
</form>
</div>
</div>
</div>
</div>
<!------------FOOTER------------->
<footer>
<div class="limited">
<h4>Game-Night LTD</h4><br>
<p id="p-limited">
ABC Place Waiyaki Way, <br>
P.O Box 14090 - 00800 <br>
Nairobi, Kenya <br>
property in kenya <br>
Office : (+254 709) 479000 <br>
contact Game-Night, <br>
[email protected] <br>
</p>
</div>
<div class="subscribe">
<h4>DON'T MISS OUT</h4><br>
<p>
Subscribe to our newsletter <br>
and stay updated on the latest <br>
developments and special offers! <br><br>
Enter your email here <br>
</p>
<!-- Begin Mailchimp Signup Form -->
<div id="mc_embed_signup">
<form action="https://gmail.us17.list-manage.com/subscribe/post?u=332412aac45a71cc660298ff5&id=6ebd4e3f64" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address
</label><br>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div><br>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_332412aac45a71cc660298ff5_6ebd4e3f64" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
<div class="company">
<h4>COMPANY</h4><br>
<nav id="foot-nav">
<a href="about-us.html">About us</a>
<a href="hire.html">Services</a>
<a href="terms.html">Privacy Policy</a>
<a href="blog.html">Blogs</a>
</nav>
</div>
<div class="socials">
<h4>FOLLOW US</h4>
<div id="social-media">
<a href="#"><img src="./images/social-media/facebook.png" alt="facebook"></a>
<a href="#"><img src="./images/social-media/pinterest.png" alt="pinterest"></a>
<a href="#"><img src="./images/social-media/you_tube.png" alt="you-tube"></a>
<a href="#"><img src="./images/social-media/twitter.png" alt="twitter"></a>
</div>
</div>
</footer>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="/js/signup.js"></script>
</body>
</html>