/app/View/top/register.html - アノテート - pictcode - Redmine

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

                <a href=""><img class="header_button right" type="button" src="img/btn_header_014.png" alt=""></a>

27

        </header>

28

29

        <!-- メインコンテンツ -->

30

31

        <script type="text/javascript">

32

        $(function(){

33

                reviseMargin();

34

                $(window).on("resize",reviseMargin);

35

                function reviseMargin(){

36

                        $("#contents").css({

37

                                "margin-top":$("header")[150].offsetHeight + "px",

38

                                "margin-bottom": $("footer")[450].offsetHeight + "px"

39

});

40

41

});

42

        </script>

43

44

        <main role="main">

45

                <article class="register">

46

                        <h2>

47

                                <img src="img/img_h1_register01.png" alt="PictCode登録 - 情報入力">

48

                        </h2>

49

                        <ol>

50

                        <li id="navigator01_on"></li>

51

                        <li id="navigator02_off"></li>

52

                        <li id="navigator03_off"></li>

53

                        <li id="navigator04_off"></li>

54

                        </ol>

55

                        <p class="">PictCodeに新規登録を行います。登録の際にはご両親の付き添い、または管理のもと、お間違いのないよう入力を行ってください。</p>

56

                        <div id="contents">

57

                                <section>

58

                                        <dl>

59

                                                <dt><label for="">ニックネーム</label></dt>

60

                                                <dd><input type="text" name="name" value="" id="" placeholder="ニックネーム" /></dd>

61

                                                <dt><label for="">パスワード</label></dt>

62

                                                <dd><input type="text" name="email" value="" id="" placeholder="パスワード" /></dd>

63

                                                <dt><label for="">パスワード（確認用）</label></dt>

64

                                                <dd><input type="text" name="email" value="" id="" placeholder="パスワード(確認用)" /></dd>

65

                                                <dt><label for="">メールアドレス</label></dt>

66

                                                <dd><input type="text" name="email" value="" id="" placeholder="メールアドレス" /></dd>

67

                                                <dt><label for="">キャプチャコード</label></dt>

68

                                                <dd><input type="text" name="email" value="" id="" placeholder="絵の文字" /></dd>

69

                                        </dl>

70

                                </section>

71

                        </div>

72

                                <section class="button_area01">

73

                                        <a href="index.html"><p class="button btn_back01"></p></a>

74

                                        <a href="register_check.html"><p class="button btn_check01"></p></a>

75

                                </section>

76

                </article>

77

        </main>

78

79

        <!-- フッター -->

80

81

        <footer>

82

                <div id="wrapper">

83

                        <ul>

84

                                <li><a href="aboutthis.html" alt="">PictCodeについて</a></li>

85

                                <li><a href="terms.html" alt="">利用規約</a></li>

86

                                <li><a href="privacy.html" alt="">プライバシーポリシー</a></li>

87

                                <li><a href="aboutus.html" alt="">運営会社情報</a></li>

88

                                <li><a href="contact.html" alt="">お問い合わせ</a></li>

89

                        </ul>

90

                        <a href="index.html"><img class="logo" src="img/footer_logo01.png" alt=""></a>

91

                        <hr>

92

                        <img class="logo" src="img/footer_logo02.png" alt="">

93

                </div>

94

        </footer>

95

96

        <!-- js -->

97

        <script src="js/require_config.js"></script>

98

        <script data-main="js/app.js" src="js/require.js"></script>

99

</body>

100

</html>

pictcode

pictcode / app / View / top / register.html @ d6c3d8de