統計
| ブランチ: | リビジョン:

pictcode / app / View / top / index.html @ b3a58ce1

履歴 | 表示 | アノテート | ダウンロード (2.475 KB)

1 50763f5b shiwa
<!DOCTYPE html>
2
3
<html>
4
<head>
5
        <title>-PictCode-</title>
6
        <meta name="apple-mobile-web-app-capable" content="yes">
7
        <meta name="viewport" content="width=device-width, initial-scale=1.0,  maximum-scale=1.0, minimum-scale=1.0">
8
        <meta charset = "UTF-8">
9
        <meta http-equiv="pragma" content="public">
10
        <meta http-equiv="Cache-Control" content="public">
11
        <meta http-equiv="Expires" content="-1">
12
        <meta http-equiv="Expires" content="86400">
13
        <!-- css -->
14
        <link href = "css/main.css" rel="stylesheet" type="text/css">
15
        <link href="css/bootstrap/bootstrap.css" rel="stylesheet" >
16
        <link href="css/jquery-ui.min.css" rel="stylesheet" >
17
        <!--         <link href = "css/fixedheaderandfooter.css" rel="stylesheet" type="text/css">-->
18
</head>
19
20
<body>
21
        <!-- ヘッダー -->
22
23
        <header>
24
                <a href=""><img class="header_button left" type="button" src="img/btn_header_004.png" alt=""></a>
25
                <img class="center" src="img/header_title.png" alt="Pict Code">
26
        </header>
27
        
28
        <!-- メインコンテンツ -->
29
30
        <script type="text/javascript">
31
        $(function(){
32
                reviseMargin();
33
                $(window).on("resize",reviseMargin);
34
                function reviseMargin(){
35
                        $("#contents").css({
36
                                "margin-top":$("header")[150].offsetHeight + "px",
37
                                "margin-bottom": $("footer")[450].offsetHeight + "px"
38
                        });
39
                }
40
        });
41
        </script>
42
43
        <main role="main">
44
                <article class="main_top">
45
                        <section class="main_top01">
46
                                <p class="main_btn01"><a href=""><img src="img/img_arrow_top01.png">今すぐ始める!</a></p>
47
                        </section>
48
                        <section class="main_top02">
49
                                <p class="main_btn02"><a href="login.html"><img src="img/img_arrow_top02.png" style="margin-right:10px;">ログインする</a></p>
50
                                <p class="main_btn03"><a href="register.html"><img src="img/img_arrow_top03.png" style="margin-right:8px;">とうろくする</a></p>
51
                        </section>
52
                </article>
53
        </main>
54
55
        <!-- フッター -->
56
57
        <footer>
58
                <div id="wrapper">
59
                        <ul>
60
                                <li><a href="aboutthis.html" alt="">PictCodeについて</a></li>
61
                                <li><a href="terms.html" alt="">利用規約</a></li>
62
                                <li><a href="privacy.html" alt="">プライバシーポリシー</a></li>
63
                                <li><a href="aboutus.html" alt="">運営会社情報</a></li>
64
                                <li><a href="contact.html" alt="">お問い合わせ</a></li>
65
                        </ul>
66
                        <a href="index.html"><img class="logo" src="img/footer_logo01.png" alt=""></a>
67
                        <hr>
68
                        <img class="logo" src="img/footer_logo02.png" alt="">
69
                </div>
70
        </footer>
71
72
        <!-- js -->
73
        <script src="js/require_config.js"></script>
74
        <script data-main="js/app.js" src="js/require.js"></script>
75
</body>
76
</html>