-
Notifications
You must be signed in to change notification settings - Fork 0
/
work.html
302 lines (259 loc) · 13.6 KB
/
work.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PROJECT 1</title>
<link rel="stylesheet" href="project1.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<script src="project1.js" defer></script>
</head>
<body>
<header>
<div id="nav-logo-tab-wrapper">
<div id="nav-logo-wrapper">
<div id="logo">
<a href="index.html"><img src="images/project 1 logo.png" alt="logo" class="logo"></a>
</div>
<div id="nav-tab" class=" ">
<div id="nav-tab-slide"></div>
</div>
</div>
<div id="nav-link-item">
<a href="index.html" class="nav-link-items">HOME</a>
<a href="work.html" class="nav-link-items">PORTFOLIO</a>
<a href="blog.html" class="nav-link-items">OUR BLOG</a>
<a href="contact.html" class="nav-link-items">CONTACT US</a>
<a href="#" class="nav-link-items">+234 806 420 3109 </a>
</div>
</div>
</header>
<main>
<div id="work-wrapper">
<div id="section1" class="work-sections work">
<div id="sec1work-div-wrapper">
<h1>We design spaces that affords comfort</h1>
<p>At Decor Nigeria, we create a wide range of stylish interiors from high-end residential homes to
boutique hotels to large corporate developments.
</p>
</div>
</div>
</div>
<section id="section2" class="work-scetions">
<a href="#" class="a-block" id="a-block1">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div1">
<p>november 2019</p>
<h2>Ligali Ayorinde, VI</h2>
<p>In progress</p>
</div>
<div class="bg-image" style="background-image: url(images/Descasio-aerial-1.jpg)"
aria-hidden="true">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block1">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div2">
<p>June 2020</p>
<h2>Descasio, Lagos Island</h2>
<p>Designed for a technology company that has been in the cloud solutions business for over 10years, the office spans across a 330square meter area in a uniquely shaped building on Lagos Island. The uniqueness of the building structure presented us with an opportunity to create a modern interior that respected the building’s existing shape. The […]
</p>
</div>
<div class="bg-image" style="background-image: url(images/Descasio-aerial-1.jpg)"
aria-hidden="true">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block1">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div3">
<p>january 2019</p>
<h2>Hub One by FCMB</h2>
<p>We designed Hub One with the users in mind. We have designed a space that cuts across all industry borders and not just for techies. The goal is that anyone and everyone from all walks of life that comes into Hub One (be it a banker or electrician) can immediately connect and feel comfortable with Hub One.
</p>
</div>
<div class="bg-image" style="background-image: url(images/Descasio-aerial-1.jpg)"
aria-hidden="true">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block1">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div4">
<p>December 2019</p>
<h2>Boyle Street, Onikan</h2>
<p>In progress</p>
</div>
<div class="bg-image" style="background-image: url(images/Descasio-aerial-1.jpg)"
aria-hidden="true">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block1">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div5">
<p>April 2019</p>
<h2>Travelstart, Ikeja</h2>
<p>For a travel company, the space requirements are quite peculiar and our client wanted us adapt the space to their needs – simple, bright, modern, mature, professional, sophisticated, neat, functional minimalism but still comfortable, welcoming and “warm”. Start Date: January 28, 2019 Total Square Meter: 320sqm Space: Commercial End Date: April, 2019
</p>
</div>
<div class="bg-image" style="background-image: url(images/Descasio-aerial-1.jpg)"
aria-hidden="true">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block1">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div6">
<p>December 2019</p>
<h2>Boyle Street, Onikan</h2>
<p>In progress</p>
</div>
<div class="bg-image" style="background-image: url(images/Descasio-aerial-1.jpg)"
aria-hidden="true">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block1">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div7">
<p>March 2018</p>
<h2>Residential Design, Lekki</h2>
<p>We took a different approach in putting this bachelor pad together. Tastefully creating clusters with just the right amount of furniture pieces to spark one’s interesting and appreciate the beauty of these choices.
</p>
</div>
<div class="bg-image" style="background-image: url(images/Descasio-aerial-1.jpg)"
aria-hidden="true">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block1">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div8">
<p>December 2018</p>
<h2>Experience Center, VI</h2>
<p>We took a different approach in putting this bachelor pad together. Tastefully creating clusters with just the right amount of furniture pieces to spark one’s interesting and appreciate the beauty of these choices.
</p>
</div>
<div class="bg-image" style="background-image: url(images/Descasio-aerial-1.jpg)"
aria-hidden="true">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block1">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div9">
<p>April 2018</p>
<h2>April 2018</h2>
<p>With the need of their people in mind, the client reached out to us to create a modern-day office that was vibrant and fresh and could accommodate their new growth without altering the architecture of the building.
</p>
</div>
<div class="bg-image" style="background-image: url(images/Descasio-aerial-1.jpg)"
aria-hidden="true">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block1">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div10">
<p>November 2018</p>
<h2>Private Residence, Lekki</h2>
<p>In progress</p>
</div>
<div class="bg-image" style="background-image: url(images/Descasio-aerial-1.jpg)"
aria-hidden="true">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block1">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div11">
<p>March 2018</p>
<h2>Office Design Yaba</h2>
<p>In progress</p>
</div>
<div class="bg-image" style="background-image: url(images/Descasio-aerial-1.jpg)"
aria-hidden="true">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block1">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div12">
<p>April 2018</p>
<h2>Office Design, Victoria Island (3D)</h2>
<p>Coming from Silicon Valley where well put together offices was the order of the day, this particular client knew he had to match that standard without any compromise.
</p>
</div>
<div class="bg-image" style="background-image: url(images/Descasio-aerial-1.jpg)"
aria-hidden="true">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block1">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div13">
<p>July 2018</p>
<h2>Residential Design, Surulere</h2>
<p>Everyone wants to arrive at their holiday home and be pleased they made a right choice. The client wanted to turn his home into a vacation home for people living in the diaspora and he wanted these people to feel at home once they step into his duplex. We were happy to create a space that reflected the lifestyle of the client.
</p>
</div>
<div class="bg-image" style="background-image: url(images/Descasio-aerial-1.jpg)"
aria-hidden="true">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block1">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div14">
<p>August 2018</p>
<h2>Industrial & Rustic Office Design, Marina</h2>
<p>Once in a while, we advice people to shake things up a bit and infuse one or two design elements into their existing space. One of the perks of doing this is that it adds freshness to an otherwise stale look and feel. That was the case for this industrial chic office in Marina
</p>
</div>
<div class="bg-image" style="background-image: url(images/Descasio-aerial-1.jpg)"
aria-hidden="true">
</div>
</div>
</a>
</section>
<section id="section4" class="main-sections">
<h2>Trusted By</h2>
<p>A few clients we have worked with</p>
<div id="grid-container">
<img src="images/fcmb-logo.png" alt="FCMB - First City Monument Bank Limited Logo">
<img src="images/ROAM-ringier-logo.png" alt="Ringier One Africa Media - ROAM Logo">
<img src="images/budgit-logo.png" alt="Budgit Logo">
<img src="images/BellaNaija-logo.png" alt="Bella Naija Logo">
<img src="images/sureremit-logo.png" alt="SureRemit Logo">
<img src="images/glorby.png" alt="Glorby Logo">
</div>
</section>
</main>
<footer>
<div id="logo">
<a href="index.html"><img src="images/project 1 logo.png" alt="logo" class="logo"></a>
</div>
<p>If you'd like to get in touch with us, please drop us a line at <span> [email protected]</span> or call us on
<span id="footer-span"> +234 806 420 3109</span></p>
<div id="sm-icons">
<img src="" alt="">
<img src="" alt="">
<img src="" alt="">
<img src="" alt="">
<img src="" alt="">
</div>
<div id="footer-links">
<a href="#" class="footer-link">HOME</a>
<a href="#" class="footer-link">PORTFOLIO</a>
<a href="#" class="footer-link">OUR BLOG</a>
<a href="#" class="footer-link">CONTACT US</a>
<a href="#" class="footer-link">+234 806 420 3109</a>
</div>
<P>©2020 Decor.ng.</P>
<P>Remade in Lagos with <img src="images/2764.svg" alt="love" style="height: 15px; width: 15px;"> by Yemi.</P>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.3.4/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.3.4/ScrollTrigger.min.js"></script>
</body>