-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
169 lines (165 loc) · 7.21 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./css/global-colors.css" />
<link rel="stylesheet" href="./css/index.css" />
<link
href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;900&display=swap"
rel="stylesheet"
preload
/>
<title>오늘의 집</title>
</head>
<body>
<nav class="layout-navigation">
<div class="navigation">
<div class="side-bar-toggle">
<svg
class="icon"
width="24"
height="24"
viewBox="0 0 24 24"
preserveAspectRatio="xMidYMid meet"
>
<path
fill="#35c5f0"
d="M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z"
></path>
</svg>
</div>
<div class="logo">
<svg
class="icon"
width="74"
height="30"
viewBox="0 0 74 30"
preserveAspectRatio="xMidYMid meet"
>
<g fill="none" fill-rule="evenodd">
<path
fill="#000"
d="M14.2 25.17H9.28V20.7a1.45 1.45 0 0 0-2.9 0v4.47H1.44a1.45 1.45 0 1 0 0 2.9H14.2a1.45 1.45 0 0 0 0-2.9M4.5 9.15c0-4.6 2.08-5.28 3.33-5.28 1.24 0 3.33.69 3.33 5.28v.36c0 4.6-2.09 5.28-3.33 5.28-1.25 0-3.34-.69-3.34-5.28v-.36zm3.33 8.54c3.84 0 6.23-3.13 6.23-8.18v-.36c0-5.05-2.39-8.18-6.23-8.18-3.85 0-6.24 3.13-6.24 8.18v.36c0 5.05 2.39 8.19 6.24 8.19zm25.54-7.34H17.81a1.45 1.45 0 0 0 0 2.9h15.56a1.45 1.45 0 1 0 0-2.9m-1.55 15.5c-7.08 1.83-9.45.79-10.14.25-.45-.35-.65-.8-.65-1.48v-.87h10.25c.8 0 1.46-.65 1.46-1.45v-5.08c0-.8-.66-1.45-1.46-1.45h-11.7a1.45 1.45 0 1 0 0 2.9h10.25v2.18H19.57c-.8 0-1.45.65-1.45 1.45v2.32a4.6 4.6 0 0 0 1.78 3.78c1.2.93 2.94 1.39 5.21 1.39 2.05 0 4.54-.38 7.44-1.13a1.45 1.45 0 1 0-.73-2.82M20.3 7.83h10.8a1.45 1.45 0 1 0 0-2.9h-9.35V1.45a1.45 1.45 0 1 0-2.9 0v4.93c0 .8.65 1.45 1.45 1.45"
></path>
<rect width="3" height="15" x="70" fill="#000" rx="1.5"></rect>
<path
fill="#000"
d="M64.5 13.28a1.45 1.45 0 0 0 2.73-1c-.05-.13-1-2.68-3.38-4.5l3.7-4.1a1.45 1.45 0 0 0-1.09-2.42h-9.05a1.45 1.45 0 1 0 0 2.9h5.8l-6.88 7.64a1.45 1.45 0 1 0 2.16 1.95l3.41-3.8a8 8 0 0 1 2.6 3.33M69.56 26.52h-7.01a.82.82 0 0 1-.82-.82v-1.95h8.65v1.95c0 .45-.37.82-.82.82m2.27-9.37c-.8 0-1.45.65-1.45 1.45v2.25h-8.65V18.6a1.45 1.45 0 1 0-2.9 0v7.1a3.73 3.73 0 0 0 3.72 3.72h7.01a3.73 3.73 0 0 0 3.72-3.72v-7.1c0-.8-.65-1.45-1.45-1.45M42.46 3.87c2.22 0 2.33 4.24 2.33 5.08 0 .85-.11 5.09-2.33 5.09-2.21 0-2.32-4.24-2.32-5.08 0-.86.11-5.09 2.32-5.09m0 13.07c1.76 0 3.23-.93 4.14-2.62.71-1.34 1.1-3.2 1.1-5.36s-.39-4.02-1.1-5.37A4.6 4.6 0 0 0 42.46.97c-1.76 0-3.22.93-4.13 2.62-.72 1.35-1.1 3.2-1.1 5.37s.38 4.01 1.1 5.36a4.59 4.59 0 0 0 4.13 2.62"
></path>
<path
fill="#000"
d="M51.4.49c-.8 0-1.45.65-1.45 1.45v17.78c-1.93.6-5.75 1.13-10.38 1.13h-2.2a1.45 1.45 0 0 0 0 2.9h2.2c2.64 0 7.21-.23 10.38-1.02v4.84a1.45 1.45 0 0 0 2.9 0V1.94c0-.8-.65-1.45-1.45-1.45"
></path>
</g>
</svg>
</div>
<div class="cart">
<svg
class="icon"
width="24"
height="24"
viewBox="0 0 24 24"
stroke="transparent"
fill="none"
stroke-linejoin="round"
stroke-width="2"
preserveAspectRatio="xMidYMid meet"
>
<path
stroke-linecap="round"
d="M4 5h18l-2.6 10.5a2 2 0 0 1-2 1.5H8.6a2 2 0 0 1-2-1.5L4 5zm4 15.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 1 1-3 0zm7 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 1 1-3 0z"
></path>
<path d="M1 2h3v3"></path>
</svg>
</div>
</div>
</nav>
<div class="secondary-nav">
<ul class="nav-container">
<li class="nav-item active"><a href="#">스토어홈</a></li>
<li class="nav-item"><a href="#">베스트</a></li>
<li class="nav-item"><a href="#">오늘의딜</a></li>
<li class="nav-item new"><a href="#">방한템특가</a></li>
<li class="nav-item new"><a href="#">블프세일</a></li>
<li class="nav-item"><a href="#">지정일배송</a></li>
<li class="nav-item"><a href="#">프리미엄</a></li>
<li class="nav-item"><a href="#">기획전</a></li>
</ul>
</div>
<section class="banner-container">
<img
src="https://image.ohou.se/i/bucketplace-v2-development/uploads/store/banners/store_home_banners/163730493914401758.jpg?gif=1&w=2560&q=100"
alt="겨울 필수 방한템 특가!"
/>
<div class="indicators">
<button></button>
</div>
</section>
<section class="today-house-container">
<div class="today-house-header">
<h1 class="title">오늘의 스토리</h1>
<!-- postList.html 집들이 페이지로 이동시키는 부분 -->
<a class="more" href="/postList.html">더보기</a>
</div>
<div class="today-house-item-wrapper">
<div class="today-house-item">
<img
class="today-house-item-image"
src="./images/house1.jpg"
alt="오늘의 집들이 사진"
/>
<h2>여행에서 영감받아 완성! 디자이너의 따뜻한 모던 하우스</h2>
</div>
<div class="today-house-item">
<img
class="today-house-item-image"
src="./images/house2.jpg"
alt="오늘의 집들이 사진"
/>
<h2>24년 구축 아파트, 도화지 같은 집으로 리모델링하기</h2>
</div>
<div class="today-house-item">
<img
class="today-house-item-image"
src="./images/house3.jpg"
alt="오늘의 집들이 사진"
/>
<h2>첫 독립이니까, 엔틱&프렌치 감성으로 채운 1.5룸</h2>
</div>
<div class="today-house-item">
<img
class="today-house-item-image"
src="./images/house4.jpg"
alt="오늘의 집들이 사진"
/>
<h2>화사한 화이트톤 아파트에, 설레는 그린 트리?</h2>
</div>
<div class="today-house-item">
<img
class="today-house-item-image"
src="./images/house5.jpg"
alt="오늘의 집들이 사진"
/>
<h2>소품 수집 만렙의 알록달록한, 취향과 감성의 공간</h2>
</div>
<div class="today-house-item">
<img
class="today-house-item-image"
src="./images/house6.jpg"
alt="오늘의 집들이 사진"
/>
<h2>스타일링으로 따뜻한 신혼집이 된 오래된 아파트</h2>
</div>
</div>
<div class="side-bar">
<a href="/index.html">HOME</a>
<a href="/postList.html">집들이</a>
<a href="/write.html">글작성</a>
</div>
<div class="back-drop"></div>
</section>
<script src="./src/index.js" type="module"></script>
</body>
</html>