-
Notifications
You must be signed in to change notification settings - Fork 0
/
abotus.html
143 lines (119 loc) · 6.65 KB
/
abotus.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
<!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/abotus copy 2.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">
<!-- 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>
<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>
<!-- 本文と写真 -->
<article>
<div class="sentense">
<img src="images/aboutus2_05.png" alt="イラスト">
<h3>
<span class="slide-in rightAnime">
<span class="slide-in_inner rightAnimeInner">私たちの家族は代々この土地と共生し、<br>恩恵を受けてまいりました。<br>
米作りの歴史も200年以上にわたります。<br>
山の斜面を開拓して田畑を築き、<br>
生業としてきました。<br>
現在6000㎡ほどの田んぼで<br>
先代からの技法や知識をふまえて、<br>
小規模ながらの<br>
低農薬で安心して美味しく食べられる<br>
米づくりをしています。<br></span>
</span>
</h3>
</div>
<div class="title">
<h1 class="eachTextAnime">代々</h1>
<div class="pig"><img src="images/aboutus2_06.png"></div>
</div>
<div class="p-wrapper">
<div class="t"><img src="images/aboutus2_03.png" alt="title"></div>
<div class="rice"><img src=images/aboutus2_08.png alt="背景"></div>
<div class="bg"><img src="images/aboutus2_15.png" alt="イラスト"></div>
</div>
</article>
</div>
<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>
</wrapper>
<script src="js/hamburger.js"></script>
<script src="js/animation.js"></script>
<script src="js/text-animation.js"></script>
<script src="js/rightslide.js"></script>
</body>
</html>