【課題制作】ベーカリーヤマグチ Webサイト リニューアル課題
クレジット
デザイナー
HTML【お問い合わせ】
<!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/mystyle.css"> <title>お問い合わせ | BAKERY YAMAGUCHI</title> </head> <body> <div id="container"> <header> <p class="logo"><a href="index.html"><img src="images/logo.png" alt="ベーカリー ヤマグチ"></a></p> </header> <nav> <ul> <li><a href="index.html">ホーム</a></li> <li><a href="menu.html">商品紹介</a></li> <li><a href="effort.html">当店のこだわり</a></li> <li><a class="select" href="contact.html">お問い合わせ</a></li> </ul> </nav> <div id="main"> <h1 class="code4">お問い合わせ</h1> <ul class="adress"> <h2>お問い合わせ先</h2> <p class="message">いただいたお問い合わせにはできるだけ迅速に対応いたします。<br> どのような内容でもお気軽にご相談ください。</p> <li class="adress_1"><p>電話番号</p><br><h3 class="adress_2">024-000-0000</h3></li> <li class="adress_1"><p>FAX</p><br><h3 class="adress_2">024-XXX-XXXX</h3></li> <li class="adress_1"><p>電子メール</p><br><h3 class="adress_2"><a href="mailto:b-yamagichi@nk.xx.jp">b-yamagichi@nk.xx.jp</a></h3></li> <p class="kome">※電話のお問い合わせは8:00～17:00の間でお願いします。</p> </ul> <div id="contact"> <h2>本店</h2> <img src="images/pan31.jpeg" alt="店の写真" class="image3"> <div id="moji"> <p>住所：〒963-8861 福島県郡山市鶴見坦１丁目１４−５<br> 電話：024-000-0000<br> FAX：024-XXX-XXXX<br> 電子メール：b-yamagichi@nk.xx.jp</p> </div> <p class="pagetop"><a href="#top">ページの先頭へ戻る</a></p> </div> </div> <div> <div id="info"> <h2>店舗情報</h2> <aside> <p><img src="images/logo3.png" alt="ベーカリー ヤマグチ"></p> <p> 【TEL】024-000-0000</p> <p>【Open】8:00～<br> 【Close】19:00</p> <p>【定休】日曜日</p> </aside> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3169.7410870134368!2d140.36022591526492!3d37.39595487983017!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f20!3m3!1m2!1s0x60206cbbe8005311%3A0x9b94a768f26f5d80!2z5pel5pys44CB44CSOTYzLTg4NjEg56aP5bO255yM6YOh5bGx5biC6ba06KaL5Z2m77yR5LiB55uu77yR77yU4oiS77yV!5e0!3m2!1sja!2sus!4v1662697628508!5m2!1sja!2sus" width=400" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> <p class="pagetop"><a href="#top">ページの先頭へ戻る</a></p> </div> <p id="copyright"> <small>Copyright © 2022 Bakery Yamaguchi. All Rights Reserved.</small> <br> <time datetime="2022-9-15">2022年9月15日</time>更新 </p> </div> </div> </body> </html>
詳細
もっとみる
HTMLコード【ホーム】
もっとみる
HTMLコード【商品紹介】
もっとみる
HTML【当店のこだわり】
もっとみる
CSS
もっとみる
fori.io/
fori.io/