【課題制作】ベーカリーヤマグチ 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 class="select" href="index.html">ホーム</a></li> <li><a href="menu.html">商品紹介</a></li> <li><a href="effort.html">当店のこだわり</a></li> <li><a href="contact.html">お問い合わせ</a></li> </ul> </nav> <div id="main"> <h1 class="code1">BAKERY YAMAGUCHI</h1> </div> <h2 class="catch">ホッ。とする想いとおいしさを</h2> <p class="senden">ベーカリーヤマグチは<br> みなさまに安心と幸せを<br> お作りいたします。</p> <img src="images/pan03.jpg" alt="パン3" class="image3"> <div id="news"> <h2>お知らせ</h2> <div class="toumei"> <figure> <a href="menu.html#bread"><img src="images/menu_breads.jpg" alt=""></a> <figcaption><a href="menu.html#bread"><time datetime="2009-01-20">2009.01.20</time><br>熟成生食パンが限定発売。</a></figcaption> </figure> <figure> <a href="menu.html#maracake"><img src="images/menu_maracakes.jpg" alt=""></a> <figcaption><a href="menu.html#maracake"><time datetime="2009-01-11">2009.01.11</time><br>マーラーカオが限定発売。</a></figcaption> </figure> </div> <figure> <img src="images/pan32.jpeg" alt=""> <figcaption><time datetime="2008-12-01">2008.12.01</time><br>ホームページが公開されました。</figcaption> </figure> <p class="pagetop"><a href="#top">ページの先頭へ戻る</a></p> </div> <div> <div id="info"> <h2>店舗情報</h2> <aside> <p><img src="images/logo3.png" alt="logo"></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/