/app/View/top/contact.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="contact">

46

                        <h2>

47

                                <img src="img/img_h1_contact01.png" alt="お問い合わせ - 送信内容入力">

48

                        </h2>

49

                        <p class="">PictCodeに関するお問い合わせやご相談、ご質問などがございましたら、下記のお問い合わせフォームより対応いたします。</p>

50

                <hr>

51

                        <section>

52

                                <dl>

53

                                        <dt><label for="">お名前</label></dt>

54

                                        <dd><input type="text" name="name" value="" id="" placeholder="お名前" /></dd>

55

                                        <dt><label for="">年齢</label></dt>

56

                                        <dd><input type="text" name="age" value="" id="" pattern="^[0-9A-Za-z]+$" placeholder="半角数字" /></dd>

57

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

58

                                        <dd><input type="text" name="email" value="" id="" pattern="^[0-9A-Za-z]+$" placeholder="半角英数字" /></dd>

59

                                        <dt><label for="">メールアドレス(確認用)</label></dt>

60

                                        <dd><input type="text" name="email" value="" id="" pattern="^[0-9A-Za-z]+$" placeholder="半角英文字(再入力)" /></dd>

61

                                        <dt><label for="">郵便番号</label></dt>

62

                                        <dd><input type="text" name="email" value="" id="" pattern="^[0-9A-Za-z]+$" placeholder="半角数字で入力して下さい" /></dd>

63

                                        <dt><label for="">ご住所</label></dt>

64

                                        <dd><input type="text" name="address01" value="" id="" placeholder="例） ○○県 ○○市○○町 ○丁目 ○‐○" /></dd>

65

                                        <dd><input type="text" name="address02" value="" id="" placeholder="例） ○○ビル○○号室" /></dd>

66

                                        <dt><label for="">お電話番号</label></dt>

67

                                        <dd><input type="text" name="email" value="" pattern="^[0-9]+$" id="" placeholder="半角数字" /></dd>

68

                                        <dt><label for="">お問い合わせ内容</label></dt>

69

                                        <dd><textarea type="text" name="details" value="" id="" placeholder="お問い合わせ内容をご記入ください"></textarea></dd>

70

                                </dl>

71

                        </section>

72

                        <section class="button_area01">

73

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

74

                                <a href="contact_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 / contact.html @ 304d523f