pictcode / app / View / top / contact_check.html @ 787484d2
履歴 | 表示 | アノテート | ダウンロード (4.102 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="contact">  | 
      ||
| 46 |                         <h2>
 | 
      ||
| 47 | <img src="img/img_h1_contact02.png" alt="お問い合わせ - 送信内容確認">  | 
      ||
| 48 |                         </h2>
 | 
      ||
| 49 | <p class="">ご記入内容に誤りがないかをご確認ください。内容に誤りがある場合には「修正する」ボタンを押して修正を、問題がないようでしたら「送信する」ボタンを押して送信してください。</p>  | 
      ||
| 50 |                         <hr>
 | 
      ||
| 51 |                                 <section>
 | 
      ||
| 52 |                                         <dl>
 | 
      ||
| 53 | <dt><label for="">お名前</label></dt>  | 
      ||
| 54 | <dd>お名前 太郎</dd>  | 
      ||
| 55 | <dt><label for="">年齢</label></dt>  | 
      ||
| 56 | <dd>92歳</dd>  | 
      ||
| 57 | <dt><label for="">メールアドレス</label></dt>  | 
      ||
| 58 | <dd>onamaetarou@onamae.com</dd>  | 
      ||
| 59 | <dt><label for="">郵便番号</label></dt>  | 
      ||
| 60 | <dd>〒180-0004</dd>  | 
      ||
| 61 | <dt><label for="">ご住所</label></dt>  | 
      ||
| 62 | <dd>東京都港区西麻布4-18-1</dd>  | 
      ||
| 63 | <dd>麻布ウェストB1F</dd>  | 
      ||
| 64 | <dt><label for="">お電話番号</label></dt>  | 
      ||
| 65 | <dd>03-3409-4767</dd>  | 
      ||
| 66 | <dt><label for="">お問い合わせ内容</label></dt>  | 
      ||
| 67 | <dd>西麻布で長年愛され続けるオムライスが有名な洋食屋。<br>以前、職場が近かったのでよく利用していましたが、突然の閉店。その1年後に場所を変えて復活したという噂は聞いていましたが、職場が変りなかなか行けていなかったのですが、久々に行きました。<br>場所は以前の場所よりもさらに牛坂を上がった住宅地の奥。確実に知っている人しか来れない場所なので心配です。<br>店内は半地下ですが、以前よりも広く開放的になっていました。<br>オムライス(945円・大盛り1,155円)はデミソース、ホワイトソース、ケチャップの3種類から選べます。個人的にはほろ苦いデミソースが好きです。</dd>  | 
      ||
| 68 |                                         </dl>
 | 
      ||
| 69 |                                 </section>
 | 
      ||
| 70 | <section class="button_area01">  | 
      ||
| 71 | <a href="contact.html"><p class="button btn_alter01"></p></a>  | 
      ||
| 72 | <a href="contact_thanks.html"><p class="button btn_submit"></p></a>  | 
      ||
| 73 |                                 </section>
 | 
      ||
| 74 |                 </article>
 | 
      ||
| 75 |         </main>
 | 
      ||
| 76 | |||
| 77 |         <!-- フッター -->
 | 
      ||
| 78 | |||
| 79 |         <footer>
 | 
      ||
| 80 | <div id="wrapper">  | 
      ||
| 81 |                         <ul>
 | 
      ||
| 82 | <li><a href="aboutthis.html" alt="">PictCodeについて</a></li>  | 
      ||
| 83 | <li><a href="terms.html" alt="">利用規約</a></li>  | 
      ||
| 84 | <li><a href="privacy.html" alt="">プライバシーポリシー</a></li>  | 
      ||
| 85 | <li><a href="aboutus.html" alt="">運営会社情報</a></li>  | 
      ||
| 86 | <li><a href="contact.html" alt="">お問い合わせ</a></li>  | 
      ||
| 87 |                         </ul>
 | 
      ||
| 88 | <a href="index.html"><img class="logo" src="img/footer_logo01.png" alt=""></a>  | 
      ||
| 89 |                         <hr>
 | 
      ||
| 90 | <img class="logo" src="img/footer_logo02.png" alt="">  | 
      ||
| 91 |                 </div>
 | 
      ||
| 92 |         </footer>
 | 
      ||
| 93 | |||
| 94 |         <!-- js -->
 | 
      ||
| 95 | <script src="js/require_config.js"></script>  | 
      ||
| 96 | <script data-main="js/app.js" src="js/require.js"></script>  | 
      ||
| 97 | </body>
 | 
      ||
| 98 | </html> |