sharehouse/home.html at master · archx3/sharehouse · GitHub

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
<!DOCTYPE html>
<html lang="en" class="fp">
<head>
   <meta charset="UTF-8">
   <title>Sharehouse</title>

   <link rel="stylesheet" href="css/bumblebee/root.css">
   <link rel="stylesheet" href="css/bumblebee/main.css">

   <link rel="stylesheet" href="css/bumblebee/menu.css">
   <link rel="stylesheet" href="css/bumblebee/form.css">
   <link rel="stylesheet" href="css/bumblebee/TabbedViewDockManager.css">
   <link rel="stylesheet" href="css/fonts/font-awesome.css">

   <link rel="stylesheet" href="css/sh/bumble-bee.min.css">
   <link rel="stylesheet" href="css/sh/sharehouse.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>
               <div class="dv-notify-success" style="color: green">Thank you for registering with us</div>
<div class="dv-notify-failed" style="color: red">There was an error adding you. Please retry.</div>
               <form action="#" class="operator pd30 pdtb20 dv-add-oneto:leads:operator">
                  <div class="fields-row">
                     <div class="field-wrap">
                        <input type="text" id="depo-firstname" placeholder="first Name" title="" name="first_name">
                     </div>
                     <div class="field-wrap">
                        <input type="text" id="depo-lastname" placeholder="last Name" title="" name="last_name">
                     </div>
                  </div>
                  <div class="fields-row">
                     <input type="text" id="depo-email" placeholder="Email" title="" name="email">
                     <input type="password" id="depo-password" placeholder="Password" title="" name="password">
                     <input type="text" id="depo-phone" placeholder="Phone" title="" name="phone_number">

                  </div>
                  <div class="fields-row">
                     <button class="pdlr40 pdtb10 rc20 mtb25" type="submit">SUBMIT</button>
                  </div>
               </form>

               <div class="pdlr30">
                  <h4 class="">Or <a href="#">sign up with your operator 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>
               <div class="dv-notify-success" style="color: green">Thank you for registering with us</div>
<div class="dv-notify-failed" style="color: red">There was an error adding you. Please retry.</div>
               <form action="#" class="depositor pd30 pdtb20 dv-add-oneto:leads:depositor">
                  <div class="fields-row">
                     <div class="field-wrap">
                        <input type="text" id="depo-firstname" placeholder="first Name" title="" name="first_name">
                     </div>
                     <div class="field-wrap">
                        <input type="text" id="depo-lastname" placeholder="last Name" title="" name="last_name">
                     </div>
                  </div>
                  <div class="fields-row">
                     <input type="text" id="depo-email" placeholder="Email" title="" name="email">
                     <input type="password" id="depo-password" placeholder="Password" title="" name="password">
                     <input type="text" id="depo-phone" placeholder="Phone" title="" name="phone_number">

                  </div>
                  <div class="fields-row">
                     <button class="pdlr40 pdtb10 rc20 mtb25" type="submit">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">Image</div>
                  <div class="fph fpv7">
                     <h2>Easiest leasing process</h2>
                     <p>One tap and a car comes directly to you. Hop in—your driver knows exactly where to go. And when you get there,
                        just step out. Payment is completely seamless.
                     </p>
                  </div>
               </div>
               <div class="fpv col-3 pdl30 txt-img-con">
                  <div class="fph fpv3">Image</div>
                  <div class="fph fpv7">
                     <h2>Anywhere, anytime</h2>
                     <p>
                        Daily commute. Errand across town. Early morning flight. Late night drinks. Wherever you’re headed, count on
                        Uber for a ride—no reservations required.
                     </p>
                  </div>
               </div>
               <div class="fpv col-3 pdl30 txt-img-con">
                  <div class="fph fpv3">Image</div>
                  <div class="fph fpv7">
                     <h2>Low-cost to luxury
                     </h2>
                     <p>
                        Economy cars at everyday prices are always available. For special occasions, no occasion at all, or when you
                        just a need a bit more room, call a black car or SUV.
                     </p>
                  </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">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">The Team</h2>
         <div class="fp pd30 pdtb15 txt">
            <div class="col-3 fpv pd5 pdb10 team-mate">
               <div class="fp">
                  <div class="fph img-con">
                     <img src="" alt="Img 1">
                  </div>
                  <div class="fph details-con">
                     <h4>Sadiq Okocha</h4>
                     <p> col 1</p>
                     <p>C.E.O</p>
                  </div>
               </div>
            </div>
            <div class="col-3 fpv pd5 pdb10 team-mate">
               <div class="fph img-con">
                  <img src="" alt="Img 2">
               </div>
               <div class="fph">
                  <h4>Kobina G. Koomson</h4>
                  <p> col 1</p>
                  <p>C.T.O</p>
               </div>
            </div>
            <div class="col-3 fpv pd5 pdb10 team-mate">
               <div class="fph img-con">
                  <img src="" alt="Img 3">
               </div>
               <div class="fph">
                  <h4>Flavian K. Chessesio</h4>
                  <p> col 1</p>
                  <p>C.P.O</p>
               </div>
            </div>
         </div>

      </div>

   </section>-->
   <!--<section id="contact" class="container fp">
      <div class="fp txt">
         <div class="landing-form container mt80 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>

<script src="http://sharehouse-rc1.herokuapp.com/js/devless-sdk.js" class="devless-connection" devless-con-token="9b99b11895722438a725427ef1b57e2b"  ></script>
</body>
</html>