Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
일 월 화 수 목 금 토
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
Tags more
Archives
Today
Total
관리 메뉴

moozi

2/16 company 본문

TIS_2018/응용sw2018_1기

2/16 company

moozi 2018. 3. 30. 14:16

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>TIS정보기술교육센터</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/1.12.4/jquery.min.js"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <style>  

        .container{

            padding: 30px;

        }

        .jumbotron { 

            background-color: darkcyan; /* Orange */

            color: #ffffff;

        }

        #about{

            background-color: burlywood;

            margin-top: -30px;

        }

        #history{

            background-color: #f3f3f3;

        }

        .logo{

            font-size: 200px;

            color: darkseagreen;

        }

        .slogo{

            font-size: 70px;  

            color: darkseagreen;

        }

        #subjects{

            text-align: center;

            background: lightgray;

        }

        footer{

            text-align: center;

            background: gray;

        }

        

        

        @media screen and (max-width:768px){

            .col-md-4 {

                text-align:center;

                padding-bottom: 30px;

            }

            .col-md-7{

                padding-top: 20px;

            }

        }

    </style>

</head>

<body>

    <div class="jumbotron text-center">

      <h1>TIS정보기술교육센터</h1> 

      <p>- 정부지원 IT 전문 교육기관</p> 

      <form class="form-inline">

        <div class="input-group">

          <input type="text" class="form-control" size="50" placeholder="검색어를 입력하세요" required>

          <div class="input-group-btn">

            <button type="button" class="btn btn-danger">Search</button>

          </div>

        </div>

      </form>

    </div>

    <div id="about">

        <div class="container"> 

          <div class="row">

              <div class="col-md-8">

                <h2>회사소개</h2>

                <h4>TIS정보기술교육센터는 정부지원 IT 전문 교육 기관입니다.</h4> 

              </div>

              <div class="col-md-4">

                  <span class="glyphicon glyphicon-signal logo"></span>

              </div>

          </div>

                

                              

                 

        </div>

    </div>

    <div id="history">

        <div class="container">  

          <div class="row">

              <div class="col-md-4">

                 <span class="glyphicon glyphicon-globe logo"></span> 

          

              </div>

              <div class="col-md-8">

                  <h2>회사연혁</h2>

              </div>

          </div>      

           

        </div>

    </div>

    <div id="subjects">

        <div class="container"> 

          <h2>과정소개</h2> 

          <div class="row">

              <div class="col-md-4">

                 <span class="glyphicon glyphicon-leaf slogo"></span>

                  <h3>Java과정</h3>

                  <p>Java기반으로 윈도우/웹 프로그래밍 학습</p>

              </div>

              <div class="col-md-4">

                 <span class="glyphicon glyphicon-leaf slogo"></span>

                 <h3>Network과정</h3>

                 <p>실무에 필요한 Network지식 교육</p>

              </div>

              <div class="col-md-4">

                 <span class="glyphicon glyphicon-leaf slogo"></span>

                 <h3>웹디자인과정</h3>

                 <p>Modern Web 디자인 과정 교육</p>

              </div>

          </div>      

           

        </div>

    </div>

    <div id="contact">

       <div class="container">

           <h2>Contact</h2>

            <div class="row">

                <div class="col-md-5">

                    <span class="glyphicon glyphicon-phone"></span>수강&amp;입학문의 : 02-2069-1931, 1544-5637 | <br>

                    <span class="glyphicon glyphicon-phone"></span>업무문의 : 02-2069-1930 |<br>

                     <span class="glyphicon glyphicon-phone"></span> 팩스 : 02-2069-1932 |<br>                 


                    <span class="glyphicon glyphicon-envelope"></span>(우: 70213) 서울특별시 영등포구 선유동2로 70, 이화빌딩 2층(지번 : 서울특별시 영등포구 당산동5가 9-9번지 이화빌딩 2층)

                </div>

                <div class="col-md-7">

                    <form action="contact.jsp">

                        <div class="row">

                            <div class="col-md-6 form-group">

                                <input type="text" name="name" class="form-control" placeholder="name">

                            </div>

                            <div class="col-md-6 form-group">

                                <input type="email"  class="form-control" placeholder="email">

                            </div>

                        </div>

                        <textarea name="question" cols="15" rows="5" placeholder="question" class="form-control form-group"></textarea>

                        <input type="submit" value="submit" class="btn btn-primary">

                    </form>

                </div>

            </div>

        </div>

    </div>

    <div id="map">

        <div class="container">

            <!-- Add Google Maps -->

            <div id="googleMap" style="height:400px;width:100%;"></div>

            <!-- Add Google Maps -->

            <script src="http://maps.googleapis.com/maps/api/js"></script>

            <script>

            var myCenter = new google.maps.LatLng(37.534454, 126.898551);


            function initialize() {

            var mapProp = {

            center:myCenter,

            zoom:16,

            scrollwheel:true,

            draggable:true,

            mapTypeId:google.maps.MapTypeId.ROADMAP

            };


            var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);


            var marker = new google.maps.Marker({

            position:myCenter,

            });


            marker.setMap(map);

            }


            google.maps.event.addDomListener(window, 'load', initialize);

            </script>

        </div>

    </div>

    <footer>

        <div class="container">

            <a href="#">

            <span class="glyphicon glyphicon-chevron-up"></span>

            </a><br>

            &copy;TIS.Edu All rights reserved.

        </div>

        

    </footer>

    

</body>

</html>

'TIS_2018 > 응용sw2018_1기' 카테고리의 다른 글

bmw 이미지  (0) 2018.04.02
bootstrap연습문제01  (0) 2018.03.30
html연습문제08  (0) 2018.03.29
html연습문제07  (0) 2018.03.28
3/28 movie  (0) 2018.03.28
'TIS_2018/응용sw2018_1기' Related Articles more
Comments