-
Notifications
You must be signed in to change notification settings - Fork 0
/
samizumura.html
201 lines (165 loc) · 9.62 KB
/
samizumura.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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>さみずの美味しいお米</title>
<meta name="description" content="長野県北信地域にある飯綱町の旧三水村地域の米農家が作るおいしいコシヒカリを直接購入できるイトです。産地から直送いたします。2021年の新米入荷しました。">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link href="https://fonts.googleapis.com/earlyaccess/hannari.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<!-- fabicon -->
<link rel="icon" href="favicon/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/site.webmanifest">
<!-- css -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/samizu copy.css">
<link rel="stylesheet" href="css/animation.css">
</head>
<body>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="js/loader.js"></script>
<div class="s-wrapper">
<!-- ヘッダー -->
<header id="top">
<div class="h-logo"><a href="index.html"><img src="images/order-form_03.png" alt="back to top"> </a>
</div>
<nav class="holizon">
<ul class="holizon-nav">
<li><a href="aboutrice.html">さみずのお米</a></li>
<li><a href="abotus.html">作り手について</a></li>
<li><a href="samizumura.html">旧三水村とは</a></li>
<li><a href="recipe.html">信濃のレシピ</a></li>
<li><a href="order.html">ご注文</a></li>
<li><a href="contact.html">お問い合わせ</a></li>
</ul>
</nav>
</header>
<!-- ハンバーガーメニュー -->
<div class="hamburger">
<span></span>
<span></span>
<span></span>
</div>
<nav class="globalMenuSp">
<ul>
<li><a href="aboutrice.html">さみずのお米</a></li>
<li><a href="abotus.html">作り手について</a></li>
<li><a href="samizumura.html">旧三水村とは</a></li>
<li><a href="recipe.html">信濃のレシピ</a></li>
<li><a href="order.html">ご注文</a></li>
<li><a href="contact.html">お問い合わせ</a></li>
</ul>
</nav>
<h1 class="animate__animated animate__fadeIn animate__delay-1s">北信五岳の恵み</h1>
<div div class="contents-wrapper">
<div class="shopping-btn">
<a href="order.html"><img src="images/top_07.png" alt="注文ボタン"></a>
</div>
<div class=mountain>
<div class=mhero-wrapper>
<div class="mhero"><img src="images/gogaku_03.png" alt="北信五岳">
<div class="m-tag">
<img class="animate__animated animate__rubberBand animate__repeat-2" src="images/gogaku.png"
alt="飯綱山">
<img class="animate__animated animate__rubberBand animate__repeat-2"
src="images/gogaku1_07.png" alt="戸隠山">
<img class="animate__animated animate__rubberBand animate__repeat-2"
src="images/gogaku1_02.png" alt="黒姫山">
<img class="animate__animated animate__rubberBand animate__repeat-2"
src="images/gogaku1_04.png" alt="妙高山">
<img class="animate__animated animate__rubberBand animate__repeat-2"
src="images/gogaku1_10.png" alt="斑尾山">
</div>
<div class="m-btn">
<img class="animate__animated animate__pulse animate__infinite" src="images/gogaku1_21.png"
alt="ボタン">
<img class="animate__animated animate__pulse animate__infinite" src="images/gogaku1_21.png"
alt="ボタン">
<img class="animate__animated animate__pulse animate__infinite" src="images/gogaku1_21.png"
alt="ボタン">
<img class="animate__animated animate__pulse animate__infinite" src="images/gogaku1_21.png"
alt="ボタン">
<img class="animate__animated animate__pulse animate__infinite" src="images/gogaku1_21.png"
alt="ボタン">
</div>
<div class="snow"><img class="animate__animated animate__swing" src="images/samizumura_03.png"
alt="スノーボード">
</div>
<h3>
<span class="slide-in upAnime">
<span class="slide-in_inner upAnimeInner">長野県の北部に連なる飯綱山・戸隠山・黒姫山・妙高山・斑尾山の５つの山を
私たちは”北信五岳”と呼んでいます
日本百名山に数えられる妙高山、海底火山由来の戸隠山、山岳信仰の霊山飯綱山など個性豊かな山々はすばらしい自然の恵みと文化をもたらしています。</span>
</span>
</h3>
</div>
</div>
<div class="scroll"><img class="animate__animated animate__pulse" src="images/samizu_03.png"
alt="スクロールボタン">
</div>
<article>
<div class="atitle">
<img src="images/samizu03.png" alt="旧三水村">
</div>
<div class="nagano"><img class="zoomInTrigger" src="images/nagano.png" alt="飯綱町の地図">
</div>
</article>
<div class="txt">
<p>
<span class="slide-in upAnime">
<span class="slide-in_inner upAnimeInner">
旧三水村は合併により飯綱町となりました。場所は長野県北部、標高５００から５５０メートルの
豪雪地帯。
雪解け水や山々の水に育まれた自然豊かなこの地域は、りんごの里としても知られ過去に日本一の
りんご村になったことも。三水の名前は、農業用水が不足しがちだったこの土地へ先人たちが長い
年月をかけて3本の用水を引き地域を潤したことに由来しています。</span>
</span>
</p>
</div>
</div>
</div>
<div class="picture">
<img class="animate__animated animate__bounce animate__infinite" src="images/gogaku1_03.png" alt="りんご">
<img src="images/samizumura_11.png" alt="いのしし">
</div>
<div class="forest">
<img src="images/samizu_06.png" alt="森のイラスト">
</div>
<footer>
<div class="footer-wrapper">
<div class="footer-l"> <a href="privacy.html">個人情報保護法</a></div>
<div class="footer-c">
<div class="backtotop"><a href="#" id="page-header"><img class="tbtn" src="images/top_23.png"
alt="トップへ戻る”," back to top></a>
</div>
<div class="f-logo">
<img src="images/top_34.png" alt="logo">
<h2>さみずの美味しいお米</h2>
</div>
<small>© 2022 さみずの美味しいお米
</small>
<div class="sns">
<a href""><img src="images/top_26.png" alt="twitter,ツイッター"></a>
<a href""><img src="images/top_31.png" alt="facebook,フェイスブック"></a>
</div>
</div>
<div class="footer-r"><a href="tokutei.html">特定商取引法について</a></div>
</div>
</footer>
<!-- </div> -->
</div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="js/hamburger.js"></script>
<script src="js/animation.js"></script>
<script src="js/slide-textanimation.js"></script>
</body>
</html>