관리 메뉴

moozi

about2.html 본문

TIS_2016/주말반_5기

about2.html

moozi 2016. 12. 3. 11:23

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>감바의대모험</title>

    <!-- viewport-->

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


    <!-- jQuery Mobile stylesheets -->

    <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">


    <!-- jQuery-->

    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>


    <!-- jQuery Mobile-->

    <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

    

    <style>

        .ui-grid-a img{float:left; width:70xpx; height:130px; margin:5px;}

        .ui-grid-a {

            font-size:11px;

        }

        .ui-grid-a h5{color:blue;}

    </style>   

</head>

<body>

    <div data-role="page">

        <div data-role="header">

            <a href="index.html" data-icon="back" data-iconpos="notext" rel="external">back</a>

            <h1>영화소개</h1>

            <a href="index.html" data-icon="home" data-iconpos="notext" rel="external">home</a>

            <div data-role="navbar">

                <ul>

                    <li><a href="about.html" rel="external">줄거리</a></li>

                    <li><a href="about2.html" rel="external" class="ui-btn-active">등장인물</a></li>

                    <li><a href="about3.html" rel="external">평점</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"> 

                    <h5>카지 유우키</h5>

                    Kaji Yuuki<br>

                    주연<br>

                    감바 목소리 역<br>

                    예전부터 계속 좋아했어.<br>

                     ~고백실행위원회~,2016<br>

                    하이스쿨 DXD BorN,2015

                </div>

                <div class="ui-block-b">

                    <img src="img/img02.jpg">

                    <h5>칸다 사야카</h5>h5>

                    Sayaka Kanda<br>

                    주연<br>

                    쇼지 목소리 역<br>

                    오모테산도 고교 합창부!,2015<br>

                    감바의 대모험,2015

                </div>

            </div>

            

            <div class="ui-grid-a">

                <div class="ui-block-a">

                    <img src="img/img01.jpg"> 

                    <h5>카지 유우키</h5>

                    Kaji Yuuki<br>

                    주연<br>

                    감바 목소리 역<br>

                    예전부터 계속 좋아했어.<br>

                     ~고백실행위원회~,2016<br>

                    하이스쿨 DXD BorN,2015

                </div>

                <div class="ui-block-b">

                    <img src="img/img02.jpg">

                    <h5>칸다 사야카</h5>h5>

                    Sayaka Kanda<br>

                    주연<br>

                    쇼지 목소리 역<br>

                    오모테산도 고교 합창부!,2015<br>

                    감바의 대모험,2015

                </div>

            </div>

            

        </div>

        

        <div data-role="footer" data-position="fixed">

            <h1>&copy;CGV. All rights reserved.</h1>

        </div>

    </div>

</body>

</html>

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

index.html  (0) 2016.12.03
map.html  (0) 2016.12.03
jQueryUI.html  (0) 2016.11.26
jqueryMobile01.html  (0) 2016.11.26
layout05.html  (0) 2016.11.26
0 Comments
댓글쓰기 폼