-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex-form-chess.html
397 lines (376 loc) · 17.7 KB
/
index-form-chess.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
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
<!DOCTYPE html>
<html lang="en" class="fp">
<head>
<meta charset="UTF-8">
<title>Sharehouse</title>
<link rel="stylesheet" href="css/bumblebee/root.min.css">
<link rel="stylesheet" href="css/bumblebee/main.min.css">
<link rel="stylesheet" href="css/bumblebee/menu.min.css">
<link rel="stylesheet" href="css/bumblebee/form.min.css">
<link rel="stylesheet" href="css/bumblebee/TabbedViewDockManager.min.css">
<link rel="stylesheet" href="css/fonts/font-awesome.min.css">
<link rel="stylesheet" href="css/fonts/themify-icons/themify-icons.min.css">
<link rel="stylesheet" href="css/sh/sharehouse.min.css">
</head>
<body class="fp">
<div class="blk fp global-host ys">
<nav class="menubar abs fph blk">
<div class="fp blk abs nav-bg"></div>
<div class="fp blk menu-container">
<div class="head-logo rltv iblk fpv">
<div>
<a href="#">
<img src="css/images/SharehouseLogo.png" alt="sharehouse logo" class="">
</a>
</div>
<div></div>
</div>
<div class="menu h-menu rltv iblk fpv ">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About</a></li><!-- team info shd be here -->
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</nav>
<section id="home" class="container home fp">
<div class="fp blk abs bg-img"></div>
<div class="fp blk abs sh-bg bgs-cov bg-nr">
<!--<img src="css/images/SharehouseLogo.png" class="fph" alt="">-->
</div>
<div class="fp blk abs overlay"></div>
<!--<div class="fp fl rltv">-->
<div class="fpv col-2">
<div class="fpv5 fph maa p25 home-text pd30">
<h3>Sharehouse</h3>
<p class="bdr fph6 m0a uc pd5 bld7 ltsp3 slogan">Storage space for anyone</p>
</div>
</div>
<div class="fpv col-2">
<div id="forms-parent" class="landing-form no-input-spacing container rc elevated mt80 fph6 rltv">
<div class="fp" id="opform">
<div class="l-form-head pd30 pdb10 pdt0 bb">
<h3>Own a warehouse ?</h3>
<h4>Register with us</h4>
</div>
<form action="#" class="operator pd30 pdtb20">
<div class="fields-row">
<div class="field-wrap">
<input type="text" id="op-firstname" placeholder="first Name" title="" name="">
</div>
<div class="field-wrap">
<input type="text" id="op-lastname" placeholder="last Name" title="" name="">
</div>
</div>
<div class="fields-row">
<input type="text" id="op-email" placeholder="Email" title="" name="">
<input type="password" id="op-password" placeholder="Password" title="" name="">
<input type="text" id="op-phone" placeholder="Phone" title="" name="">
</div>
<div class="fields-row">
<button class="pdlr40 pdtb10 rc20 mtb25">SUBMIT</button>
</div>
</form>
<div class="pdlr30">
<h4 class="">Or <a href="#">sign up with your depositor account.</a></h4>
</div>
</div>
<div class="fp" id="depoform">
<div class="l-form-head pd30 pdb10 pdt0 bb">
<h3>Want to Rent Storage Space ?</h3>
<h4>Start here!</h4>
</div>
<form action="#" class="depositor pd30 pdtb20">
<div class="fields-row">
<div class="field-wrap">
<input type="text" id="depo-firstname" placeholder="first Name" title="" name="">
</div>
<div class="field-wrap">
<input type="text" id="depo-lastname" placeholder="last Name" title="" name="">
</div>
</div>
<div class="fields-row">
<input type="text" id="depo-email" placeholder="Email" title="" name="">
<input type="password" id="depo-password" placeholder="Password" title="" name="">
<input type="text" id="depo-phone" placeholder="Phone" title="" name="">
</div>
<div class="fields-row">
<button class="pdlr40 pdtb10 rc20 mtb25">SUBMIT</button>
</div>
</form>
<div class="pdlr30">
<h4 class="">Or <a href="#">sign up with your operator account.</a></h4>
</div>
</div>
<div class="fph pd10 pdt0">
<p class="fts11 pd30 pdb15 pdt0">
By proceeding, I agree that Sharehouse and/or its representatives may contact me by email, phone, or SMS (including
by automatic telephone dialing system) at the email address or number I provide, including for marketing purposes. I
have read and understand the relevant Driver <a href="#">Privacy Statement</a>.
</p>
</div>
</div>
</div>
<div class="soc-media p5 abs">
<div class="platform fph fpv5 fb bb">
<a href="#" class="fp blk"></a>
</div>
<div class="platform fph fpv5">
<a href="#" class="fp blk"></a>
</div>
</div>
<div class="about-d-chevron pd4 abs">
</div>
</section>
<section id="services" class="container fp">
<div class="fp srv-con txt">
<div class="fp srv-con-inr">
<div class="fph fpv9">
<div class="fpv col-3 pdl30 txt-img-con">
<div class="fph fpv3 ppwk">
<!--<img src="css/images/pw.png" alt="no paper work" width="200">-->
</div>
<div class="fph fpv7">
<h2>Easy leasing process</h2>
<p>Land a storage lease with a few clicks.
With our quick on-boarding process, jump right in and use your new space as you wish.
Payment is completely seamless.
</p>
<button class="pdlr40 pdtb10 rc20 mtb25 blue-btn">Read More
<i class="fa hide fa-long-arrow-right tz-icon-color"></i>
</button>
</div>
</div>
<div class="fpv col-3 pdl30 txt-img-con">
<div class="fph fpv3 aoaw"></div>
<div class="fph fpv7">
<h2>Anyone, Anywhere</h2>
<p>
Sharehouse storage spaces services are designed <ftwoabw> with you in mind. Whether proximity and/or price make up your requirements, count on sharehouse for a service tailored to your requests— no wahala.
</p>
<button class="pdlr40 pdtb10 rc20 mtb25 blue-btn">Read More
<i class="fa hide fa-long-arrow-right tz-icon-color"></i>
</button>
</div>
</div>
<div class="fpv col-3 pdl30 txt-img-con">
<div class="fph fpv3 cotogo"></div>
<div class="fph fpv7">
<h2>Low-cost to luxury
</h2>
<p>
Whatever the size of your pocket, sharehouse got you covered with space to let as small as 250 sq.ft.
For special occasions, no occasion at all, or when you just a need a bit more room, you can still call on sharehouse to get you what you want.
</p>
<button class="pdlr40 pdtb10 rc20 mtb25 blue-btn">Read More
<i class="fa hide fa-long-arrow-right tz-icon-color"></i>
</button>
</div>
</div>
</div>
<div class="fph fpv1"></div>
</div>
</div>
</section>
<section id="about" class="container fp">
<div class="fpv col-2 txt pd30 pdt50">
<h2 class="fph bb pd25 pdtb10 ctr cl-pri2-1">About Us</h2>
<p class="m10 fts20 pd10 pdtb5 mlr0 rc4 rctl0 rcbl0 bl3">Sharehouse is cloud based marketplace that enables short as well as
long-term rent or lease of storage spaces of varying sizes on demand</p>
<p class="m10 fts20 pdtb5 pd10 mlr0 rc4 rctl0 rcbl0 bl3">At sharehouse, connecting people who need warehousing space to
organisations that own warehouses and have extra space is our daily routine</p>
<p class="m10 fts20 pdtb5 pd10 mlr0 rc4 rctl0 rcbl0 bl3">Our platform transforms how supply chain is done by creating
warehouse networks that scale as and when necessary</p>
</div>
<div class="fpv col-2 pdt50 txt">
<h2 class="fph bb pd25 pdtb10 ctr cl-pri2-1">The Team</h2>
<div class="fp pd30 pdtb15 txt">
<div class="col-3 fpv pd5 pdb10 team-mate oh">
<!--<div class="fp abs fph2 blk op2">
<div class="fp bgs-cov bg-nr bgp-center" style="background-image: url('css/images/co-founders/pp.jpeg');">
<!–<img src="css/images/co-founders/pp.jpeg" class="fpv" alt="Img 1">–>
</div>
</div>-->
<div class="fp rltv abs">
<div class="fph fpv3 img-con m0a">
<img src="css/images/co-founders/SADIQ-DCIM.jpg" alt="Img 1" width="170">
</div>
<div class="fph det-con">
<div class="ctr mtb20 mb10 pdb10 bb">
<h4>Sadiq Okocha</h4>
<p>C.E.O</p>
</div>
<div class="fts14">
<p class="">This is where we write some cool stuff about ourselves, including past positions related to current position and contribution to past start ups</p>
</div>
</div>
</div>
</div>
<div class="col-3 fpv pd5 pdb10 team-mate">
<div class="fp">
<div class="fph fpv3 img-con m0a">
<img src="css/images/co-founders/pp.jpeg" alt="Img 1" width="170">
</div>
<div class="fph det-con">
<div class="ctr mtb20 mb10 pdb10 bb">
<h4>Kobina G. Koomson</h4>
<p>C.T.O</p>
</div>
<div class="fts14">
<p class=""> George is a result and detail oriented software developer with diverse skills and experience in building enterprise software.
</p>
<p> Before Sharehouse, he was the front-end lead and creative director for the BARGE Studios, Inc.</p>
<p>He believes in "less talk and more action"</p>
</div>
</div>
</div>
</div>
<div class="col-3 fpv pd5 pdb10 team-mate">
<div class="fp">
<div class="fph fpv3 img-con m0a">
<img src="css/images/co-founders/CHESS-DSC02394.jpg" alt="Img 1" width="170">
</div>
<div class="fph det-con">
<div class="ctr mtb20 mb10 pdb10 bb">
<h4>Flavian K. Chessesio</h4>
<p>C.P.O</p>
</div>
<div class="fts14">
<p class=""> col 3</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="container fp contact pdt50">
<div class="fp txt">
<div class="landing-form container mt20 fpv9 fph8 rltv">
<div class="l-form-head pd30 pdtb10 bb">
<h1 class="ctr fts40 cl-pri2-1">Talk To Us</h1>
</div>
<form action="#" class="operator pd30 pdtb20">
<div class="fields-row">
<div class="field-wrap">
<input type="text" placeholder="first Name" title="" name="">
</div>
<div class="field-wrap">
<input type="text" placeholder="last Name" title="" name="">
</div>
</div>
<div class="fields-row">
<input type="text" placeholder="Email" title="" name="">
</div>
<div class="fields-row">
<textarea name="" id="" cols="30" rows="10" class="long" placeholder="Message"></textarea>
</div>
<div class="fields-row ctr">
<button class="pdlr40 pdtb10 rc20 mtb25">SEND</button>
</div>
</form>
</div>
</div>
</section>
<footer class="ctr blk fdg-h">
<div class="footer-above pdlr50 pdt20">
<div class="container m0a">
<div class="row fp ctr">
<div class="footer-col col-4">
<span class="ti-location-pin blk icon-large tz-icon-color mb10"></span>
<h3 class=""> Location</h3>
<p>25 Aluguntugun
<br>East Legon, GH</p>
</div>
<div class="footer-col col-4">
<span class="ti-mobile blk icon-large tz-icon-color mb10"></span>
<h3>Call Us Today!</h3>
<p>(M) +233 (0) 243 456 7890</p>
<p>(M) +233 (0) 263 456 7890</p>
<!--<h3>Around the Web</h3>
<div class="menu h-menu m0a ctr atw blk">
<ul class="list-inline fp">
<li class="list-inline-item">
<a class="btn-social btn-outline" href="#">
<i class="fa fa-fw fa-facebook"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-social btn-outline" href="#">
<i class="fa fa-fw fa-google-plus"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-social btn-outline" href="#">
<i class="fa fa-fw fa-twitter"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-social btn-outline" href="#">
<i class="fa fa-fw fa-linkedin"></i>
</a>
</li>
</ul>
</div>-->
</div>
<div class="footer-col col-4">
<span class="ti-email blk icon-large tz-icon-color mb10"></span>
<h3>Email</h3>
<p>abc@xyz.com</p>
<p>abc@xyz.com</p>
</div>
<div class="footer-col col-4">
<span class="ti-time blk icon-large tz-icon-color mb10"></span>
<h3>Working hours</h3>
<p>Mon to Fri - 9 AM to 5 PM</p>
<p>Sat to Sun - No</p>
</div>
</div>
</div>
</div>
<div class="fph h80 pd25 xud clearfix">
<div class="container fph">
<div class="fph7 fl pdlr10">
<h1 class="alt-font bld6 fts16 iblk tz-text pdb5 mr10 xs-width-100">Subscribe to our newsletter</h1>
<div class="fpv fph6 iblk subscribe">
<form action="javascript:void(0)" method="post" class="rltv fp">
<input class="medium-input tt-n fph m0 pd10" data-email="required" placeholder="Your email address" id="email" name="email" type="text">
<a class="default-submit title-small text-bitter-sweet" href="#">
<i class="fa fa-long-arrow-right tz-icon-color"></i>
</a>
</form>
</div>
</div>
<div class="fph3 pdt10 iblk icon-extra-small ctr social pdt5">
<a class="m4p" href="#"><i class="text-white fa fa-facebook tz-icon-color"></i></a>
<a class="m4p" href="#"><i class="text-white fa fa-twitter tz-icon-color"></i></a>
<a class="m4p" href="#"><i class="text-white fa fa-google-plus tz-icon-color"></i></a>
<a class="m4p" href="#"><i class="text-white fa fa-pinterest tz-icon-color"></i></a>
<a class="m4p" href="#"><i class="text-white fa fa-linkedin tz-icon-color"></i></a>
</div>
</div>
</div>
<div class="footer-below pdlr50 pdb20">
<div class="container">
<div class="row">
<div class="col-lg-12">
Copyright © Sharehouse, Inc. 2017
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="js/core/Barge.Utils.js"></script>
<script src="js/core/Barge.Array.js"></script>
<script src="js/core/Barge.Object.js"></script>
<script src="js/core/Barge.String.js"></script>
<script src="js/ui/Barge.DomCore.js"></script>
<script src="js/ui/Barge.Events.js"></script>
<!--<script src="js/ui/dragSorter.js"></script>-->
<script src="js/ui/Barge.Dom.TabbedView.js"></script>
<script src="js/sharehouse.js"></script>
</body>
</html>