UNIT
기존에 쓰던 html/css 본문
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Unit 자율동아리 홈페이지">
<meta name="keywords" content="HTML,JavaScript,unit,자율동아리,동아리,보정고,보정고등학교,css,php,mmc,mmc티켓팅">
<meta name="author" content="hepheir">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="text/css" href="./style.css" rel="stylesheet"/>
<title>Project Unit :: 융합 IT 컨텐츠 동아리</title>
</head>
<body>
<div>
<header>
<h1>
<span style="color:#ccffcc">Unit</span> :: 융합 <span style="color: #CAE1FF">IT</span> 컨텐츠 동아리
</h1>
</header>
<table class='topmenu'>
<thead>
<th class="menu_selected" width="25%">
<a id="topmenu_1"/>
<label for="topmenu_1" class="head_label">메인</label>
</th>
<th width="25%">
<a id="topmenu_2" href="./images/projects.html"/>
<label for="topmenu_2" class="head_label">프로젝트</label>
</th>
<th width="25%">
<a id="topmenu_3" href="./images/logs.html"/>
<label for="topmenu_3" class="head_label">활동기록</label>
</th>
<th width="25%">
<a id="topmenu_4" target="_blank" href="admin"/>
<label for="topmenu_4" class="head_label">관리</label>
</th>
</thead>
</table>
</div>
<iframe src="https://www.youtube.com/embed/playlist?list=PLSGdYLt-DLMUb6kYq5w0qA6gLvplRAptE&autoplay=1" frameborder="0" allowfullscreen></iframe>
<div class="content">
<h2>공지</h2>
<p>지금은 시험기간이라 잠시 작업을 중단한 상태입니다.<br/>
셤 끝나면 이어서 작업하겠습니다. -동주-
</p>
<h2>Unit의 멤버 소개</h2>
<ul>
<li>김동주</li>
<li>박종운</li>
<li>이현오</li>
<li>김법기</li>
<li>최재원</li>
<li>이진호</li>
</ul>
</div>
<div>
<footer class="footer">
<p>powered by
<a class="footer_text" href="http://tistory.com/">daumkakao</a>
<br/>Homepage of Team Unit, 2016, made by
<a class="footer_text" href="http://hepheir.tistory.com/">hepheir</a>
</p>
</footer>
</div>
</body>
</html>
@charset "UTF-8";
a{
text-decoration:none;
}
iframe{
border: 0px;
width: 100vw;
height: 56vw;
}
body{
margin: 0px 0px 0px 0px;
font-size: 16px;
font-family: "맑은 고딕", sans-serif;
}
h1{
text-align:left;
margin:0px;
padding: 0px 12px;
font-size: 1.5em;
}
h2{
font-family: "맑은 고딕", sans-serif;
font-weight: bold;
font-size: 1em;
line-height: 1.8em;
}
header{
padding: 36px 0px 12px;
color:#ffffff;
background-color:#6C7B8B;
}
#signature > a{
color: #CAE1FF;
}
.menu_selected{
background-color:#cadbff;
}
.content{
padding: 0px 20px;
}
.footer{
margin: 0px 0px 0px;
height: 40px;
color: #ffffff;
background-color: #6c7b8b;
font-size: 0.8em;
line-height: 1.5em;
text-decoration:none;
text-align:center;
}
.footer_text{
margin: 0px 0px 0px;
color:#ffffff;
text-decoration:none;
}
.head_label{
color:#6C7B8B;
}
.topmenu{
background-color:#dbf2ff;
font-size:0.8em;
width:100%;
text-align: center;
}
.light_blue{
color: #CAE1FF;
}
