-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path24_community_inner.html
132 lines (111 loc) · 4.87 KB
/
24_community_inner.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
<!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,maximum-scale=1.0, user-scalable=no" />
<meta name="format-detection" content="telephonne=no">
<title>Document</title>
<link rel="stylesheet" href="./css/materialize.css">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/reset.css">
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Nanumsqure font -->
<link href="https://hangeul.pstatic.net/hangeul_static/css/nanum-square-round.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="./js/main.js"></script>
</head>
<body>
<section class="inner head-fix">
<div class="row">
<a href="21_community.html"><i class="material-icons">arrow_back</i></a>
<div class="col sign-header">카페테리아(커뮤니티)</div>
<a class="complete" href="javascript:void(0)">완료</a>
</div>
<div class="container community-inner">
<div class="select-wrapper select_wrap">
<div class="input-field col s12">
<select>
<option value="0" selected>자유게시판</option>
<option value="1" >Female ONLY</option>
<option value="2" >익명 고민게시판</option>
</select>
<label></label>
</div>
</div>
<div class="signup-input">
<h2>제목 <span></span></h2>
<div class="input-field col s6">
<input data-length="255" placeholder="제목을 입력해 주세요." id="title" type="text" class="validate">
<label for="title"></label>
</div>
</div>
<div class="signup-input">
<h2>내용</h2>
<textarea data-length="4000" placeholder="타인을 비방하거나, 욕설 혹은 개인을 특정하여 언급하는 행위는 삼가해 주세요. 기준을 위반한 게시물을 작성할 경우 제재를 받을 수 있습니다."></textarea>
</div>
<div class="collection photo-click">
<img src="./icons/icon_photo.png">
</div>
</div>
<div class="photo-select-wrapp">
<ul class="flex">
<li>
<div class="post-img-squre"></div>
<a class="btn-floating halfway-fab waves-effect waves-light">
<i class="material-icons">close</i>
</a>
</li>
<li>
<div class="post-img-squre"></div>
<a class="btn-floating halfway-fab waves-effect waves-light">
<i class="material-icons">close</i>
</a>
</li>
<li>
<div class="post-img-squre"></div>
<a class="btn-floating halfway-fab waves-effect waves-light">
<i class="material-icons">close</i>
</a>
</li>
<li>
<div class="post-img-squre"></div>
<a class="btn-floating halfway-fab waves-effect waves-light">
<i class="material-icons">close</i>
</a>
</li>
</ul>
</div>
<div class="bottom_bgc"></div>
<div class="bottom_navbar">
<div class="bottom_navbar-bg">
<img src="./imgs/bottom.png">
</div>
<div class="item-contain flex">
<a class="item" href="javascript:void(0)">
<img src="./icons/dock_icon_home.png">
</a>
<a class="item padding-right" href="javascript:void(0)">
<img src="./icons/dock_icon_chat.png">
</a>
<a class="item padding-left" href="javascript:void(0)">
<img src="./icons/dock_icon_swipe.png">
</a>
<a class="item" href="javascript:void(0)">
<img src="./icons/dock_icon_profile.png">
</a>
</div>
<a class="middle-btn btn-floating">
<img src="./icons/dock_icon_cafe.png">
</a>
</div>
</section>
<script>
$(document).ready(function(){
$('select').formSelect();
});
</script>
</body>
</html>