-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
226 lines (219 loc) · 12.3 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
<!DOCTYPE html>
<html lang='ko'>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=Edge'>
<meta name='viewport' content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no'>
<meta name="description" content="즐거운 습관 1300k(천삼백케이)는 디자인 쇼핑몰로써 지금까지 없던 즐거운 쇼핑경험을 드립니다.">
<meta name="keywords" content="1300k, 천삼백케이, 브룬, BRUUN, 우리 오늘 피크닉 갈래? 피크닉을 위한 추천템">
<meta property="og:title" content="우리 오늘 피크닉 갈래? 피크닉을 위한 추천템">
<meta property="og:description" content="선선해진 날씨, 피크닉을 위한 준비물 할인 이벤트.">
<meta property="og:url" content="http://sinbhs.github.io/eventpage/index.html">
<meta property="og:image" content="http://sinbhs.github.io/eventpage/images/og_img.jpg">
<!-- twitter -->
<meta property="twitter:card" content="summary">
<meta property="twitter:title" content="우리 오늘 피크닉 갈래? 피크닉을 위한 추천템">
<meta property="twitter:url" content="http://sinbhs.github.io/eventpage/index.html">
<meta property="twitter:image" content="http://sinbhs.github.io/eventpage/images/og_img.jpg">
<meta property="twitter:description" content="선선해진 날씨, 피크닉을 위한 준비물 할인 이벤트.">
<title>우리 오늘 피크닉 갈래? 피크닉을 위한 추천템 :: 1300k 천삼백케이</title>
<!-- css -->
<!-- favicon -->
<link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- font -->
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="fonts/fonts.css">
<!-- normalize -->
<link rel="stylesheet" href="common/normalize.css">
<link rel="stylesheet" href="index.css">
<!-- js -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<!-- 시월구일3=em / 시월구일1=p / 시월구일4=strong / 시월구일2=h2 / mosterat Bold = span -->
<!-- container -->
<div class="container">
<!-- header -->
<header>
<!-- main title -->
<h1>메인타이틀</h1>
<!-- sub title -->
<section class="main_line">
<p><em>피크닉</em>을 위한 도시락, 보냉백, 피크닉 매트까지 !</p>
</section>
<!-- linked menu -->
<section class="bot_txt">
<ul>
<li><a href="#">스페셜<br>할인 쿠폰</a></li>
<li><a href="#">best<br>추천템</a></li>
<li><a href="#">랭킹<br>특가</a></li>
</ul>
</section>
</header>
<!-- box1 - Coupon -->
<div class="box1" id="1">
<!-- title1 - Special Sale Coupon -->
<section class="title1">
<p><span>#01 </span><strong>스페셜 할인 쿠폰</strong><span>coupon</span></p>
</section>
<!-- coupon img -->
<div class="coupon"></div>
<!-- notice -->
<section class="bot_txt1">
<a href="#">쿠폰 사용 시 유의사항<img src="images/arrow_view.png" alt="아래뷰"></a>
<div class="notice_cont">
<ul>
<li>[쿠폰 사용 시 유의사항]</li>
<li>- 상품에 따라 9% ~ 20% 할인 쿠폰이 적용됩니다.</li>
<li>- 쿠폰 사용 결제 시 제휴사 혜택은 적용되지 않습니다.</li>
<li>- 마일리지 및 다른 쿠폰(플러스 쿠폰 외)과 중복 사용이 불가능 합니다.</li>
<li>- 쿠폰은 사용 후 재발급이 가능하며 일부 상품은 할인 쿠폰이 적용되지 않을 수 있습니다.</li>
<li>- 본 이벤트는 당사의 사정에 따라 별도 고지 없이 변경 또는 종료될 수 있습니다.</li>
</ul>
</div>
</section>
</div>
<!-- box2 - Best Items -->
<div class="box2" id="2">
<!-- title2 - Recommended Items -->
<section class="title2">
<p><span>#02 </span><strong>BEST 추천템</strong><span> market</span></p>
<p><span>1300k</span>에서 추천하는</p><p>피크닉 best 3</p>
<section class="stone"><img src="images/박스2조약돌.png" alt="조약돌"></section>
</section>
<!-- Best Item 1 -->
<section class="item1">
<section class="best1">
<p><em>스누피 다이컷 밴드 도시락</em></p>
<p>귀여운 스누피 도시락으로<br>김밥만 넣어도 인싸템 !</p>
<h2>할인가</h2>
<p><span>9,000</span>원</p>
</section>
<section class="flower1"><img src="images/Rbox2Flower.png" alt="주황꽃"></section>
<section class="look">
<a href="#">상품 자세히 보기</a><a href="#">구매하러 가기</a>
</section>
</section>
<!-- Best Item 2 -->
<section class="item2">
<section class="best2">
<p><em>홀리데이랜드 쿨러(17L)</em></p>
<p>퀄리티 좋은 홀리데이 랜드 쿨러 !<br>시원한 맥주와 음료를 어디서든 마실 수 있고<br>외부의 열을 완벽차단하여 냉기 오래 유지 가능</p>
<h2>할인가</h2>
<p><span>38,000</span>원</p>
</section>
<section class="flower2"><img src="images/Lbox2Flower.png" alt="조약돌"></section>
<section class="look">
<a href="#">상품 자세히 보기</a><a href="#">구매하러 가기</a>
</section>
</section>
<!-- Best Item 3 -->
<section class="item3">
<section class="best3">
<p><em>브루니 체크 피크닉 매트</em></p>
<p>시원한 체크무늬의 피크닉 매트<br>패브릭 매트로 다양한 용도로 사용 가능</p>
<h2>할인가</h2>
<p><span>21,000</span>원</p>
</section>
<section class="look">
<a href="#">상품 자세히 보기</a><a href="#">구매하러 가기</a>
</section>
</section>
<!-- Share Box -->
<section class="share_box">
<p>이벤트 친구에게 공유하기</p>
<section class="sns">
<a href="#"></a>
<a href="#"></a>
</section>
</section>
<!-- Notice -->
<section class="bot_txt2">
<a href="#">이벤트 유의사항<img src="images/arrow_view.png" alt="아래뷰"></a>
<div class="event_cont">
<ul>
<li>[이벤트 유의사항]</li>
<li>- 이벤트 기간 내 아이디당 1일 1회 응모 가능하며 이벤트 공유 시 응모 기회 1회 추가됩니다.</li>
<li>- 이벤트 당첨 시 럭키쿠폰을 바로 사용하여 구매할 수 있으며 사용 후 재발급은 불가능합니다.</li>
<li>- 아이디당 1개만 구매 가능합니다.</li>
<li>- 본 이벤트는 당사의 사정에 따라 별도 고지 없이 변경 또는 종료될 수 있습니다.</li>
</ul>
</div>
</section>
</div><!-- //box2 -->
<!-- box3 - Brand Sale Zone -->
<div class="box3">
<!-- title3 - Brand Sale Zone -->
<section class="title3">
<p><span>hot </span><strong>인기 브랜드 할인전</strong><span> topic</span></p>
</section>
<!-- brand - 바투카, 메이드파니 -->
<div>
<a href="#"></a>
<a href="#"></a>
</div>
</div>
<!-- box4 - Ranking Sale -->
<div class="box4" id="3">
<!-- title4 - Ranking Special Price -->
<section class="title4">
<p><span>#03 </span><strong>랭킹 특가</strong><span> ranking</span></p>
</section>
<!-- products -->
<ul class="sell_info">
<!-- products1 - 스누피 콤비세트 -->
<li class="sell">
<a href="#"></a>
<div class="info">
<p class="brand"><a href="#">스케이터코리아</a></p>
<p class="product">스누피 우주비행사 소음방지 콤비세트 18CM</p>
<p class="price">
<span>13,900원</span>
<span>10,420원</span>
<span>25%</span>
</p>
<p class="etc"><span class="dc">할인</span></p>
</div>
</li>
<!-- products2 - 스누피 보냉 피크닉 가방 -->
<li class="sell">
<a href="#"></a>
<div class="info">
<p class="brand"><a href="#">스케이터코리아</a></p>
<p class="product">스누피 라이프스타일 보냉 피크닉 가방(대)</p>
<p class="price">
<span>23,000원</span>
<span>17,250원</span>
<span>25%</span>
</p>
<p class="etc">
<span class="fd">무료배송</span><span class="md">1300k배송</span><span class="dc">할인</span>
</p>
</div>
</li>
<!-- products3 - 스누피 보냉 미니 도시락 -->
<li class="sell">
<a href="#"></a>
<div class="info">
<p class="brand"><a href="#">스케이터코리아</a></p>
<p class="product">[무료배송] 스누피 피너츠 라이프스타일 보냉 미니 도시락 320ML</p>
<p class="price">
<span>14,000원</span>
<span>10,000원</span>
<span>29%</span>
</p>
<p class="etc"><span class="fd">무료배송</span><span class="dc">할인</span></p>
</div>
</li>
</ul>
</div><!-- //container -->
<!-- scrollTop Button -->
<a href="#" class="scrollTop">top</a>
</div>
</body>
</html>