practice/about.html at main · feelingphs/practice · GitHub

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
<head>
<title> SUN's Portfolio </title>
<meta charset="utf-8">
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />

<link rel="stylesheet" href="http://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">
<link rel="shortcut icon" type="image/png" href="img/favicon.ico">
<link rel="stylesheet" href="css/common.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>

</head>

<body>
	<div id="skip">
		<a href="#header">주메뉴 바로가기</a>
		<a href="#container">본문 바로가기</a>
		<a href="#footer">하단 바로가기</a>
	</div>
	<header id="header" class="header-wrap">
		<div class="header-inner">
			<h1><img src="img/logo.png" alt="포트폴리오"></h1>
			<nav class="flex">
				<a href="about.html">ABOUT ME</a>
				<a href="index.html">WORKS</a>
				<!-- <a href="javascript:alert('준비중입니다.');">BLOG</a> -->
				<a href="#footer">CONTACT</a>
			</nav>
		</div>
	</header>
	<main id="container" class="cont-wrap aboutme">
		<h2>ABOUT</h2>
		<section class="cont-top">
			<img src="" alt="">
			<div>
				<p>웹퍼블리셔 박혜선입니다.</p>

			</div>
		</section>
		<section class="profile">
			<h3>Profile</h3>
			<div>
				<dl>
					<dt>Name</dt>
					<dd>박혜선 Park, Hye-Sun</dd>
				</dl>
				<dl>
					<dt>Birth</dt>
					<dd>1989.02.08(+)</dd>
				</dl>
				<dl>
					<dt>E-mail</dt>
					<dd>liebe_0208@naver.com</dd>
				</dl>
				<dl>
					<dt>Address</dt>
					<dd>서울특별시 광진구 중곡동</dd>
				</dl>
			</div>
		</section>
		<section class="career">
			<h3>Career</h3>
			<div>
				<dl>
					<dt>회사명</dt>
					<dd>(주)와우씨엔에스</dd>
				</dl>
				<dl>
					<dt>근무기간</dt>
					<dd>2017.07 - 현재 (4년 3개월)</dd>
				</dl>
				<dl>
					<dt>근무부서</dt>
					<dd>디자인팀</dd>
				</dl>
				<dl>
					<dt>직급</dt>
					<dd>주임</dd>
				</dl>
				<dl>
					<dt>업무</dt>
					<dd>
						<ul>
							<li>메인, 서브페이지 웹디자인 및 퍼블리싱</li>
							<li>메인, 서브페이지 모바일 디자인 및 퍼블리싱</li>
							<li>홈페이지 유지보수</li>
							<li>하이브리드앱 디자인</li>
						</ul>
					</dd>
				</dl>
			</div>
		</section>
		<section class="edu">
			<h3>Education</h3>
			<div>
				<dl>
					<dt>2019.12 - 2020.02</dt>
					<dd>자바 초급 교육</dd>
				</dl>
				<dl>
					<dt>2016.12 - 2017.06</dt>
					<dd>UI/UX 퍼블리셔</dd>
				</dl>
			</div>
		</section>
		<section class="certify">
			<h3>Certification</h3>
			<div>
				<dl>
					<dt>2021.08</dt>
					<dd>정보처리기사</dd>
				</dl>
				<dl>
					<dt>2010</dt>
					<dd>화학분석기사</dd>
				</dl>
				<dl>
					<dt>2008</dt>
					<dd>ITQ 취득(파워포인트, 워드, 엑셀)</dd>
				</dl>
				<dl>
					<dt>2008.8</dt>
					<dd>운전면허 1종</dd>
				</dl>
			</div>
		</section>
		<section class="skill">
			<h3>Skills</h3>
			<div>
				<dl>
					<dt>Tech.</dt>
					<dd>
						<ul>
							<li>HTML5</li>
							<li>CSS3</li>
							<li>SCSS</li>
							<li>JQUERY</li>
							<li>Javascript</li>
						</ul>
					</dd>
				</dl>
			</div>
		</section>
	</main>
	<footer id="footer">
		<div class="send-email">
			<h2>Get in touch</h2>
			<form class="gform" method="POST" data-email="liebe_0208@naver.com" action="https://script.google.com/macros/s/AKfycbwYmaiEW1LS_oBkJKBd1wjQne4CegCXr5Sc07_TepnXHpDajrCt9LNb5hfXEf0c0KTSmQ/exec">
				<div>
					<fieldset>
						<label for="name">Name</label>
						<input id="name" type="text" name="name">
					</fieldset>
					<fieldset>
						<label for="email">Email</label>
						<input id="email" type="text" name="email">
					</fieldset>
				</div>
				<fieldset>
					<label for="message">Message</label>
					<textarea id="message" name="message"></textarea>
				</fieldset>
				<button onClick="return check()">Send</button>
				<div style="display:none;" class="thankyou_message">
					<em>메일 전송이 완료되었습니다.</em>
				</div>
			</form>
		</div>
		<p><i class="xi-copyright"></i> 2021. Sun. All rights reserved.</p>
	</footer>
	<script data-cfasync="false" type="text/javascript" src="https://cdn.rawgit.com/dwyl/html-form-send-email-via-google-script-without-server/master/form-submission-handler.js"></script>
	<script>
		function check() {
			alert(document.getElementById("email").value);
			var email = document.getElementById("email").value;
			var exptext = /^[A-Za-z0-9_\.\-]+@[A-Za-z0-9\-]+\.[A-Za-z0-9\-]+/;
				if(exptext.test(email)==false){
				//이메일 형식이 알파벳+숫자@알파벳+숫자.알파벳+숫자 형식이 아닐경우
				alert("이 메일형식이 올바르지 않습니다.");
				document.addjoin.email.focus();
				return false;
				}
		}
	</script>
</body>
</html>