-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio1.html
158 lines (143 loc) · 6.95 KB
/
portfolio1.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
<!DOCTYPE HTML>
<html>
<head>
<title>YEEUN KANG | PORTFOLIO</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<body>
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">Who Loves a Designer</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="portfolio1.html">한강 거리공연 예술가</a></li>
<li><a href="portfolio2.html">강아지를 부탁해</a></li>
<li><a href="portfolio3.html">홍보/기획물</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Main -->
<article id="main">
<header>
<h2>한강 거리공연 예술가</h2>
<p>Han River Performing Artists</p>
<h3>Mobile UI/UX Design</h3>
</header>
<section class="wrapper style5">
<div class="inner" style="text-align: center">
<h3>Overview</h3><br><br>
<p style="font-size: 12px">
주로 한강공원에서 공연(버스킹, busking)을 하는 버스커들은 한강사업본부에 속한 예술가로서,<br>
이들만의 규정 안에서 체계적인 관리를 통해 활동을 합니다.<br><br>
'한강 거리공연 예술가'는 기존에 한 포탈 사이트의 카페를 통해 이루어지고 있는 이러한 관리 절차들을 간소화하고,<br>
공연을 즐기는 시민들과의 소통 공간을 마련하고자 기획하였습니다.<br><br>
나아가 실시간으로 공연에 대한 정보도 제공하는 등,<br>
거리공연이 좀 더 질 높은 하나의 문화로 자리잡기를 기대할 수 있습니다.<br><br>
현재 개발까지 완료된 모바일 앱은 한강사업본부에 제안, 검토 중에 있습니다.<br><br>
<h6>Contribution</h6>
<h6 style="display: inline-block; vertical-align: baseline;">서비스 기획</h6> <span style="font-weight: bold">+++</span>++ <h6 style="display: inline-block; vertical-align: baseline;">UI/UX 디자인</h6> <span style="font-weight: bold">++++</span>+
</p>
<br><br><hr><br><br>
<h3>Contents</h3><br><br>
<table>
<colgroup>
<col width="25%">
<col width="25%">
<col width="25%">
<col width="25%">
</colgroup>
<tr></tr>
<tr>
<td><img src="images/p1_1.png" width="220px"></td>
<td><img src="images/p1_2.png" width="220px"><br><br><br><br><br></td>
<td colspan="2" style="text-align: right">
<h5>1. Home</h5><br>
<p style="font-size: 12px">홈 화면에서<br>공지사항, 현재 진행중인 공연,<br>공연 일정, 갤러리를 미리보고<br>해당 게시물로 바로 이동할 수 있습니다.</p>
</td>
</tr>
<tr></tr>
<tr>
<td colspan="2" style="text-align: left">
<h5>2. Login / Join</h5><br>
<p style="font-size: 12px">로그인 계정은<br>비회원, 일반 사용자, 아티스트, 관리자로 구분되며,<br>이에 따라 게시판 사용 및 접근 권한이 부여됩니다.</p>
</td>
<td><img src="images/p1_3.png" width="220px"></td>
<td><img src="images/p1_4.png" width="220px"><br><br><br><br><br></td>
</tr>
<tr></tr>
<tr>
<td><img src="images/p1_5.png" width="220px"><br><br><br><br><br></td>
<td colspan="2" style="text-align: right">
<h5>3. Side Menu</h5><br>
<p style="font-size: 12px">왼쪽 사이드 메뉴를 통해<br>계정에 따른 게시판에 접근합니다.</p>
</td>
</tr>
<tr></tr>
<tr>
<td colspan="2" style="text-align: left">
<h5>4. Notice Board</h5><br>
<p style="font-size: 12px">관리자가 작성한 공지사항을<br>머리말별로 확인하고,<br>코멘트를 달 수 있습니다.</p>
</td>
<td><img src="images/p1_6.png" width="220px"></td>
<td><img src="images/p1_7.png" width="220px"><br><br><br><br><br></td>
</tr>
<tr></tr>
<tr>
<td><img src="images/p1_8.png" width="220px"></td>
<td><img src="images/p1_9.png" width="220px"><br><br><br><br><br></td>
<td colspan="2" style="text-align: right">
<h5>5. Performance Schedule</h5><br>
<p style="font-size: 12px">현재 진행중인 공연과<br>앞으로의 공연 일정을<br>각 팀별 날짜/시간/위치로 확인합니다.</p>
</td>
</tr>
<tr></tr>
<tr>
<td></td>
<td colspan="2" style="text-align: left">
<h5>6. Cheering Memo</h5><br>
<p style="font-size: 12px">공연을 즐기는 일반 사용자들이<br>응원의 한마디나 공연 사진 등을 남기며<br>예술가들과 자유롭게 소통합니다.</p>
</td>
<td><img src="images/p1_10.png" width="220px"><br><br><br><br><br></td>
</tr>
</table>
</div>
</section>
</article>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://www.facebook.com/profile.php?id=100005788477915" target="_blank" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/ye.nny/" target="_blank" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="http://blog.naver.com/yeaeun23" target="_blank" class="icon fa-dribbble"><span class="label">Blog</span></a></li>
<li><a href="mailto:yeaeun23@naver.com" target="_blank" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>YEEUN KANG | PORTFOLIO</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>