-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutrice.html
166 lines (142 loc) · 7.46 KB
/
aboutrice.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
<!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">
<!-- css -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/aboutrice.css">
<!-- font -->
<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">
<!-- animation -->
<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">
</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="wrapper">
<!-- ヘッダー -->
<header id="header">
<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>
<div class="contents-wrapper">
<div class="shopping-btn">
<a href="order.html"><img src="images/top_07.png" alt="注文ボタン"></a>
</div>
<div class="main-title">
<div class="title"><img src="images/about-us_06.png" alt="title"></div>
<div class="rice"><img src=images/about-us_04.png alt="背景"></div>
</div>
<div class="contents">
<div class="a1">
<div class="txt">
<h1>
<span class="slide-in upAnime">
<span class="slide-in_inner upAnimeInner">山々からの水と<br>
太陽が育む豊かな土壌と、寒暖差のある気候が<br>
甘くて輝きのあるお米を育てます
</span>
</span>
</h1>
<div class="mountain"><img class="animate__animated animate__pulse animate__infinite" src="images/about-us_03.png" alt="山のイラスト"></div>
</div>
</div>
<div class="a2">
<div class="txt2">
<h2 class="blurTrigger">
水
</h2>
<p>山々の水は天井水路を通り私たちの田んぼへと引かれています。<br>
天井水路とは民間や道路よりも高い位置に水路が<br>あることで、
山からの雪解け水や鳥居川より取水した用水が<br>
自然の中を経由して<br>
田んぼへと運ばれていきます。
</p>
<div class="pig"><img class="animate__animated animate__swing animate__infinite" src="images/about-us_07.png" alt="イノシシのイラスト"></div>
</div>
</div>
<div class="a3">
<div class="txt3">
<div div class="sun"><img class="animate__animated animate__heartBeat animate__infinite" src="images/about-us_10.png" alt="太陽のイラスト"></div>
<h2 class="blurTrigger">
太陽
</h2>
<p>旧三水村は飯綱山や斑尾山などの山々に囲まれた標高500m〜550mに位置する丘陵地で
昼夜の寒暖差が大きい内陸性の気候で、降水量も少なく日照時間にも恵まれています。
</p>
</div>
</div>
</div>
</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>
<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>