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

pictcode / app / View / top / reminder.html @ 1a69c38c

履歴 | 表示 | アノテート | ダウンロード (3.434 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="contact">
45
                        <h2>
46
                                <img src="img/img_h1_reissue.png" alt="パスワードの再設定">
47
                        </h2>
48
                        <p class="">パスワードを再発行します。ご両親にご確認の上、ご登録いただいたメールアドレスを入力し、パスワード再発行用のURLを取得してください。ニックネームに関しましては、再発行用URLをクリックした際に表示されます。<br>(※携帯電話用メールアカウントの場合、メールフィルターを解除する必要があります。「itkids.club」のアカウント受信設定を行ってください。)</p>
49
                        <div id="contents">
50
                        <hr>
51
                                <section>
52
                                        <dl>
53
                                                <dt><label for="">メールアドレス</label></dt>
54
                                                <dd><input type="text" name="email" value="" pattern="^[0-9]+$" id="" placeholder="メールアドレス" /></dd>
55
                                                <dt><label for="">メールアドレス(確認用)</label></dt>
56
                                                <dd><input type="text" name="email" value="" pattern="^[0-9]+$" id="" placeholder="メールアドレス(確認用)"/></dd>
57
                                        </dl>
58
                                </section>
59
                                <section class="caution">
60
                                        <p>メールアドレスが一致しません。<br>誤りがないかもう一度ご確認の上、正確にご入力ください。</p>
61
                                </section>
62
                        </div>
63
                                <section class="button_area01">
64
                                        <a href="index.html"><p class="button btn_back01"></p></a>
65
                                        <a href="reminder_check.html"><p class="button btn_check01"></p></a>
66
                                </section>
67
                </article>
68
        </main>
69
70
        <!-- フッター -->
71
72
        <footer>
73
                <div id="wrapper">
74
                        <ul>
75
                                <li><a href="aboutthis.html" alt="">PictCodeについて</a></li>
76
                                <li><a href="terms.html" alt="">利用規約</a></li>
77
                                <li><a href="privacy.html" alt="">プライバシーポリシー</a></li>
78
                                <li><a href="aboutus.html" alt="">運営会社情報</a></li>
79
                                <li><a href="contact.html" alt="">お問い合わせ</a></li>
80
                        </ul>
81
                        <a href="index.html"><img class="logo" src="img/footer_logo01.png" alt=""></a>
82
                        <hr>
83
                        <img class="logo" src="img/footer_logo02.png" alt="">
84
                </div>
85
        </footer>
86
87
        <!-- js -->
88
        <script src="js/require_config.js"></script>
89
        <script data-main="js/app.js" src="js/require.js"></script>
90
</body>
91
</html>