-
Notifications
You must be signed in to change notification settings - Fork 1
/
myPF3.html
56 lines (50 loc) · 2.28 KB
/
myPF3.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
<!DOCTYPE html><!--공모전,대외활동-->
<html>
<head>
<meta charset="UTF-8">
<meta authors="nklim"/>
<title>MY PORTFOLIO</title>
<link rel="stylesheet" type="text/css" href="myPFcss3.css"/>
<link href="https://fonts.googleapis.com/css?family=Jua&display=swap" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<header>
<a href="myPF0.html"><img src="logo1.png" width="30%" style="float:left; margin-top:30px;"/></a>
<div id="SNS">
<a href="http://facebook.com" target="_blank">
<img src="facebook.png" height="40" alt="Facebook">
</a>
<a href="http://twitter.com" target="_blank">
<img src="twitter.png" height="40" alt="Twitter">
</a>
<a href="http://plus.google.com" target="_blank">
<img src="googleplus.png" height="40" alt="Google Plus">
</a>
</div>
</header>
<div class="middle">
<img src="background6.jpg" style="position:relative; width:100%;"/>
<nav id="topMenu">
<a class="menu" href="myPF2.html">학점관리</a>
<a class="menu" href="myPF3.html">공모전<br>대외활동</a>
<a class="menu" href="myPF4.html">나의 목표</a>
<a class="menu" href="myPF5.html">자료관리</a>
</nav>
</div>
<article>
<section>
<h2>#공모전 사진</h2>
<center><a href="http://bitly.kr/b9YLr8" title="클릭 시 관련 기사로 연결됩니다." target="_blank"><img src="background7.jpg" style="position:relative; width:45%;"/></a>
<a href="http://bitly.kr/b9YLr8" title="클릭 시 관련 기사로 연결됩니다."><img src="background8.jpg" style="position:relative; width:45%;"/></a></center>
<p>교내 2018 WIC maker Hackathon 참가와 수상</p><br><br>
<center><a href="http://bitly.kr/b9YLr8" title="클릭 시 관련 기사로 연결됩니다."><img src="background9.jpg" style="position:relative; width:40%;"/></a>
<a href="http://bitly.kr/b9YLr8" title="클릭 시 관련 기사로 연결됩니다."><img src="background10.jpg" style="position:relative; width:40%;"/></a></center>
<p>공모전 중 제작 물품</p><br>
</section>
</article>
<hr width="100%">
<footer><center>COPYRIGHT MY PORTFOLIO ALL RIGHTS RESERVED | @naver.com</center></footer>
</div>
</body>
</html>