-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
153 lines (129 loc) · 6.94 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>さみずの美味しいお米</title>
<meta name="description" content="長野県北信地域にある飯綱町の旧三水村地域の米農家が作るおいしいコシヒカリを直接購入できるイトです。産地から直送いたします。2021年の新米入荷しました。">
<meta name="viewport" content="width=device-width, user-scalable=no">
<!-- css -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style copy 2.css">
<link crossorigin="anonymous" 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 crossorigin="anonymous" 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">
<div class="a-wrapper">
<div class=m-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="photo">
<img src="images/top_03.png" alt="背景">
<div class="logo">
<div class="l"><img src="images/top_34.png" alt="logo"></div>
<h1 class="eachTextAnime">さみずの美味しいお米</h1>
<div class="p"><img class="p animate__animated animate__swing animate__repeat-5 " src="images/top_11.png" alt="イノシし"></div>
</div>
</div>
</div>
</div>
<div class="sc-btn"><img src="images/top_15.png" alt="下へスクロール"></div>
<div class="s-wrapper">
<img src="images/top_rp.png" alt="back ground">
<div class="contents">
<p class="txt2">そしてもっちもちの食感が自慢です。<br>
その秘密はね、</p>
<div class="txt3">
<img class="fadeDownTrigger"src="images/top_22.png" alt="">
<img class="fadeDownTrigger" src="images/top_25.png" alt="">
<p class="to">と</p>
<img class="fadeDownTrigger" src="images/top_27.png" alt="">
<img class="fadeDownTrigger" src="images/top_29.png" alt="">
</div>
<p class="txt1">長野県北部にある飯綱町。<br>
その旧三水村にある田んぼでとれる<br>
コシヒカリは・・・</p>
<div class="title"><img src="images/top_title.png" alt="title"></div>
</div>
<div class="btn-kome"><a class="" href="aboutrice.html"><img src="images/top_bt.png" alt="buy"></a></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="js/hamburger.js"></script>
<script src="js/text-animation.js"></script>
<script src="js/animation.js"></script>
</body>
</html>