-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaccess.html
121 lines (118 loc) · 5.79 KB
/
access.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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="description" content="非実在カフェのWEBサイトです">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>HANAHAMI | アクセス</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="https://use.typekit.net/mvs2wzg.css"><!--fonts-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"><!--icon-->
<link rel="icon" href="images/favicon.ico">
<link rel="stylesheet" href="css/common.css" media="screen">
<link rel="stylesheet" href="css/access.css" media="screen">
</head>
<body>
<header id="header">
<nav>
<ul id="navBar">
<li><a href="news.html" target="_self">
<span class="en">news</span>
<span class="jp">お知らせ</span>
</a></li>
<li><a href="cafe.html" target="_self">
<span class="en">cafe</span>
<span class="jp">カフェ</span>
</a></li>
<li><a href="flower.html" target="_self">
<span class="en">flower</span>
<span class="jp">季節の花</span>
</a></li>
<li><a href="access.html" target="_self">
<span class="en">access</span>
<span class="jp">アクセス</span>
</a></li>
</ul>
</nav>
<h1 id="logo">
<a href="index.html" target="_self"><img src="images/logo_yoko.png" alt="hanahamiのロゴ"></a>
</h1>
<div id="sns">
<ul id="snsBar">
<li>
<span class="en">sns</span>
</li>
<li>
<span class="ja">→</span>
</li>
<li><a href="https://twitter.com/?lang=ja" target="_blank" rel="noopener noreferrer">
<span class="fab fa-twitter-square"></span>
</a></li>
<li><a href="https://www.instagram.com/?hl=ja" target="_blank" rel="noopener noreferrer">
<span class="fab fa-instagram"></span>
</a></li>
<li><a href="https://ja-jp.facebook.com/" target="_blank" rel="noopener noreferrer">
<span class="fab fa-facebook-square"></span>
</a></li>
</ul>
</div>
</header>
<div id="wrapper">
<main>
<h2>
<span class="en">ACCESS </span>
<span class="jp">アクセス</span>
</h2>
<div id="accessArea">
<div id="gMap">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6485.448815424265!2d139.70226559441903!3d35.634519990315546!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188b2354faaab9%3A0x5c796732a657f65b!2z44CSMTUzLTAwNjMg5p2x5Lqs6YO955uu6buS5Yy655uu6buS!5e0!3m2!1sja!2sjp!4v1638271589458!5m2!1sja!2sjp" width="100%" height="auto" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<div id="accessDetail">
<p id="accessImg"><img src="images/key_exterior.jpg"></p>
<p class="accessBorder">東京都目黒区目黒X-XX-XX</p>
<p>
<span class="fas fa-train"></span>
<span class="accessTitle">電車でお越しのお客様</span>
<span class="accessText accessBorder">
目黒駅（JR山手線西口、東急目黒線、地下鉄南北線・三田線）より徒歩5分<br>
<br>
＜主要な駅から目黒駅までの所要時間＞<br>
内周り：渋谷5分、新宿11分、池袋20分<br>
外回り：品川7分、浜松町12分、東京20分
</span>
</p>
<p>
<span class="fas fa-car"></span>
<span class="accessTitle">車でお越しのお客様</span>
<span class="accessText accessBorder">
首都高速２号線目黒ランプを降りすぐ右折車線へ<br>
上大崎交差点を右折し、目黒駅を過ぎて、Xつ目の信号の先を左折してください。</span>
</p>
<p>
<span class="fas fa-parking"></span>
<span class="accessTitle">駐車場について</span>
<span class="accessText accessBorder">
駐車場は5台駐車可能です。<br>
左折して当店前を通り、店舗右側に駐車場入口がございます。
</span>
</p>
</div>
</div>
</main>
</div>
<footer>
<small id="copyright" class="en">© 2021 HITOMI KOMORI</small>
</footer>
<div id="mobileNav">
<ul>
<li><a href="index.html" target="_self"><img src="images/menu_images/ico_home_static.png" alt="ホームへ"></a></li>
<li><a href="news.html" target="_self"><img src="images/menu_images/ico_news_static.png" alt="お知らせ"></a></li>
<li><a href="cafe.html" target="_self"><img src="images/menu_images/ico_cafe_static.png" alt="カフェメニュー"></a></li>
<li><a href="flower.html" target="_self"><img src="images/menu_images/ico_flower_static.png" alt="季節の花"></a></li>
<li><a href="access.html" target="_self"><img src="images/menu_images/ico_access_static.png" alt="アクセス"></a></li>
</ul>
</div>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/common.js"></script>
</body>
</html>