-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathMain.html
More file actions
254 lines (249 loc) · 10.9 KB
/
Copy pathMain.html
File metadata and controls
254 lines (249 loc) · 10.9 KB
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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title> Hobbyist </title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
<script src="js/jquery.js"></script>
<script src="js/gnb.js"></script>
<script src="js/jquery.bxslider.min.js"></script>
<script src="js/slide.js"></script>
<script src="js/main_slider.js"></script>
</head>
<body>
<!--헤더 영역-->
<div id="header-wrap">
<header class="header-inner">
<a href="Main.html"><img src="images/logo/logo_bk.svg" class="logo_bk"></a>
<a href="Main.html"><img src="images/logo/logo_w.svg" class="logo_w"></a>
<p class="mobile-menu-open"><i class="fas fa-bars"></i></p>
<div class="mobile-menu-wrap">
<div class="mobile-menu-scroll">
<ul class="util-menu">
<li><a href="Login.html">로그인</a></li>
<li><a href="signup.html">회원가입</a></li>
</ul>
<nav id="gnb">
<h2 class="blind">메인메뉴</h2>
<ul>
<li class="m0">
<a href="Main.html">홈</a>
</li>
<li class="m1">
<a href="List_total.html">전체 카테고리
<i class="fas fa-chevron-down"></i>
</a>
<ul>
<li class="ct_art"><a href="List_art.html">미술</a></li>
<li class="ct_cook"><a href="List_cook.html">요리</a></li>
<li class="ct_music"><a href="List_music.html">음악</a></li>
</ul>
</li>
<li class="m2">
<a href="#">게시판
<i class="fas fa-chevron-down"></i>
</a>
<ul>
<li><a href="Notice.html">공지사항</a></li>
<li><a href="Question.html">문의사항</a></li>
<li><a href="Review.html">후기</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<p class="mobile-menu-close">
<i class="fas fa-window-close"></i>
</p>
</div>
</header>
</div>
<!--컨테이너 영역-->
<div id="container">
<section id="main-visual" class="rounded">
<h3 class="blind">클래스 광고 배너</h3>
<div class="color_banner"></div>
<ul class="main-visual-slide">
<li>
<div class="visual-item-wrap item1">
<h4 class="visual-title">최단 시간 최다 수강 지금 인기 <br> 클래스는?</h4>
<p>
<span> 드로잉부터 제테크까지<br>
카테고리별로 한눈에 보기!</span>
</p>
</div>
</li>
<li>
<div class="visual-item-wrap item2">
<h4 class="visual-title">경제적 자유를 얻은 전문가의 <br> 노하우가 필요해?</h4>
<p>
<span> 왕초보 투자자를 위한 커리큘럼을 확인해보세요! </span>
</p>
</div>
</li>
<li>
<div class="visual-item-wrap item3">
<h4 class="visual-title"> 수강 기간이 무려 3년!?</h4>
<p>
<span> 게임 원화가가 되고 싶은 당신을 위해 <br> 3년 무제한 수강권 증정!</span>
</p>
</div>
</li>
</ul>
</section>
<section id="hot_class">
<section class="hot_class_header">
<h2>오늘의 HOT! 클래스 강좌</h2>
</section>
<section class="hot_class_main">
<div class="contents">
<a href="details.html">
<div class="contents_img">
<picture><img src="https://cdn.class101.net/images/903f58cb-8bb0-46f0-8745-da01a48880cf/750xauto.webp"></picture>
</div>
<div class="contents_body">
<div class="teacher_name">박건규</div>
<div class="contents_information">[💣24시간]거리공연 10만회! 10년차 마술사에게 배우는 스트릿 버스킹 매직</div>
<div class=""></div>
</div>
</a>
</div>
<div class="contents">
<a href="details.html">
<div class="contents_img">
<picture><img src="https://cdn.class101.net/images/1a4fce1c-f04f-458a-b071-c63a9c039508/750xauto.webp"></picture>
</div>
<div class="contents_body">
<div class="teacher_name">피스오브애플</div>
<div class="contents_information">[💣24시간]공간에 생생한 감각을 더해요, 펀치니들을 이용한 터프팅 소품 제작법</div>
<div class=""></div>
</div>
</a>
</div>
<div class="contents">
<a href="details.html">
<div class="contents_img">
<picture><img src="https://cdn.class101.net/images/6bac4c4c-da95-404a-907f-4f2695df23dd/750xauto.webp"></picture>
</div>
<div class="contents_body">
<div class="teacher_name">수홍</div>
<div class="contents_information">[💣24시간]아이패드로 완성하는 아름다움, 수홍의 디지털 인물화 수업</div>
<div class=""></div>
</div>
</a>
</div>
<div class="contents">
<a href="details.html">
<div class="contents_img">
<picture><img src="https://cdn.class101.net/images/7ad59a68-ef7d-4769-8b2c-bcf7411badc6/750xauto.webp"></picture>
</div>
<div class="contents_body">
<div class="teacher_name">리화쌤</div>
<div class="contents_information">[💣오늘의특가]샐러드만으로 맛과 양 모두 즐기는 샐러드 레시피&드레싱 클래스</div>
<div class=""></div>
</div>
</a>
</div>
<div class="contents">
<a href="details.html">
<div class="contents_img">
<picture><img src="https://cdn.class101.net/images/f918184f-290f-4211-a100-bce8e2d7d46a/750xauto.webp"></picture>
</div>
<div class="contents_body">
<div class="teacher_name">Knit Whale</div>
<div class="contents_information">[💣오늘의특가]내 손이 뜨개 도구가 되는, 니트웨일의 암니팅</div>
<div class=""></div>
</div>
</a>
</div>
<div class="contents">
<a href="details.html">
<div class="contents_img">
<picture><img src="https://cdn.class101.net/images/37e37766-4c46-496a-835f-3609e54af755/750xauto.webp"></picture>
</div>
<div class="contents_body">
<div class="teacher_name">엔원 투엘엘 위빙</div>
<div class="contents_information">[💣오늘의특가]실로 그리는 컬러 콜라주, 태피스트리 도형 위빙</div>
<div class=""></div>
</div>
</a>
</div>
</section>
</section>
<section class="review_s"> <!--리뷰-->
<div class="container">
<hr class="divider">
<div class="review_box">
<div class="review-tit">
<h3><span class="sec-titt">클래스 후기</span></h3>
<h4><a href="Review.html">더보기</a></h4>
</div>
<ul class="bxslider">
<li>
<div class="review-card">
<div class="review-img01"></div>
<div class="review-content">
<h4 class="name">Eun</h4>
<span class="date">5 days ago</span>
<p>에어브러쉬를 더많이 사용해서 부드럽게 그려 봤어요~ 메이크업하는걸 좋아해서 그런지 너무 재미있었습니다ㅠㅠ</p>
</div>
</div>
</li>
<li>
<div class="review-card">
<div class="review-img02"></div>
<div class="review-content">
<h4 class="name">전예나</h4>
<span class="date">1 weeks ago</span>
<p>저는 다른 이미지 참고해서 해봤어요! 평소에 프로크리에이트 많이 쓰지만 쓰던거만 써서 새로운 펜 많이 쓸 수 있어서 좋았어요 ㅎㅎ</p>
</div>
</div>
</li>
<li>
<div class="review-card">
<div class="review-img03"></div>
<div class="review-content">
<h4 class="name">김아람</h4>
<span class="date">4 months ago</span>
<p>가성비 괜찮은 클래스 같아요. 학원에서 배우는 취미성인반 클래스보다도 더 자세한 내용과 디테일한 설명이 쏙쏙 이해가 되고 노하우도 전수 받는 느낌이라 유익합니다.</p>
</div>
</div>
</li>
<li>
<div class="review-card">
<div class="review-img04"></div>
<div class="review-content">
<h4 class="name">지니</h4>
<span class="date">5 months ago</span>
<p>내용이 알차고 작가님이 섬세히 잘가르쳐 주세요 답글도 잘 달아주시고 고칠 부분도 가르쳐 주시고 좋아요</p>
</div>
</div>
</li>
<li>
<div class="review-card">
<div class="review-img05"></div>
<div class="review-content">
<h4 class="name">헤밍</h4>
<span class="date">5 months ago</span>
<p>아이패드를 가지게되면서 처음으로 그림수업을 받아봤어요. 너무너무 좋은 수업해주셔서 감사합니다.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
</div>
<!--푸터 영역-->
<section id="footer-wrap">
<footer class="footer-inner">
<img src="images/logo/logo_bk.svg" class="logo_footer">
<p>Copyright©2021 하비스트㈜ Hobbyist Co., Ltd. All Rights Reserved</p>
</section>
</section>
</body>
</html>