pictcode / app / View / top / save.html @ d6c3d8de
履歴 | 表示 | アノテート | ダウンロード (3.036 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 | <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="large_form"> |
||
46 | <h2>
|
||
47 | <img src="img/img_h1_admin_save01.png" alt="プログラムほぞん"> |
||
48 | </h2>
|
||
49 | <p>さくせいした プログラムを ほぞん します。</p> |
||
50 | <p>プログラムに タイトルを付け、せるめい文を 書いて みんなに アピールしましょう。</p> |
||
51 | <p>プログラムの ないようと せつめいが 書けたら 「かくにん」ボタンを おしてね!</p> |
||
52 | <section>
|
||
53 | <dl>
|
||
54 | <dt><label for="">タイトル</label></dt> |
||
55 | <dd><input type="text" name="title" value="" id="" placeholder="タイトル" /></dd> |
||
56 | <dt><label for="">せつめい</label></dt> |
||
57 | <dd><textarea name="description" value="" id="" placeholder="せつめい" /></textarea></dd> |
||
58 | </dl>
|
||
59 | </section>
|
||
60 | <section class="button_area01"> |
||
61 | <a href="index.html"><p class="button btn_back02"></p></a> |
||
62 | <a href="save_check.html"><p class="button btn_check02"></p></a> |
||
63 | </section>
|
||
64 | </article>
|
||
65 | </main>
|
||
66 | |||
67 | <!-- フッター -->
|
||
68 | |||
69 | <footer>
|
||
70 | <div id="wrapper"> |
||
71 | <ul>
|
||
72 | <li><a href="aboutthis.html" alt="">PictCodeについて</a></li> |
||
73 | <li><a href="terms.html" alt="">利用規約</a></li> |
||
74 | <li><a href="privacy.html" alt="">プライバシーポリシー</a></li> |
||
75 | <li><a href="aboutus.html" alt="">運営会社情報</a></li> |
||
76 | <li><a href="contact.html" alt="">お問い合わせ</a></li> |
||
77 | </ul>
|
||
78 | <a href="index.html"><img class="logo" src="img/footer_logo01.png" alt=""></a> |
||
79 | <hr>
|
||
80 | <img class="logo" src="img/footer_logo02.png" alt=""> |
||
81 | </div>
|
||
82 | </footer>
|
||
83 | |||
84 | <!-- js -->
|
||
85 | <script src="js/require_config.js"></script> |
||
86 | <script data-main="js/app.js" src="js/require.js"></script> |
||
87 | </body>
|
||
88 | </html> |