moozi


<!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>

신고

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

introduce2.html  (0) 2016.09.24
jquery mobile 기본구문  (0) 2016.09.24
loader.html  (0) 2016.09.10
반응형 웹페이지 샘플 - photo  (0) 2016.09.10
반응형 웹 샘플  (0) 2016.09.10
9/3 수업파일  (0) 2016.09.03

http://moozi.tistory.com/trackback/671 관련글 쓰기

댓글이 없습니다.

티스토리 툴바