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

moozi

movie index.html 본문

TIS_2018/응용sw2018_2기

movie index.html

moozi 2018. 9. 28. 14:34

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>안시성</title>

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

        .icon{

            padding-top: 25px;

            padding-left: 15px;

        }

        .menuText{

            padding-top: 10px;

            padding-left: -100px !important;

        }

        .ui-listview>.ui-li-has-thumb>.ui-btn, .ui-listview>.ui-li-static.ui-li-has-thumb {

            min-height: 3.625em;

            padding-left: 55px;

        }

    </style>

</head>

<body>

    <div data-role="page" id="page1">

        <div data-role="header">

            <img src="img/pic01.jpg" width="100%">

        </div>

        <div data-role="content">

            <ul data-role="listview" data-inset="true">

                <li>

                    <a href="#">

                        <img src="img/pic02.png" class="icon">

                        <h3 class="menuText">영화이미지</h3>

                    </a>

                </li>

                <li>

                    <a href="#">

                       <img src="img/pic03.png" class="icon">

                        <h3 class="menuText">영화예고편</h3>

                    </a>

                </li>

                <li>

                    <a href="#">

                        <img src="img/pic04.png" class="icon">

                        <h3 class="menuText">영화소개</h3>

                    </a>

                </li>

                <li>

                    <a href="#">

                       <img src="img/pic05.png" class="icon">

                        <h3 class="menuText">상영관위치</h3>

                    </a>

                </li>

            </ul>

        </div>

        <div data-role="footer">

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

        </div>

    </div>

</body>

</html>

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

movie  (0) 2018.09.28
html연습문제08  (0) 2018.09.28
html연습문제07  (0) 2018.09.27
layout10  (0) 2018.09.27
html연습문제06  (0) 2018.09.20
'TIS_2018/응용sw2018_2기' Related Articles more
Comments