-
Notifications
You must be signed in to change notification settings - Fork 0
/
layout_practice_1.html
300 lines (280 loc) · 9.37 KB
/
layout_practice_1.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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>practice1</title>
<style>
body {
background-color: black;
color: white;
}
</style>
</head>
<body>
<header>
<h1>
<a href="https://lottecastle.co.kr/"><img src="https://www.lottecastle.co.kr/common/images/logo.png" alt="logo"></a>
</h1>
<nav>
<ul>
<li>브랜드
<ul>
<li>브랜드 아이덴티티</li>
<li>디자인 아이덴티티</li>
<li>브랜디드 컨텐츠</li>
</ul>
</li>
<li>단지정보
<ul>
<li>분양단지</li>
<li>공사단지</li>
<li>입주단지</li>
</ul>
</li>
<li>고객서비스
<ul>
<li>공지사항</li>
<li>캐슬뉴스</li>
<li>계약자 방문예약</li>
<li>청약가이드</li>
<li>입주가이드</li>
<li>고객문의</li>
<li>당첨조회</li>
</ul>
</li>
</ul>
</nav>
</header>
<section>
<h2>PRESTIGE OF LIFE</h2>
<p>
롯데캐슬은 당신의 주거문화에 품격이 더해지길 원합니다.<br/>
다양한 모습으로 저마다의 의미가 담긴 품격을 만나보는 첫번째 시간, 시간의 품격으로 충만한 양태오 디자이너의 공간에서 그를 마주했습니다.
</p>
</section>
<section>
<div>
<h2>오산 롯데캐슬 스카이파크</h2>
<div>
<p>분양예정</p>
</div>
<p>하늘처럼 높은 캐슬의 자부심</p>
<hr/>
<table>
<tr>
<th>분양시기</th>
<td>2020년 11월 예정</td>
</tr>
<tr>
<th>위치</th>
<td>경기도 오산시 원동 712-1번지 일원</td>
</tr>
<tr>
<th>세대수</th>
<td>2,339세대</td>
</tr>
<tr>
<th>분양문의</th>
<td>1811.7890</td>
</tr>
</table>
<ul>
<li>홈페이지</li>
<li>관심단지등록</li>
</ul>
</div>
<div>
<h2>영통 롯데캐슬 엘클래스</h2>
<div>
<p>분양중</p>
</div>
<p>영통의 새로운 기준</p>
<hr/>
<table>
<tr>
<th>분양시기</th>
<td>2020년 10월 16일</td>
</tr>
<tr>
<th>위치</th>
<td>1블럭 : 경기도 수원시 영통구 망포동 770-46번지 일원 / 2블럭 : 경기도 수원시 영통구 망포동 775-24번지 일원</td>
</tr>
<tr>
<th>세대수</th>
<td>1,251세대</td>
</tr>
<tr>
<th>분양문의</th>
<td>1811.6868</td>
</tr>
</table>
<ul>
<li>홈페이지</li>
<li>관심단지등록</li>
</ul>
</div>
<div>
<h2>대곡역 롯데캐슬 엘클라씨</h2>
<div>
<p>분양중</p>
<p>공사중</p>
</div>
<p>고양의 프리미엄을 리드하라!</p>
<hr/>
<table>
<tr>
<th>분양시기</th>
<td>2020년 10월 16일</td>
</tr>
<tr>
<th>위치</th>
<td>경기도 고양시 덕양구 토당동 251-12 일원</td>
</tr>
<tr>
<th>세대수</th>
<td>834세대</td>
</tr>
<tr>
<th>분양문의</th>
<td>1811.8999</td>
</tr>
</table>
<ul>
<li>홈페이지</li>
<li>관심단지등록</li>
</ul>
</div>
<div>
<h2>신동탄 롯데캐슬 나노시티</h2>
<div>
<p>공사중</p>
</div>
<p>신동탄 프리미엄의 정점</p>
<hr/>
<table>
<tr>
<th>분양시기</th>
<td>2020년 8월 19일</td>
</tr>
<tr>
<th>위치</th>
<td>경기도 화성시 반월동 488-1번지 일원</td>
</tr>
<tr>
<th>세대수</th>
<td>999세대</td>
</tr>
<tr>
<th>분양문의</th>
<td>1566.1982</td>
</tr>
</table>
<ul>
<li>홈페이지</li>
<li>관심단지등록</li>
</ul>
</div>
</section>
<section>
<h2>SERVICE</h2>
<P>고객센터 1688-5500</P>
<a href="https://lottecastle.co.kr/customer/inquiry/index.do">고객문의</a>
<div>
<h3>분양 예정 고객님이시라면?</h3>
<ul>
<li>청약가이드</li>
<li>관심단지 바로가기</li>
<li>청약당첨 조회하기</li>
</ul>
</div>
<div>
<h3>계약중인 고객님이시라면?</h3>
<ul>
<li>계약단지 바로가기</li>
<li>중도금 납부조회</li>
<li>입주자 사전점검 방문 예약하기</li>
</ul>
</div>
<div>
<h3>롯데캐슬 입주 고객님이시라면?</h3>
<ul>
<li>입주가이드</li>
<li>입주일 예약 바로가기</li>
</ul>
</div>
</section>
<section class="right">
<h2>LE|EL</h2>
<p>CASTLE</p>
<p>
드러내지 않아도 보입니다.<br/>
말하지 않아도 들립니다.<br/>
표현하지 않아도 느껴집니다.
</p>
<a href="#danji">단지리스트</a>
</section>
<section class="right">
<h2>엄격</h2>
<p>
우리가 쌓아온 가치를 지키기 위한 태도<br/>
엄격함은 집을 짓는 사람의 올곧은 기준입니다
</p>
</section>
<section class="right">
<h2>안목</h2>
<p>
서로의 품위를 알아볼 수 있는 분별의 눈<br/>
안목은 진정한 가치를 알아보는 당신의 품격입니다
</p>
</section>
<section class="right" id="danji">
<div>
<h3>르엘 신반포 파크애비뉴</h2>
<p>르엘로 시작되는 신반포의 새로운 주거명작</p>
<p>공사중</p>
</div>
<div>
<h3>르엘 신반포</h3>
<p>강남을 리드하는 반포의 새로운 명작</p>
<p>공사중</p>
</div>
<div>
<h3>르엘 신반포 센트럴</h3>
<p>강남을 이끌 반포의 새로운 명작</p>
<p>공사중</p>
</div>
<div>
<h3>르엘 대치</h3>
<p>명품 교육의 중심 대치의 새로운 명작</p>
<p>공사중</p>
</div>
</section>
<section class="right">
<div>
<h3>르엘 홍보 영상</h3>
<p>롯데건설 하이엔드 브랜드 르엘</p>
<a href="https://www.youtube.com/watch?v=ozzQsneiQFc&feature=youtu.be">Play</a>
</div>
<div>
<h3>르엘 매니페스토 영상</h3>
<p>르엘이 담아낸 품격있는 삶</p>
<a href="https://www.youtube.com/watch?v=o13_6_HFgqE&feature=youtu.be">Play</a>
</div>
</section>
<footer>
<h2><img src="https://www.lottecastle.co.kr/common/images/footer-logo.png" alt="footer_logo"></h2>
<div>
<p>개인정보처리방침</p>
<hr/>
<p>고객센터 1688-5500</p>
</div>
<p>FAMILY SITE</p>
<ul>
<li><img src="https://lottecastle.co.kr/files/etc/2020/10/202010150444508950.gif" alt="family"></li>
<li><img src="https://lottecastle.co.kr/files/etc/2020/10/202010150446076020.gif" alt="apart"></li>
<li><img src="https://lottecastle.co.kr/files/etc/2020/10/202010150446282250.gif" alt="isms"></li>
</ul>
<p>© Lotte Engineering & Construction. all right reserved.</p>
</footer>
</body>
</html>