관리 메뉴

moozi

6/4 실습예제 index.html 본문

TIS_2016/주말반_2기

6/4 실습예제 index.html

moozi 2016. 6. 4. 12:23

<html>

<head>

<meta charset="utf-8">

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

<title>곡성</title>

<link rel="stylesheet" href="themes/mytheme1.min.css" />

<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-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 type="text/css">

        .footer{

            font-size: 12px !important;

        }

        .title{

            padding-top: 12px;

        }

        .titleImage{

            padding-left: 5px;

            padding-top: 7px;

        }

    </style>

</head>

<body>

<div data-role="page" data-theme="a">

<div data-role="header" data-position="inline">

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

</div>

<div data-role="content" data-theme="a">

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

   <li>

                    <a href="#"><img src="img/img01.png" width="64" height="64" class="titleImage"><h3 class="title">영화사진</h3></a>

   </li>

   <li>

                    <a href="#"><img src="img/img02.png" width="64" height="64" class="titleImage"><h3 class="title">영화소개</h3></a>

                </li>

   <li>

                    <a href="#"><img src="img/img03.png" width="64" height="64" class="titleImage"><h3 class="title">영화예고편</h3></a>

                </li>

   <li>

                    <a href="#"><img src="img/img04.png" width="64" height="64" class="titleImage"><h3 class="title">상영관위치</h3></a>

                </li>

</ul>

</div>

<div data-role="footer">

            <h6 class="footer">이용약관 | 개인정보처리(취급)방침 | 법적고지 | 회사소개</h6>

</div>

</div>

</body>

</html>

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

6/11 company  (0) 2016.06.11
6/4 영화소개 페이지 예제  (0) 2016.06.04
6/4 실습예제 index.html  (0) 2016.06.04
5/21 layout04.html  (0) 2016.05.21
5/7 수업 백업  (0) 2016.05.07
배경이미지 2개를 활용한 레이아웃  (0) 2016.05.07
0 Comments
댓글쓰기 폼