-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpreview.html
More file actions
250 lines (239 loc) · 10.4 KB
/
preview.html
File metadata and controls
250 lines (239 loc) · 10.4 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Preview</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 bg-clr14 pdlr5p">
<div class="fp bg-clr24">
<div class="fp blk abs nav-bg"></div>
<div class="fp blk menu-container">
<div class="head-logo rltv iblk fpv">
<div>
<a href="index.html">
<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>
</div>
</nav>
<section id="home" class="container home fph fpv9 bg-clr25">
<!--<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="fph9 fpv ctr-h rc4 flex-cols-2-1 mt90 bg-clr2 elevate-2-3">
<!--text description col-->
<div class="col-2 fpv8 rltv">
<div class="fph fpv6 clr24 bb rltv">
<div class="ctr-hv fph8">
<h1 class=" mtb20 type bld8 fts36">
Customs Bonded Warehouse
</h1>
<h3 class="mtb20 type al">
<span><i class="fa fa-map-marker"></i></span> Spintex
<span class="ml15"><i class="fa fa-building"></i></span> Homer Properties
</h3>
</div>
</div>
<div class="fph fpv4 pd20 bb">
<table class="fph clr24">
<tr class="h40">
<td>Size</td>
<td class="bld7">2000 sq.m</td>
<td>Available</td>
<td class="bld7">165 sq.m</td>
</tr>
<tr class="h40">
<td>Type of Goods Allowed</td>
<td class="bld7">General Merchandise</td>
</tr>
<tr class="h40">
<td>CCTV</td>
<td class="bld7"><i class="fa fa-check-circle clr22"></i></td>
<td>Guard</td>
<td class="bld7"><i class="fa fa-check-circle clr22"></i></td>
</tr>
<tr class="h40">
<td>TRUSTED PARTNER</td>
<td class="bld7"><i class="fa fa-shield clr22"></i></td>
</tr>
</table>
</div>
<div class="mt10 h80 w90 bg-clr24 iblk left100p-0_plus rltv fl"></div>
<div class="h80 iblk fph8 rc-tr75 rc-br75 bg-clr14 pdtb5 pdr30 ac lh10 mt10">
<div class="w80 h80 bdr mlr5 iblk .active bdr2 bd-clr24 oh rc5">
<img src="css/images/cleanWH.jpg" alt="" class="fp cur-ptr">
</div>
<div class="w70 h70 bdr mlr5 iblk rc3 oh rc5">
<img src="css/images/warehouse-Forklift.jpg" alt="" class="fp cur-ptr">
</div>
<div class="w70 h70 bdr mlr5 iblk oh rc5">
<img src="css/images/warehouse-Forklift.jpg" alt="" class="fp cur-ptr">
</div>
<div class="w70 h70 bdr mlr5 iblk oh rc5">
<img src="css/images/warehouse-Forklift.jpg" alt="" class="fp cur-ptr">
</div>
</div>
</div>
<!--image preview col-->
<div class="col-2 fpv8 rltv" style="margin-right:0 !important; ">
<div class="fp oh">
<img src="css/images/cleanWH.jpg" height="100%" width="100%" alt="" class="fph">
</div>
<!--image overlay card-->
<div class="fph7 rc4 h200 bg-clr2 abs top100p-100 ctr-h flex-cols-2-1 pd30 elevate-2-3">
<div class="fpv">
<h5 class="ac">RENT PRICE</h5>
<h3 class="bld ac"><span class="price fts30">$ 500</span> /sq m</h3>
<div class="ac">
<a href="#"><div class="cur-ptr bdr h30 rc25 pd3 pdlr15 iblk mt10">
<span class="share-icon iblk">
<i class="fa fa-share-alt"></i></span>
<span>Share</span>
</div></a>
<div class="bdr h30 rc25 pd3 pdlr15 iblk mt10">
<span class="bookmark-icon iblk">
<i class="fa fa-heart"></i></span>
<span>Bookmark</span>
</div>
</div>
</div>
<div class="fpv ac">
<h5>AVAILABILITY</h5>
<h3 class="bld"><span class="price fts30">NOW</span></h3>
<div class="h40p rltv">
<button class="pdlr40 pdtb10 rc20 h37 min-w37 bg-clr14 ctr-h btm0 cur-ptr">RENT</button>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="hom" class="container home fp zi5_i rltv bg-clr5">
<div class="fph9 fpv rc4 ctr-h flex-cols-2-1 bg-clr24">
<div class="fpv rlt">
</div>
<div class="fpv rlt"></div>
</div>
</section>
<section class="overlay fxd fp top0 left0 zi50">
<section class="overlay fxd fp op8 bg-clr2 top0 left0 zi50">
</section>
<section class="overlay fxd fp bg-clr-tr top0 left0 zi52">
<button class="close-btn hw40 clr24 abs right10 top10 fts40 lh8 bld2 rc50p pdb10 bg-clr-tr hov-bg-clr-25 bd-clr24 cur-ptr">
×
</button>
<div class="purchase-form ctr-hv w500 ha elevated bg-clr2 zi52 oh elevate-1-3 rc4 oh">
<div class="fp ys">
<div class="form-head fph h50 bg-clr24 rltv pd20">
<button class="hw30 close-btn bg-clr-tr clr2 fts30 lh10 ctr-v right10 op5 hov-op10 abs cur-ptr">×</button>
</div>
<form action="#" class="pd30 pdtb30">
<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>
</div>
</section>
</section>
<footer class="ctr blk fdg-h pdlr50 pdtb20">
<div class="footer-above">
<div class="container m0a">
<div class="row fp ctr">
<div class="footer-col col-3">
<h3>Location</h3>
<p>25 Aluguntugun
<br>East Legon, GH</p>
</div>
<div class="footer-col col-3">
<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-3">
<h3>About Sharehouse, Inc</h3>
</div>
</div>
</div>
</div>
<div class="footer-below clearfix">
<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>