관리 메뉴

moozi

introduce2.html 본문

TIS_2016/주말반_4기

introduce2.html

moozi 2016. 9. 24. 17:35

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>영화소개 - 밀정</title>
   
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />

    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
   
    <style>
        .ui-block-a, .ui-block-b{
            font-size: 8px !important;
        }
        .thumbnail{
            width:80px;
            height:150px;
            float:left;
            padding-right: 3px;
        }
    </style>
</head>
<body>
   <div data-role="page" id="page1">
       <div data-role="header">
          <a href="index.html" data-icon="home" data-iconpos="notext">home</a>
           <h1>등장인물</h1>
           <a href="index.html" data-icon="back" data-iconpos="notext">prev</a>
           <div data-role="navbar">
               <ul>
                   <li>
                       <a href="introduce.html">줄거리</a>
                   </li>
                   <li>
                       <a href="introduce2.html" class="ui-btn-active">등장인물</a>
                    </li>
                   <li>
                       <a href="introduce3.html">평점</a>
                    </li>
               </ul>
           </div>
        </div>
       <div data-role="content">
          <h3>등장인물</h3>
          <div class="ui-grid-a">
              <div class="ui-block-a">
                  <img src="img/img01.jpg" class="thumbnail">

 

                  <h3>송강호</h3>

                  <h3>Song Kang-ho</h3>


                  <p>주연</p>

                   <p> 이정출 역 </p>
                   <p> 택시운전사,2016</p>
                   <p> 제5열,2016</p>

              </div>
              <div class="ui-block-b">
                  <img src="img/img01.jpg" class="thumbnail">

 

                  <h3>송강호</h3>

                  <h3>Song Kang-ho</h3>


                  <p>주연</p>

                   <p> 이정출 역 </p>
                   <p> 택시운전사,2016</p>
                   <p> 제5열,2016</p>

              </div>
          </div>
     

       </div>
       <div data-role="footer">
           <h3>&copy;Copyright all right reserved by CGV.</h3>
       </div>
   </div>
  
   
</body>
</html>

'TIS_2016 > 주말반_4기' 카테고리의 다른 글

map.html  (0) 2016.10.01
movie  (0) 2016.10.01
jquery mobile 기본구문  (0) 2016.09.24
loader.html  (0) 2016.09.10
반응형 웹페이지 샘플 - photo  (0) 2016.09.10
Comments