-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (128 loc) · 4.68 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
<meta name="viewport" content="width=device-width">
<title>まとう-トップ</title>
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/top.css">
<link href="css/slicknav.css" rel="stylesheet" type="text/css">
<script src="jq/jquery-3.3.1.min.js"></script><!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<script src="jq/script.js"></script>
<script src="jq/jquery.slicknav.min.js"></script>
<script>
$(document).ready(function(){
$('#menu').slicknav();
});
</script>
</head>
<body>
<header>
<div class="inner clearfix">
<nav id="menu">
<ul>
<li> <a href="menu.html" class="nav1">
<p class="jp">お品書き</p>
<p class="sub">Menu</p>
</a> </li>
<li> <a href="cha-kodawari.html" class="nav2">
<p class="jp">お茶へのこだわり</p>
<p class="sub">OUR TEA</p>
</a> </li>
<li> <a href="touki-kodawari.html" class="nav3">
<p class="jp">陶器へのこだわり</p>
<p class="sub">OUR POTTERY</p>
</a> </li>
<li> <a href="gallary.html" class="nav4">
<p class="jp">写真館</p>
<p class="sub">GALLERY</p>
</a> </li>
<li> <a href="from.html" class="nav5">
<p class="jp">お茶の販売</p>
<p class="sub">MAIL ORDER</p>
</a> </li>
</ul>
</nav>
<!-- <nav>
<ul>
<li><img src="images/top/menu.png" width="76" height="109" alt="menu"></li>
<li><img src="images/top/our_tea.png" width="147" height="108" alt="our_tea"></li>
<li><img src="images/top/our_pottery.png" width="149" height="92" alt="our_pottery"></li>
<li><img src="images/top/gallery.png" width="66" height="94" alt="gallery"></li>
<li><img src="images/top/mail_order.png" width="97" height="100" alt="mail_order"></li>
</ul>
</nav>
--></div>
<div class=" visual"> <img src="images/top/main.jpg" width="1280" height="646" alt="main_visual"></div>
</header>
<div class="inner main">
<div class="mainTitle"><hr>
<h1>新着情報<br>
<span>NEWS</span></h1>
</div>
<div class="box_p">
<section class="box">
<p class="img"><img src="images/top/ogura_warabi.png" width="248" height="146" alt=""/></p>
<h2>2018.5.9</h2>
<p class="text">めざましテレビ番組内『イマドキ』<br>
コーナーにて『小倉とわらび餅のタ<br>
ルト』が紹介されました。</p>
</section>
<section class="box">
<p class="img"><img src="images/top/ogura_warabi2.jpg" width="248" height="146" alt=""/></p>
<h2>2018.4.9</h2>
<p class="text">めざましテレビ番組内『イマドキ』<br>
コーナーにて『小倉とわらび餅のタ<br>
ルト』が紹介されました。</p>
</section>
<section class="box">
<p class="img"><img src="images/top/ogura_warabi3.png" width="248" height="146" alt=""/></p>
<h2>2018.3.9</h2>
<p class="text">めざましテレビ番組内『イマドキ』<br>
コーナーにて『小倉とわらび餅のタ<br>
ルト』が紹介されました。</p>
</section>
</div>
<div class="mainTitle">
<hr>
<h1>アクセス<br>
<span>ACCESS</span></h1>
</div>
<div class="inner content">
<div class="left">
<dl>
<dt>住所</dt>
<dd>東京都渋谷区神宮前4-9-3</dd>
<dt>アクセス</dt>
<dd>千代田線表参道駅 A2出口より徒歩2分</dd>
<dt> </dt>
<dd>銀座線表参道駅 A2出口より徒歩2分</dd>
<dt> </dt>
<dd>原宿駅より徒歩10分</dd>
<dt> </dt>
<dd>表参道駅から303ｍ</dd>
<dt>営業時間</dt>
<dd>9：30～19：30（LO18：40）</dd>
<dt>電話</dt>
<dd>03-3746-8888</dd>
</dl>
<div class="btn_p">
<p class="btn"><a href="https://goo.gl/maps/t3gSZ2fbnsj"><img src="images/top/map2.jpg" width="88" height="47" alt="map"></a></p>
</div>
</div>
<div class="right">
<p><img src="images/top/omise_.png" width="481" height="330" alt=""/></p>
</div>
</div>
</div>
<footer>
<div class="inner clearfix">
<ul>
<li><a href="#"><img src="images/common/icon_fb.png" width="49" height="49" alt="icon_fb"></a></li>
<li><a href="#"><img src="images/common/icon_inst.png" width="49" height="49" alt="icon_inst"></a></li>
</ul>
<div class="copy"> © COPYRIGHT MATOU. ALL RIGHTS RESERVED. </div>
</div>
</footer>
</body>
</html>