-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
278 lines (235 loc) · 14.7 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
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
<!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">
</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="#" 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="main-wrapper">
<section id="section1" class="main-sections">
<div id="sec1-content">
<h1>Your space designed for now and the future.</h1>
<p>We design and create spaces from residential homes to office spaces with a focus on functionality and aesthetic appeal.</p>
<div id="section1-link">
<a href="#">See our work</a>
<a href="#">Book a Designer →</a>
</div>
</div>
<div id="sec1-bg-img" style="background-image: url(images/technology-interior-design.jpg);"></div>
</section>
<section id="section2" class="main-sections">
<h2>Featured Projects</h2>
<p>Here are some of our featured projects selected from our extensive portfolio.</p>
<a href="#">See All Projects →</a>
<a href="#" class="a-block" id="a-block1">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div1">
<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-block2">
<div class="sec2-div-wrapper">
<div class="sec2-div" id="sec2-div2">
<p>November 2019</p>
<h2>Ligali Ayorinde, VI</h2>
<p>In Progress</p>
</div>
<div class="bg-image" style="background-image: url(images/Busara-aerial-view.jpg)">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block3" style="line-height: 1.7em;">
<div class="sec2-div-wrapper" style="justify-content: space-between; height: 789px;">
<div class="sec2-div" id="sec2-div3" style="height: 55%;padding: 1.5em;">
<p>November 2019</p>
<h2 style="line-height: 1.4em;">Seedspace Growthlab, Lekki</h2>
<p style="line-height: 1.4em;">Built by entrepreneurs for entrepreneurs…. We designed a space that aligned with our client’s need for a flexible coworking space having an air of sophistication and accommodating a network of like-minded people. Located in
Circle Mall, Jakande, this 500 square meter coworking space is perfect for working without feeling choked. From the blues to the […]
</p>
</div>
<div class="bg-image" style="background-image: url(images/TCDX3141.jpg); height: 29%;">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block4" style="line-height: 1.7em;">
<div class="sec2-div-wrapper" style="justify-content: space-between; height: 789px;">
<div class="sec2-div" id="sec2-div4" style="height: 55%;padding: 1.5em;">
<p>November 2019</p>
<h2 style="line-height: 1.4em;">Travelstart Flagship Experience Center</h2>
<p style="line-height: 1.4em;">The client wanted the customer facing part of their company to look great with little or no fuss. So we went for a practical, clean and functional aesthetic.
</p>
</div>
<div class="bg-image" style="background-image: url(images/5.jpeg); height: 36%;">
</div>
</div>
</a>
<a href="#" class="a-block" id="a-block5" style="line-height: 1.7em;">
<div class="sec2-div-wrapper" style="justify-content: space-between; height: 789px;">
<div class="sec2-div" id="sec2-div5" style="height: 55%;padding: 1.5em;">
<p>April 2019</p>
<h2 style="line-height: 1.4em;">Travelstart, Ikeja</h2>
<p style="line-height: 1.4em;">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/ps8.jpeg); height: 40%;">
</div>
</div>
</a>
</section>
<section id="section3" class="main-sections">
<h2>Latest from our Blog</h2>
<a href="#">See All Projects →</a>
<div id="sec3-blog-wrapper">
<a href="#" class="sec3-a-block" id="sec3-a-block1">
<div class="sec3-div-wrapper" style="height: 390px; ">
<div class="sec3-bg-image" style="background-image: url(images/photo-cred-unsplash-work-from-home-.jpeg); height: 50%;" aria-hidden="true">
</div>
<div class="sec3-div" id="sec3-div1">
<p>March 24, 2020</p>
<h2>COVID19: Is Your Home Designed For A Global Shutdown?</h2>
<p>Photo cred: Unsplash</p>
</div>
</div>
</a>
<a href="#" class="sec3-a-block" id="sec3-a-block2">
<div class="sec3-div-wrapper">
<div class="sec3-bg-image" style="background-image: url(images/axel-vervoodt-wabi-sabi.jpg)" aria-hidden="true"></div>
<div class="sec3-div" id="sec3-div2">
<p>March 10, 2020</p>
<h2>Wabi-Sabi: The Subtle Art of Design</h2>
<p>Acceptance. Transience. Simplicity. Imperfection. Ingenuity and Natural are some of the words that best describe the Japanese aesthetic principle Wabi-sabi. Wabi-sabi is the ability to perceive beauty in its essence i.e
natural form. Not doctored or repaired but just as it is. The style is natural, lived-in, effortless, and, most importantly, perfectly imperfect. Though wabi-sabi […]
</p>
</div>
</div>
</a>
<a href="#" class="sec3-a-block" id="sec3-a-block3">
<div class="sec3-div-wrapper">
<div class="sec3-bg-image" style="background-image: url(images/biophilic-.jpg)" aria-hidden="true">
</div>
<div class="sec3-div" id="sec3-div3">
<p>January 16, 2020</p>
<h2>5 INTERIOR DESIGN TRENDS FOR 2020</h2>
<p>In 2019 we saw a lot of design trends, according to the IKEA catalog, trends ranging from bold kitchens, rich colors, mismatched chairs, and accent walls. In our interior design 2019 trends, we signified corals and the
comeback it made in the interior design industry, we also talked about warm neutrals- colors with red, orange […]
</p>
</div>
</div>
</a>
<a href="#" class="sec3-a-block" id="sec3-a-block4">
<div class="sec3-div-wrapper">
<div class="sec3-bg-image" style="background-image: url(images/IMG_0015.jpg);"> </div>
<div class="sec3-div" id="sec3-div4">
<p>October 31, 2019</p>
<h2>DECOR NIGERIA HOSTS EMERGING DESIGNERS ROUNDTABLE DISCUSSION</h2>
<p>On October 17th, 2019, Decor Nigeria hosted its first Emerging Designers Roundtable discussion at Miele showroom, Lagos. 12 designers- new and old engaged in a lively, open conversation on design collaborations, paying
it forward in the design industry, creating a vibrant design ecosystem, supporting […]
</p>
</div>
</div>
</a>
</div>
</section>
<section id="section4" class="main-sections">
<h2>Trusted By</h2>
<p>A few clients we have worked with</p>
<div class="testimonials-wrapper">
<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>
<div id="testimonial-content">
<div id="t-reviews-wrapper">
<!-- <div class="t-review " id="lastClone">
<p class="review-content">Excellent work done on our office renovation by Decor Nigeria.
Quality furniture and finishings purchased. Job well executed with attention to
details. </p>
<p class="review-author"> Chidinma Iheanacho </p>
<p class="review-brand">ROAM</p>
</div> -->
<div class="t-review currentSlides start">
<p class="review-content">The space is really nice and is just what we wanted. The team is so far enjoying the arrangement. And It was easy and comfortable working with you. We look forward to working with you on other projects.</p>
<p class="review-author">Julian Ojo </p>
<p class="review-brand">Bellanaija</p>
</div>
<div class="t-review">
<p class="review-content">Excellent work done on our office renovation by Decor Nigeria. Quality furniture and finishings purchased. Job well executed with attention to details. </p>
<p class="review-author"> Chidinma Iheanacho </p>
<p class="review-brand">ROAM</p>
</div>
<div class="t-review me" id="firstClone">
<p class="review-content">The space is really nice and is just what we wanted. The team is so far enjoying the arrangement. And It was easy and comfortable working with you. We look forward to working with you on other projects.</p>
<p class="review-author">Julian Ojo </p>
<p class="review-brand">Bellanaija</p>
</div>
</div>
<ul id="navDots">
<li class="navDot currentNav prev"></li>
<li class="navDot next"></li>
</ul>
</div>
</div>
</section>
</div>
</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>
<script src="project1.js"></script>
</body>
</html>