読者です 読者をやめる 読者になる 読者になる

Webデザインの勉強 ハロートレーニング 受講生のためのWebデザインの勉強補足ブログ

リキッドレイアウト

HTML+CSS

リキッドレイアウト

どんぐりスウィーツ

Concept
Brownie
Tart
Cookie 
Access

上質な木の実をつかって、ひとつひとつ丁寧に焼き上げました。

Concept
どんぐりスウィーツは、森の恵みがたっぷり入った焼き菓子専門店。森の奥深くでひっそりと営業しています。

特に、こだわっているのは木の実。森に住むリス達が手摘みしたカタチの良い上質な木の実だけを使った焼き菓子は、どこか懐かしさを感じる素朴な味わいです。

四季折々の森のお菓子を用意して、みなさまのお越しをお待ちしています。

Brownie
木の実のチョコレート・ブラウニー


濃厚なチョコレートの風味は、森の木の実と相性バッチリ。
時間をかけてじっくり焼き上げているから、しっとりしとしたリッチな味わいです。

1切れ:150円

Tart
木の実の小さいタルト


サクサクのタルトとふわふわフィリングのコントラストが楽しい。
香ばしい木の実の旨味が口いっぱいに広がる小さいタルトです。

1個:300円

Cookie
いろんな木の実のクッキー


スウィートどんぐりのクッキーは、エゾリスの大好物。森の動物達に長く愛されています。
それぞれの木の実の風味が引き立つさっくり軽い食感のクッキーです。

1枚:60円〜

Access
ミズナラ区どんぐり1丁目 森の入り口から徒歩約45分
012-345-0000


森の入り口でエゾリスを探して声をかけてくださいね。

カフェスペースでは、おいしいコーヒーとともに、焼き菓子を楽しむことができます。お気軽にお越しください。

TOPへ

© Copyright 2016 sweet dongri


f:id:web-0818:20161206124217p:plain


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>どんぐりスウィーツ</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="container">
<header>
<h1><img src="img/logo.png" alt="どんぐりスウィーツ"></h1>
<nav class="navigation">
<ul>
<li><a href="#concept">Concept</a></li>
<li><a href="#brownie">Brownie</a></li>
<li><a href="#tart">Tart</a></li>
<li><a href="#cookie">Cookie</a></li>
<li><a href="#access">Access</a></li>
</ul>
</nav>
</header>

<main>
<div class="mainvisual">
<img src="img/mainvisual.jpg" alt="上質な木の実をつかって、ひとつひとつ丁寧に焼き上げました。">
</div>

<section id="concept">
<div class="inner">
<h2>Concept</h2>

<p>どんぐりスウィーツは、森の恵みがたっぷり入った焼き菓子専門店。森の奥深くでひっそりと営業しています。</p>
<p>特に、こだわっているのは木の実。森に住むリス達が手摘みしたカタチの良い上質な木の実だけを使った焼き菓子は、どこか懐かしさを感じる素朴な味わいです。</p>
<p>四季折々の森のお菓子を用意して、みなさまのお越しをお待ちしています。</p>
</div>
</section>

<section id="brownie">
<div class="inner">
<h2>Brownie</h2>
<p class="subcopy">木の実のチョコレート・ブラウニー</p>
<div class="imageunit">
<img src="img/img-01.jpg" alt="">
<p>濃厚なチョコレートの風味は、森の木の実と相性バッチリ。<br>
  時間をかけてじっくり焼き上げているから、しっとりしとしたリッチな味わいです。</p>
<p>1切れ:150円</p>
</div><!-- /.imageunit -->
</div><!-- /.inner -->
</section>

<section id="tart">
<div class="inner">
<h2>Tart</h2>
<p class="subcopy">木の実の小さいタルト</p>
<div class="imageunit">
<img src="img/img-02.jpg" alt="">
<p>サクサクのタルトとふわふわフィリングのコントラストが楽しい。<br>
  香ばしい木の実の旨味が口いっぱいに広がる小さいタルトです。</p>
<p>1個:300円</p>
</div><!-- /.imageunit -->
</div><!-- /.inner -->
</section>

<section id="cookie">
<div class="inner">
<h2>Cookie</h2>
<p class="subcopy">いろんな木の実のクッキー</p>
<div class="imageunit">
<img src="img/img-03.jpg" alt="">
<p>スウィートどんぐりのクッキーは、エゾリスの大好物。森の動物達に長く愛されています。<br>
  それぞれの木の実の風味が引き立つさっくり軽い食感のクッキーです。</p>
<p>1枚:60円〜</p>
</div><!-- /.imageunit -->
</div><!-- /.inner -->
</section>

<section id="access">
<div class="inner">
<h2>Access</h2>
<p class="info">ミズナラ区どんぐり1丁目 森の入り口から徒歩約45分<br>
012-345-0000</p>
<div class="imageunit">
<img src="img/img-04.jpg" alt="">
<p>森の入り口でエゾリスを探して声をかけてくださいね。</p>
<p>カフェスペースでは、おいしいコーヒーとともに、焼き菓子を楽しむことができます。お気軽にお越しください。</p>
</div><!-- /.imageunit -->
</div><!-- /.inner -->
</section>

</main>

<footer>
<p class="pagetop"><a href="#top">TOPへ</a></p>
<p class="copyright"><small>&copy; Copyright 2016 sweet dongri</small></p>
</footer>
</div><!-- /#container -->
</body>
</html>