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

moozi

jqueryMobile01.html 본문

TIS_2016/주말반_5기

jqueryMobile01.html

moozi 2016. 11. 26. 16:26

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>jQuery Mobile</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>



</head>

<body>

    <div data-role="page" id="main" data-theme="c">

        <div data-role="header">

            <h1>TIS Edu.</h1>

        </div>

        <div data-role="content">

            <a class="ui-btn" href="#">버튼</a>

            <button class="ui-btn">버튼</button>

            

            <form>

                <label>

                    <input name="checkbox-0 " type="checkbox">Check me

                </label>

            </form>


           <div data-role="collapsible">

                <h4>교육원 소개</h4>

                <p>TIS Edu.는 2013년에 설립되었습니다.</p>

            </div>

            

            <input type="text" data-role="date">


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

                <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height:60px">Block A</div></div>

                <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height:60px">Block B</div></div>

            </div><!-- /grid-a -->

       

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

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

                     <div class="ui-bar ui-bar-a" style="height:60px">A</div>

               </div>

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

                    <div class="ui-bar ui-bar-a" style="height:60px">B</div>

               </div>

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

                    <div class="ui-bar ui-bar-a" style="height:60px">C</div>

               </div>

           </div>

       

        </div>

        <div data-role="footer">

            <h1>&copy;TIS Edu. All rights reserved.</h1>

        </div>

    </div>

    

</body>

</html>

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

map.html  (0) 2016.12.03
about2.html  (0) 2016.12.03
jQueryUI.html  (0) 2016.11.26
layout05.html  (0) 2016.11.26
bracket 확장플러그인 다운로드 URL  (0) 2016.11.18
'TIS_2016/주말반_5기' Related Articles more
Comments