【課題制作】ベーカリーヤマグチ 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 class="select" href="effort.html">当店のこだわり</a></li> <li><a href="contact.html">お問い合わせ</a></li> </ul> </nav> <div id="main"> <h1 class="code3">当店のこだわり</h1> <div id="sozai"> <section> <h2>素材のこだわり</h2> <img src="images/aomidori0I9A8543_TP_V.jpg" alt=""> <p>ベーカリーヤマグチのパンは<span>アレルギーのお子様にも</span>安心して召し上がっていただけるよう、<span>無添加の材料</span>にこだわっています。<br> また、惣菜パンなどに使用する材料も、<span>国産の有機野菜</span>などを使用。国産で手に入らない物は<span>厳選したオーガニックの材料</span>などを用い、選び抜かれた素材を使用してご提供しています。美味しさとともに、<span>お客さまの食卓へ安心と安全を届けたい</span>と願っています</p> </section> <p class="pagetop"><a href="#top">ページの先頭へ戻る</a></p> </div> <div id="koubo"> <section> <h2>パン酵母へのこだわり</h2> <img src="images/pankiji.jpg" alt=""> <p>パン酵母とは、<span>パン作りに適した酵母</span>のことです。パン作りに適した酵母を<span>純粋培養した「イースト」</span>や、<span>野生の酵母を培養した「天然酵母」</span>があります。</p> <p>「天然酵母」は一般的には果物や穀物などについているたくさんの酵母菌やその他の菌を利用し発酵させたもので、独特の風味や香りを生み出し、<span>パンに深い味わい</span>を与えます。ベーカリーヤマグチでは<span>パンごとに適したパン酵母を選択</span>し、<span>厳密な温度管理の元で発酵</span>させ、生地づくりをしています。パンは生きものなのです。</p> </section> <p class="pagetop"><a href="#top">ページの先頭へ戻る</a></p> </div> <div> </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> </body> </html>
詳細
もっとみる
HTMLコード【ホーム】
もっとみる
HTMLコード【商品紹介】
もっとみる
HTML【お問い合わせ】
もっとみる
CSS
もっとみる
fori.io/
fori.io/