-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
86 lines (72 loc) · 2.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
<link rel="stylesheet" href="https://fonts.google.com/specimen/Spartan">
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
<link rel="stylesheet" href="style.css">
<title>Frontend Mentor | Room homepage</title>
<!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
<style>
.attribution { font-size: 11px; text-align: center; }
.attribution a { color: hsl(228, 45%, 44%); }
</style>
</head>
<body>
<div class="container">
<div class="grid">
<div class="slide">
<div class="items slide1 flex1">
<nav>
<div class="burger" onclick="change()">
<div class="btn"></div>
<div class="btn"></div>
<div class="btn"></div>
</div>
<p class="room">room</p>
<ul>
<li>home</li>
<li>shop</li>
<li>about</li>
<li>contact</li>
</ul>
</nav>
</div>
<div class="items flex2">
</div>
<div class="buttons">
<img src="images/icon-angle-left.svg" alt="previous" class="prev">
<img src="images/icon-angle-right.svg" alt="next" class="next">
</div>
</div>
<div class="constant">
<div class="items">
<img src="images/image-about-dark.jpg" alt="gallery" class="static">
</div>
<div class="items">
<div class="item">
<h5 class='about'>
About our furniture
</h5>
<p>
Our multifunctional collection blends design and function to suit your individual taste.
Make each room unique, or pick a cohesive theme that best express your interests and what
inspires you. Find the furniture pieces you need, from traditional to contemporary styles
or anything in between. Product specialists are available to help you create your dream space.
</p>
</div>
</div>
<div class="items">
<img src="images/image-about-light.jpg" alt="gallery" class="static">
</div>
</div>
</div>
</div>
<div class="attribution">
Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
Coded by <a href="https://twitter.com/praise_oyeniyi">praise_oyeniyi</a>.
</div>
<script src="script.js"></script>
</body>
</html>