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

html5 12/18 예제 본문

카테고리 없음

html5 12/18 예제

moozi 2015. 12. 18. 09:59

<!DOCTYPE html>

<html lang="ko">

<head>

  <title>세상에서 가장 안전한 이름 | AhnLab</title>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

 <style>

    .jumbotron { 

        background-color: #1F4889; 

        color: #ffffff;

        padding: 100px 25px;

     }

     .bg-grey {

        background-color: #f6f6f6;

    }

     .container-fluid {

        padding: 60px 50px;

    }

    .logo {

        font-size: 200px;

     }

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

    .col-sm-4 {

        text-align: center;

        margin: 25px 0;

    }

}



 </style>

    

    

    

</head>

<body>


<div class="jumbotron text-center">

  <h1>AhnLab</h1> 

  <p>세상에서 가장 안전한 이름</p> 

  <form class="form-inline">

    <input type="text" class="form-control" size="50" placeholder="Search">

        <button type="button" class="btn btn-success"><span class="glyphicon glyphicon-search"></span> Search</button>

  </form>    

</div>

    

<div class="container-fluid">

    <div class="row">

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

          <h2>

              <p>AhnLab MDS</p>

              <p>APT솔루션 기술혁신상 수상</p>    

          </h2>

          <h4>도전과 혁신, 정상을 향해 달려가다</h4>

          <button class="btn btn-default btn-sm">more</button>

        </div>

        

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

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

        </div>

    </div>

  

</div>


<div class="container-fluid bg-grey">

    <div class="row">

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

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

        </div>

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

          <h2>

              <p>진화된 보안,</p>

              <p>고객의 인텔리전스에서 답을 찾다</p>    

          </h2>

          <h4>RE:SOLUTION, Security with intelligence</h4>

          <button class="btn btn-default btn-sm">more</button>

        </div>

    </div>

  

</div>


    

    

    

</body>

</html>

Comments