-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
123 lines (112 loc) · 3.88 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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="description" content="猫好きによる猫好きのためのWebサイト">
<title>love cat</title>
<!-- CSS -->
<link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
<link href="https://fonts.googleapis.com/css?family=Philosopher" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link href="panel.css" rel="stylesheet">
<link rel="icon" type="img/png" href="images/for favicon.png">
<style>
.submenu h3 {
margin: 0 0 1em 0;
font-size: 23px;
cursor: pointer;
color: #5e78c1;
}
.submenu h3:hover {
color: #b04188;
text-decoration: underline;
}
.submenu ul {
margin: 0 0 1em 0;
list-style-type: none;
font-size: 20px;
}
.hidden {
display: none;
}
</style>
</head>
<body>
<div id="home" class="big-bg">
<header class="page-header wrapper">
<h1>
<a href="index.html"><img class="logo" src="images/animal lovers-logos.jpeg" alt="To animal lovers ホーム"></a>
</h1>
<nav>
<ul class="main-nav">
<li><a href="index.html">ホーム</a></li>
<li><a href="news.html">ニュース</a></li>
<li><a href="search.html">検索</a></li>
<li><a href="contact.html">お問い合わせ</a></li>
</ul>
</nav>
</header>
<div class="home-content wrapper">
<h2 class="page-title">Looking for a loving family</h2>
<p>新たな家族を迎え入れてみませんか？未来の家族があなたのことを待っています</p>
<!-- /.home-content -->
<!-- /#home -->
</div>
<section>
<div class = "sidevar">
<h2>サポートページ</h2>
<div class = "submenu">
<h3>使い方</h3>
<ul class = "hidden">
<li><a href = "">- 概要</a></li>
<li><a href = "">- アカウントを登録する</a></li>
<li><a href = "">- 新しい家族を探す</a></li>
<li><a href = "">- ボランティアをする</a></li>
<li><a href = "">- コミュニティを作る、探す</a></li>
<li><a href = "">- ペット用品を購入して支援する</a></li>
<li><a href = "">- ペットフードやおもちゃを寄付する</a></li>
</ul>
</div>
</div>
</section>
<!-- chatbot -->
<iframe height="1000" width="800" src="https://bot.dialogflow.com/ab779d77-c3fa-4b47-81de-748fb7dc882a"></iframe>
<footer>
<div class="wrapper">
<p><small>© 2021 SakuraInoue</small></p>
</div>
<!-- <div id="privacy-panel">
<p>当サイトではユーザーエクスペリエンス向上のためクッキーを使用しています。また、匿名でアクセス状況のデータを収集しています。詳しい情報は当サイトのプライバシーポリシーをご覧ください。</p>
<button id="agreebtn">承認する</button>
</div> -->
<!-- <script src="../../_common/scripts/js.cookie.js"></script>
<script>
'use strict';
const agree = Cookies.get('cookie-agree');
const panel = document.getElementById('privacy-panel');
if(agree === 'yes') {
document.body.removeChild(panel);
} else {
document.getElementById('agreebtn').onclick = function() {
Cookies.set('cookie-agree', 'yes', {expires: 7});
document.body.removeChild(panel);
};
} -->
<!-- // クッキー削除（テスト用）
document.getElementById('testbtn').onclick = function() {
Cookies.remove('cookie-agree');
}; -->
</script>
</footer>
<!-- <script src="script.js"></script> -->
<script src="../../jquery-3.6.0.min.js"></script>
<script>
'use strict';
// $(document).ready(function(){
// $('.submenu h3').on('click', function(){
// $(this).next().toggleClass('hidden');
// });
// })
</script>
</body>
</html>