実際に授業でやった内容に沿ってポートフォリオ作成しました!

名称「Pan Paris」

完成図は添付してます。

今回はHTMLの内容を持ってきましたので研究の保存をここに残したいとおもいます。

 

 

 

 

 

<!DOCTYPE html>
<html lang="ja">
    
<head>
    <meta charset="utf-8">
    <title>Pan Paris</title>
<meta name="世界のパンを幅広く展開する当店のオススメパンを紹介します。" content="elemenr">
    
    <link href="css/style.css" rel="stylesheet">
    </head>
<body>
    
<!--header-->
<header>
<div class="container">
<h1>Pan Paris</h1>
<p>世界中のパンとコーヒーが味わえる場所</p>

</div>
</header>
<div class="container">

<!--navigation-->
    <nav>
    <ul>
    <li><a href="#">HOME</a></li>
    <li><a href="#">NEWS</a></li>
    <li><a href="#">Break-Menu</a></li>
    <li><a href="#">Recipe</a></li>
    <li><a href="#">MAP</a></li>
    <li><a href="#">CONTACT</a></li>
    </ul>
</nav>

<!--main contents-->
<h2>オススメのパンの紹介</h2>

<!--sub1-->
<h3>食パンMUGI</h3>
<p>当店人気No1はこちらの食パンです。</p>
<img src="img/shokupan-img1341091_640.jpg" alt="食パン画像">

<p>
しっとり感とふんわりソフトな食感にこだわり、
原料配合と焼成方法を工夫した独自の製法を開発。
手に持つとはっきりとわかるやわらかさを実現しました。
ミミまでやわらかいのでサンドイッチにも最適です。
</p>
<!--sub2-->
<h3>三種のフランスパン</h3>
<p>おいしいフランスパンなら必ず備えている3つの食感
「バリバリ」、「パリパリ」、「もっちり」が贅沢に味わえる!</p>
<p>
<img src="img/bagget-2561_640.jpg" alt="フランスパンバゲット写真">
</p>

<!--explication-->
<dl>
<dt>バゲット</dt>
<dd>パリッとした焼き上がりが特徴です。輪切りにしてオードブルなどに使うのもおすすめです。</dd>

<dt>バタール</dt>
<dd>バゲットより長さが短く太さがあり、焼き上がりはモチっとした食感です。
</dd>

<dt>クッペ</dt>
<dd>クッペは「切られた」という意味を持つそうです。太く短く作られます。</dd>
</dl>

<!--sub3-->
<h3>プレッツェル</h3>
<p class="description">伝統的なドイツのパン。</p>
<p>
<img src="img/pretzel-2323646_640.jpg" alt="プレッツェルの写真">
</p>
<p>
本場ドイツではソーセージとビールによく合う、塩気の強い硬いパンが好んで食べられています。
生地から成型、焼き上げまで、お店で全て作っているので出来立てフワフワを食べる事が出来るのがいいですね。
</p>

<!--sub4-->
<h3>クロワッサン</h3>
<p>フランスのパン職人が毎日30食限定で焼き上げます。
</p>
<p>
<img src="img/croissants-4077812_640.jpg" alt="クロワッサン画像">
</p>
<p>
サクッ。パリッ。ふわ~
プレーン、アーモンド、シナモンと味のバラエティーも見どころです。<br>
<small>注おひとり様各種1個までとなります。</small>
</p>
<!--maincontents2 table-->
<h2>今月のHappier-sirvices</h2>

<table border="1">
<tr><th>曜日/時間</th><th>対象</th><th>サービス内容</th></tr>
<tr><td>月/朝7:00-8:00</td><td>(税込)600円以上</td><td>コーヒーsサイズ</td></tr>
<tr><td>火/朝7:00-8:00</td><td>(税込)600円以上</td><td>コーヒーsサイズ</td></tr>
<tr><td>水/昼12:00-15:00</td><td>ランチメニュー注文</td><td>デザート無料</td></tr>
<tr><td>木/夕方16:00-18:00</td><td>バゲット2本購入</td><td>クラフトビールプレゼント</td></tr>
<tr><td>金/夜17:00-19:00</td><td>ディナーメニュー注文</td><td>乾杯ドリンクプレゼント</td></tr>
<tr><td>週末/朝8:00-9:00</td><td>食パン購入</td><td>秘伝ジャム15gプレゼント</td>
</tr>

</table>
</div>

<!--footer-->
<footer>
<p class="container"><small>
Copyrig1ht&copy;2019 All rights reserved.
</small>
</p>

</footer>

</body>
    
    
    </html>