-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·142 lines (141 loc) · 7.33 KB
/
index.html
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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="stylesheet" type="text/css" href="css/cssreset-min.css"/>
<link rel="stylesheet" type="text/css" href="css/style_index.css"/>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/earlyaccess/notosansjapanese.css"/>
<title>CafeDeParis</title>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo"> <img src="img/logo.png" width="299" height="43" alt="Logo"/></div>
<div id="snslogo"> <img src="img/snslogo.png" width="193" height="37" usemap="#snslink" alt="SNS"/></div>
<ul id="navi">
<li><a href="index.html">TOP</a></li>
<li><a href="cafe_about.html">ABOUTUS</a></li>
<li><a href="menu.html">MENU</a></li>
<li><a href="access.html">ACCESS</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
<div id="boardarea">
<map name="snslink">
<area href="https://www.facebook.com" alt="facebook" shape="rect" coords="1,1,35,35" />
<area href="https://www.twitter.com" alt="twitter" shape="rect" coords="40,1,75,35" />
<area href="https://www.plus.google.com" alt="google plus" shape="rect" coords="79,1,113,35" />
<area href="https://www.pinterest.com" alt="pinterest" shape="circle" coords="135,18,35" />
<area href="https://instagram.com" alt="instagram" shape="rect" coords="157,1,192,35" />
</map>
<div id="album">
<ul id="slideshow">
<li><img src="img/image_02.jpg" width="480" height="320" alt="Breakfast" class="image1"/></li>
<li><img src="img/image_03.jpg" width="480" height="320" alt="Curry" class="image2"/></li>
<li><img src="img/image_04.jpg" width="480" height="320" alt="Spagetti" class="image3"/></li>
<li><img src="img/image_05.jpg" width="480" height="320" alt="Cake" class="image4"/></li>
<li><img src="img/image_06.jpg" width="480" height="320" alt="Coffee" class="image5"/></li>
<li><img src="img/image_07.jpg" width="480" height="320" alt="ColdPress" class="image6"/></li>
</ul>
</div>
<div id="message">
<h1><b>ラテアート</b>のお店</h1>
<img class="cup" src="img/messageboardpicture.png" width="72" height="56" alt="Latte Cup"/>
<h2><b>早朝８時に元気にオープン</b></h2>
<h3>ランチタイムは、定番のパスタやカレーなどお値打ちな日替わりランチがおすすめ!!!</h3>
<h3>WiFi が無料で使えます。分煙しました。</h3>
</div>
<div id="latteabout">
<p><a href="cafe_about.html"><img src="img/Latte_about.png" width="142" height="139" alt="LatteAbout"/></a></p>
</div>
<div id="news"> <img src="img/newspaper.png" width="92" height="68" alt="News Paper"/>
<h1>2011年10月10日</h1>
<p>お待たせいたしました!<br />
カフェ・ド・パリ Webサイトをオープンいたしました。</p>
<h1>2011年10月11日</h1>
<p>新規サイトオープン企画 Webサイトを見て特製ケーキをもらおう!</p>
<h1>2011年11月1日</h1>
<p>ハロウィーンバージョンになりました!!</p>
</div>
<div id="menu"> <img src="img/menuicon.png" width="72" height="50" alt="Mnue Icon"/>
<h1>Menu</h1>
<p class="curry">くるみとココナッツオイルの<br />
チキンカレー 750円</p>
<p class="spagetti">たっぷりきのこのこがしバター風味<br />
スパゲッティ 860円</p>
<p class="breakfast">採れたて卵と自家製ブレッドの<br />
アメリカン・ブレックファスト 480円</p>
<p class="cake">紅茶が香るふわふわ<br />
シフォンケーキ 480円</p>
</div>
<div id="access">
<p>西新宿だから交通の便もよく、お集まり・ショッピングなどにも最適!<br />
お二人だけのランチタイムにいかがですか。</p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3240.3347714533475!2d139.70221920604706!3d35.69337864501437!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0000000000000000%3A0xa441613437fef398!2sRobot+Restaurant!5e0!3m2!1sen!2sjp!4v1447595057027" width="500" height="200" frameborder="0" style="border:0" allowfullscreen></iframe>
<div id="inquiry"> <img class="wlogo" src="img/logowhite.png" width="214" height="31" alt="Logo White"/>
<h1><b>営業時間</b> 早朝８時～夕方７時</h1>
<address>
Tel:03-XXXX-YYYY<br />
東京都新宿区西新宿３丁目 ＺＺビル１階
</address>
<div id="mailto"> <a href="mailto:info@abc.co.jp?subject=contact"> <img src="img/mail.png" width="41" height="28" alt="mail"/>
<p>お問い合わせはこちらから</p>
</a> </div>
</div>
</div>
<div id="footer">
<ul>
<li>
<h1>サイトマップ</h1>
<ul id="sitemap">
<li><a href="index.html"><h2>TOP</h2></a></li>
<li><a href="cafe_about.html"><h2>ABOUTUS</h2></a></li>
<li><h2>MENU</h2></li>
<li><h2>ACCESS</h2></li>
<li><h2>CONTACT</h2></li>
</ul>
</li>
</ul>
<ul>
<li> <a href="index.html">
<h1>トップページ</h1>
</a> </li>
<li> <a href="http://www.hal.ac.jp/tokyo/mind/message.html">
<h1>企業理念</h1>
</a> </li>
<li> <a href="index.html#news">
<h1>新着情報</h1>
</a> </li>
<li> <a href="cafe_about.html#latteartgallery">
<h1>ラテアート ギャラリー</h1>
</a> </li>
<li> <a href="http://www.starbucks.co.jp/howto/coffee/skill.html">
<h1>おいしいコーヒーをいれるコツ</h1>
</a> </li>
<li> <a href="http://ameblo.jp/shirituebichu/">
<h1>スタッフ ブログ</h1>
</a> </li>
</ul>
<div id="snslogofooter"> <img src="img/snslogo.png" width="193" height="37" usemap="#snslink" alt="SNS"/>
<map name="snslink">
<area href="https://www.facebook.com" alt="facebook" shape="rect" coords="1,1,35,35" />
<area href="https://www.twitter.com" alt="twitter" shape="rect" coords="40,1,75,35" />
<area href="https://www.plus.google.com" alt="google plus" shape="rect" coords="79,1,113,35" />
<area href="https://www.pinterest.com" alt="pinterest" shape="circle" coords="135,18,35" />
<area href="https://instagram.com" alt="instagram" shape="rect" coords="157,1,192,35" />
</map>
</div>
<div id="contact">
<h2>カフェ・ド・パリ</h2>
<p>東京都新宿区西新宿３丁目 ＺＺビル１階 TEL 03-XXXX-YYYY<br />
to:mailto:info@abc.co.jp 営業時間 早朝８時～夕方７時 定休日：毎週火曜日</p>
</div>
<div id="copyright">
<p>Copyright(C) NW21A EXPRESS Co,Ltd. All Rights Reserved.</p>
</div>
</div>
</div>
</div>
</body>
</html>