-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (145 loc) · 7.72 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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ホーム|カウントダウンタイマー</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/progress.css">
</head>
<body>
<noscript>
<h4><i class="material-icons left">info</i>お知らせ</h4>
<p>Javascriptを有効にしてください。有効にしないとこのサイトは<b>機能しません</b>。</p>
</noscript>
<div class="progress-container">
<div class="progress-bar" id="myBar"></div>
</div>
<div class="navbar-fixed">
<nav class="cyan lighten-1">
<div class="nav-wrapper">
<a href="#" class="brand-logo">カウントダウンタイマー</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="#"><i class="material-icons left">home</i>ホーム</a></li>
</div>
</nav>
</div>
<div class="aaaaaa">
<div class="parallax-container">
<div class="parallax"><img src="img/parallax.jpg"></div>
</div>
</div>
<h2 class="header center-align">カウントダウンタイマー</h2>
<div class="container">
<div class="row">
<div class="card col s4">
<div class="aaaaaa">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/christmas.png">
</div>
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">2024クリスマス<i class="material-icons right" title="more">more_vert</i></span>
<a href="ctimer/christmas2024.html" class="waves-effect waves-light btn cyan lighten-1">OPEN</a>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">2024クリスマス<i class="material-icons right" title="close">close</i></span>
<p>2024年クリスマス(2024/12/25 0:00:00)までの残り時間です。(1/7)</p>
</div>
</div>
<div class="card col s4"><!-- 1118*654 -->
<div class="aaaaaa">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/2024conan.png">
</div>
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">コナン映画2024<i class="material-icons right" title="more">more_vert</i></span>
<a href="ctimer/conan_2024.html" class="waves-effect waves-light btn cyan lighten-1">OPEN</a>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">名探偵コナン100万ドルの<ruby><rb>五稜郭</rb><rt>みちしるべ</rt></rt></ruby><i class="material-icons right" title="close">close</i></span>
<p>名探偵コナン100万ドルの<ruby><rb>五稜郭</rb><rt>みちしるべ</rt></rt></ruby>が公開される(2024/4/12 0:00:00)までの時間です。(1/7)</p>
</div>
</div>
<div class="card col s4"><!-- 1118*654 -->
<div class="aaaaaa">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/bosyuu.png">
</div>
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">タイマー募集中！<i class="material-icons right" title="more">more_vert</i></span>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSdQqx8WmaxQhiG-gQ-i-2yHxE2bgHW2npX5otcTTgsTilkzMQ/viewform?usp=sf_link" class="waves-effect waves-light btn cyan lighten-1" target="_blank">OPEN</a>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">カウントダウンタイマー募集中！<i class="material-icons right" title="close">close</i></span>
<p>カウントダウンタイマーを募集中です。詳しくは[OPEN]をクリックしてください。(1/7)</p>
</div>
</div>
<div class="card col s4"><!-- 1118*654 -->
<div class="aaaaaa">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/sdgs.png">
</div>
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">SDGs達成期限まで<i class="material-icons right" title="more">more_vert</i></span>
<a href="ctimer/sdgs.html" class="waves-effect waves-light btn cyan lighten-1">OPEN</a>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">SDGs達成期限まで<i class="material-icons right" title="close">close</i></span>
<p>SDGs(<b>S</b>ustainable <b>D</b>evelopment <b>G</b>oal<b>s</b>)の達成期限までの残り日数です。17の目標があります。(1/7)</p>
</div>
</div>
<div class="card col s4"><!-- 1118*654 -->
<div class="aaaaaa">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/Screenshot 2024-1-12 17.45.09.png">
</div>
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">大阪万博開幕まで<i class="material-icons right" title="more">more_vert</i></span>
<a href="ctimer/osakabanpaku25.html" class="waves-effect waves-light btn cyan lighten-1">OPEN</a>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">大阪万博開幕まで<i class="material-icons right" title="close">close</i></span>
<p>大阪万博開幕の2025年4月13日までの残り日数です。</p>
</div>
</div>
</div>
</div>
</div>
<small>parallax画像:<a href="https://unsplash.com/ja/%E5%86%99%E7%9C%9F/%E8%8C%B6%E8%89%B2%E3%81%A8%E7%99%BD%E3%81%AE%E6%99%82%E8%A8%88-FlHdnPO6dlw?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>の<a href="https://unsplash.com/ja/@jontyson?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Jon Tyson</a>が撮影した写真
</small>
<nav class="cyan lighten-1">
<div class="nav-wrapper">
<div class="col s12">
<a href="index.html" class="breadcrumb">ホーム</a>
</div>
</div>
</nav>
<!-- 右クリ禁止 -->
<script src="js/rightx.js"></script>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="js/progress.js"></script>
<script src="js/materialize.min.js"></script>
<script src="js/parallax.js"></script>
</body>
</html>
<style>
.aaaaaa{
z-index: 1;
}
</style>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NCED5LH7B3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-NCED5LH7B3');
</script>