-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdetail.html
More file actions
221 lines (218 loc) · 10.8 KB
/
detail.html
File metadata and controls
221 lines (218 loc) · 10.8 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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>에브리타임</title>
<link rel="stylesheet" href="css/detail.css" />
<link rel="icon" href="img/browser_logo.png" />
<link rel="apple-touch-icon" href="img/browser_logo.png" />
</head>
<body>
<header>
<div class="logo">
<img src="img/nav.logo.png" />
<div>
<div class="mainname">에브리타임</div>
<div class="subname">덕성여대</div>
</div>
</div>
<div class="logo2">
<img src="img/aside.title.hamburger.png" />
<div>
<div class="subname">비밀게시판</div>
</div>
</div>
<div class="semiNav">
<span style="color: #d93c2b">게시판</span><span>시간표</span
><span> 강의실</span><span>학점계산기</span><span>친구</span
><span>책방</span><span>캠퍼스픽</span>
</div>
<div class="btns">
<img class="chat" src="img/chat.png" />
<img class="person" src="img/person.png" />
</div>
</header>
<nav>
<div class="nav1">
<a href="#">자유게시판</a><a href="#">비밀게시판</a
><a href="#">질문게시판</a><a href="#">새내기게시판</a
><a href="#">정보게시판</a><a href="#">홍보게시판</a>
</div>
<div class="nav2">
<a href="#">어른 사자 한진경</a><a href="#">어른 사자 이규민</a
><a href="#">어른 사자 김은서</a><a href="#">어른 사자 박규리</a
><a href="#">어른 사자 함요영</a
><a href="#">어른 사자 이성경</a>
</div>
<div class="nav3">
<a href="#">어른 사자 박소은</a><a href="#">어른 사자 이현주</a
><a href="#">어른 사자 김현지</a><a href="#">어른 사자 한지원</a
><a href="#">어른 사자 목소연</a
><a href="#">어른 사자 김서윤</a>
</div>
<div class="nav4">
<a href="#">아기 사자 강나연</a><a href="#">아기 사자 강승현</a
><a href="#">아기 사자 김민지</a><a href="#">아기 사자 김진효</a
><a href="#">아기 사자 노진경</a
><a href="#">아기 사자 박민주</a>
</div>
<div class="nav5">
<a href="#">아기 사자 박서현</a><a href="#">아기 사자 박선우</a
><a href="#">아기 사자 이주원</a><a href="#">아기 사자 정서영</a
><a href="#">아기 사자 최윤영</a
><a href="#">아기 사자 한정현</a>
</div>
<div class="nav6">
<a href="#">컴퓨터공학전공</a><a href="#">IT미디어전공</a
><a href="#">소프트웨어전공</a><a href="#">사이버보안전공</a
><a href="#">문화인류학전공</a><a href="#">경영학전공</a>
</div>
</nav>
<div class="wrap">
<section class="secBox">
<section class="sec1">
<div class="categoryName">비밀게시판</div>
<div class="recom">
<div class="top_wrap">
<div class="profile">
<div class="profile_wrap">
<img class="pImg"src="img/profile.png" >
</div>
<div class="text_wrap">
<div class="non_text">익명</div>
<div class="time_text">방금</div>
</div>
</div>
<div class="text_right">
<div class="text1">쪽지</div>
<div class="text2">신고</div>
</div>
</div>
<div class="title">덕성 멋사 아기사자들 너무 멋있다!</div>
<div class="content">동해물과 백두산이 마르고 닳도록 하느님이 보우하사<br>
우리나라 만세 무궁화 삼천리 <br>
화려강산 대한사람 대한으로 길이 보전하세</div>
<div class="catePost-detail2">
<img class="catePost-like2" src="img/like.png" />
<div id="like-count2">9</div>
<img class="catePost-reply2" src="img/reply.png" />
<div id="reply-count2">4</div>
<img class="catePost-scrap2" src="img/scrap.png" />
<div id="reply-scrap2">3</div>
</div>
</div>
<div class="addBtn">
<form class="writecomment">
<input type="text" name="text" maxlength="300" autocomplete="off" placeholder="댓글을 입력하세요." class="text">
<ul class="option">
<li class="anonym-option">
<input type="checkbox" id="anonym" class="anonym-checkbox">
<label for="anonym" class="anonym-label">익명</label>
</li>
<li title="완료" class="submit"></li>
</ul>
<div class="clearBothOnly"></div>
</form>
</div>
</section>
<section class="sec2">
<form class="search">
<select name="category-select" id="category-select">
<option value="s-all">전체</option>
<option value="s-tag">해시태그</option>
<option value="s-con">글 내용</option>
<option value="s-title">글 제목</option>
</select>
<input type="text" placeholder="검색어를 입력하세요" />
</form>
<a class="nextBtn" href="#"
><div>다음</div>
<img class="next" src="img/next.png"
/></a>
</section>
</section>
<article>
<div class="cateBox">
<div class="cateTitle">실시간 인기 글</div>
<div class="catePost">
<div class="catePost-title">
네가 깃아 미안해 했잖아?
</div>
<div class="catePost-content">
그럼 깃 충돌 이딴거 안생겼어
</div>
<div class="catePost-detail">
<div>비밀게시판</div>
<img class="catePost-like" src="img/like.png" />
<div id="like-count">10</div>
<img class="catePost-reply" src="img/reply.png" />
<div id="reply-count">17</div>
</div>
</div>
<div class="catePost">
<div class="catePost-title">
네가 깃아 미안해 했잖아?
</div>
<div class="catePost-content">
그럼 깃 충돌 이딴거 안생겼어
</div>
<div class="catePost-detail">
<div>비밀게시판</div>
<img class="catePost-like" src="img/like.png" />
<div id="like-count">10</div>
<img class="catePost-reply" src="img/reply.png" />
<div id="reply-count">17</div>
</div>
</div>
</div>
<div class="cateBox">
<div class="cateTitle">HOT 게시물</div>
<div class="catePost">
<div class="catePost-title">
네가 깃아 미안해 했잖아?
</div>
<div class="catePost-content">
그럼 깃 충돌 이딴거 안생겼어
</div>
<div class="catePost-detail">
<div>비밀게시판</div>
<img class="catePost-like" src="img/like.png" />
<div id="like-count">10</div>
<img class="catePost-reply" src="img/reply.png" />
<div id="reply-count">17</div>
</div>
</div>
<div class="catePost">
<div class="catePost-title">
네가 깃아 미안해 했잖아?
</div>
<div class="catePost-content">
그럼 깃 충돌 이딴거 안생겼어
</div>
<div class="catePost-detail">
<div>비밀게시판</div>
<img class="catePost-like" src="img/like.png" />
<div id="like-count">10</div>
<img class="catePost-reply" src="img/reply.png" />
<div id="reply-count">17</div>
</div>
</div>
</div>
</article>
</div>
<footer>
<div>
<span>이용약관</span>
<span>개인정보처리방침</span>
<span>청소년보호정책</span>
<span>커뮤니티이용규칙</span>
<span>공지사항</span>
<span>문의하기</span>
<span>© 에브리타임</span>
</div>
<div>직업정보제공사업 신고번호 : J1204020230008</div>
</footer>
<script src="./js/detail.js"></script>
</body>
</html>