-
Notifications
You must be signed in to change notification settings - Fork 0
/
text.txt
120 lines (108 loc) · 4.47 KB
/
text.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
//////////////で囲まれている文章をコピー&ペースとしてね
------ 2-2 <p>タグを使って文章を入れよう ------
//////////////////////////////////////////////
吉祥地駅から徒歩5分の場所にある「Litacafe」<br>
店内は懐かしさと温もりにあふれ、スイーツや軽食を楽しみながらゆったりとくつろぐことができます。<br>
カフェラテやエスプレッソなどの本格的なコーヒーメニューだけではなく、香り高い紅茶もオススメの一品。<br>
ご一緒に手作りチーズケーキやシフォンケーキなどのスイーツもご用意しています。<br>
おひとりさまでも、デートでも、気軽にお越しください。<br>
お待ちしております!
//////////////////////////////////////////////
------ 3-1 リストを使ってメニューを作ろう ------
//////////////////////////////////////////////
<ul class="price-flex ulreset">
<li class="kind">
<ul class="ul01 ulreset">
<li class="li01 titleborder">Coffee</li>
</ul>
</li>
<li class="price">
<ul class="ulreset">
<li class="li01">Espresso</li>
<li class="li02">270</li>
<li class="li03">300</li>
<li class="li04">340</li>
</ul>
<ul class="ulreset">
<li class="li01">Americano</li>
<li class="li02">270</li>
<li class="li03">300</li>
<li class="li04">340</li>
</ul>
<ul class="ulreset">
<li class="li01">Cappuccino</li>
<li class="li02">270</li>
<li class="li03">300</li>
<li class="li04">340</li>
</ul>
<ul class="ulreset">
<li class="li01">Latte</li>
<li class="li02">270</li>
<li class="li03">300</li>
<li class="li04">340</li>
</ul>
</li>
<li class="kind2">
<ul class="ul01 ulreset">
<li class="li01 titleborder">Tea</li>
</ul>
</li>
<li class="price">
<ul class="ulreset">
<li class="li01">Hot Tea</li>
<li class="li02">270</li>
<li class="li03">300</li>
<li class="li04">340</li>
</ul>
<ul class="ulreset">
<li class="li01">Iced Tea</li>
<li class="li02">270</li>
<li class="li03">300</li>
<li class="li04">340</li>
</ul>
</li>
<li class="kind2">
<ul class="ul01 ulreset">
<li class="li01 titleborder">Not Coffee</li>
</ul>
</li>
</ul>
//////////////////////////////////////////////
------ 4-1 地図をうめこもう ------
//////////////////////////////////////////////
<div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3239.825646062215!2d139.576723151283!3d35.70590793612761!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018efa4da33e9d1%3A0xd7dc80dccd925ca2!2zTElUQUxJQ0_jg6_jg7Pjg4Djg7wg5ZCJ56Wl5a-6!5e0!3m2!1sja!2sjp!4v1562567414442!5m2!1sja!2sjp" width="450" height="600" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
//////////////////////////////////////////////
------ 4-2 リストを使って情報を並べてみよう ------
//////////////////////////////////////////////
<ul>
<li class="address">
東京都武蔵野市吉祥寺本町 <br>
1丁目10−8 大石ビル3F
</li>
<li class="opening-hour">
<span class="type">Cafe</span>
<span class="time">9:30−20:00</span>
<span class="last-order">(19:00 L.O.)</span>
</li>
<li class="opening-hour">
<span class="type">Lunch</span>
<span class="time">11:30−16:00</span>
<span class="last-order">(15:00 L.O.)</span>
</li>
<li class="opening-hour">
<span class="type">Dinner</span>
<span class="time">18:00−20:00</span>
<span class="last-order">(19:00 L.O.)</span>
</li>
<li class="tel">tel : 0422-23-7144</li>
<li class="email" >email : litacafe@cafe.com</li>
<li class="sns">
<a><img src="./images/icons/sns-twitter.png" alt="twitterロゴ"></a>
<a><img src="./images/icons/sns-instagram.png" alt="instagramロゴ"></a>
<a><img src="./images/icons/sns-facebook.png" alt="facebookロゴ"></a>
<a><img src="./images/icons/sns-youtube.png" alt="youtubeロゴ"></a>
</li>
</ul>
//////////////////////////////////////////////