| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- MapView
- sky 시리우스폰
- 하루 한마디 영어
- 안드로이드 개발 2.0
- 구글 안드로이드
- 스마트폰 배경화면
- 안드로이드2.0
- 안드로이드
- 스카이 안드로이드폰 시리우스
- 안드로이드 2.0 개발
- Form Stuff
- 스카이 안드로이드폰 시리우스 K양 동영상
- 안드로이드 배경화면
- 안드로이드 바탕화면
- 인기있는 블로그 만들기
- android
- 영어
- SKY 시리우스
- 안드로이드2.0개발
- 아이폰 바탕화면
- 안드로이드 개발 강좌
- 안드로이드 개발
- 안드로이드 개발 2.0 강좌
- 아이폰 배경화면
- 안드로이드개발
- objective-c
- 하루한마디영어
- 구글안드로이드
- 안드로이드폰
- 구글 안드로이드 개발
- Today
- Total
moozi
company index.html 본문
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TIS Edu.</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
body{
font-family: 'Jeju Gothic', sans-serif;
}
.jumbotron{
background-color: darkblue;
color:white;
padding:120px 25px;
}
.bg-grey{
background-color: darkgray;
}
.container-fluid{
padding:60px 50px;
}
.logo{
font-size: 200px;
color:#286EB4;
}
.logo-small{
font-size: 70px;
color:#286EB4;
}
@media screen and (max-width:768px){
.col-md-4{
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
}
.search{
width: 50%;
display: inline;
vertical-align: middle;
}
}
</style>
</head>
<body>
<div class="jumbotron text-center">
<h1>TIS 정보기술 교육센터</h1>
<p>정부지원 IT전문교육 운영</p>
<form action="search.php" method="post" class="form-inline">
<input type="text" class="form-control search" size="50" placeholder="검색어를 입력하세요">
<input type="submit" value="search" class="btn btn-danger">
</form>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<span class="glyphicon glyphicon-globe logo"></span>
</div>
<div class="col-md-8">
<h1>교육센터 소개</h1>
<p>
TIS 정보기술 교육센터에서는 정부지원 IT 전문교육을 운영하고 있습니다.
</p>
</div>
</div>
</div>
<div class="container-fluid bg-grey">
<div class="row">
<div class="col-md-8">
<h1>교육센터 연혁</h1>
<p>
2013 교육센터 설립
2014 IT전문과정 교육
2015 ^^
</p>
</div>
<div class="col-md-4">
<span class="glyphicon glyphicon-signal logo"></span>
</div>
</div>
</div>
<div class="container-fluid text-center">
<h1 style="padding-bottom:30px;">교육과정</h1>
<div class="row">
<div class="col-md-4">
<span class="glyphicon glyphicon-leaf logo-small"></span>
<h3>웹퍼블리셔</h3>
<p>Web Publisher</p>
</div>
<div class="col-md-4">
<span class="glyphicon glyphicon-heart logo-small"></span>
<h3>프론트앤드개발</h3>
<p>Front End Dev.</p>
</div>
<div class="col-md-4">
<span class="glyphicon glyphicon-off logo-small"></span>
<h3>Java</h3>
<p>Java Dev.</p>
</div>
</div>
</div>
<div class="container-fluid text-center">
<h1 style="padding-bottom:30px;">강의시설</h1>
<div class="row">
<div class="col-md-3">
<div class="thumbnail">
<img src="img/pic1.png" alt="강의실1">
<h3>강의실1</h3>
<p>Class1</p>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail">
<img src="img/pic2.png" alt="강의실2">
<h3>강의실2</h3>
<p>Class2</p>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail">
<img src="img/pic3.png" alt="강의실3">
<h3>강의실3</h3>
<p>Class3</p>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail">
<img src="img/pic3.png" alt="강의실3">
<h3>강의실3</h3>
<p>Class3</p>
</div>
</div>
</div>
</div>
</body>
</html>
'TIS_2017 > 응용sw_1기' 카테고리의 다른 글
| FlowLayout 버튼 크기 변경 (0) | 2016.12.12 |
|---|---|
| java연습문제07 (0) | 2016.12.12 |
| java연습문제06 (0) | 2016.12.09 |
| java연습문제05 (0) | 2016.12.07 |
| java연습문제04 (0) | 2016.12.06 |