|
@@ -1,122 +1,152 @@
|
1
|
1
|
<!DOCTYPE html>
|
2
|
2
|
<html lang="ja">
|
3
|
|
- <head>
|
4
|
|
- <meta charset="utf-8">
|
5
|
|
- <title>北方町キッズページ</title>
|
6
|
|
- <link rel="stylesheet" href="css/base.css">
|
7
|
|
- <link rel="stylesheet" href="css/header.css">
|
8
|
|
- <link rel="stylesheet" href="css/footer.css">
|
9
|
|
- <link rel="stylesheet" href="css/section.css">
|
10
|
|
- <script src="js/ie8.js"></script>
|
11
|
|
- <script src="js/html5shiv.js"></script>
|
12
|
|
- <script src="js/jquery-1.10.1.min.js"></script>
|
13
|
|
- <script src="js/init.js"></script>
|
14
|
|
- <script src="js/operation.js"></script>
|
15
|
|
- </head>
|
16
|
3
|
|
17
|
|
- <body id="back">
|
|
4
|
+<head>
|
|
5
|
+ <meta charset="utf-8">
|
|
6
|
+ <title>北方町キッズページ</title>
|
|
7
|
+ <link rel="stylesheet" href="css/base.css">
|
|
8
|
+ <link rel="stylesheet" href="css/header.css">
|
|
9
|
+ <link rel="stylesheet" href="css/footer.css">
|
|
10
|
+ <link rel="stylesheet" href="css/section.css">
|
|
11
|
+ <script src="js/ie8.js"></script>
|
|
12
|
+ <script src="js/html5shiv.js"></script>
|
|
13
|
+ <script src="js/jquery-1.10.1.min.js"></script>
|
|
14
|
+ <script src="js/init.js"></script>
|
|
15
|
+ <script src="js/operation.js"></script>
|
|
16
|
+</head>
|
|
17
|
+
|
|
18
|
+<body id="back">
|
18
|
19
|
<div id="main" class="gothic">
|
19
|
20
|
|
20
|
|
- <!--ヘッダーデータ-->
|
21
|
|
- <header>
|
22
|
|
- <!--セクション 操作-->
|
23
|
|
- <section id="navi">
|
24
|
|
- <div id="navi_center">
|
25
|
|
- <a href=""><div class="left"><img src="css/img/title.png" alt=" " /></div></a>
|
26
|
|
- <a href="second/introduction.html"><div class="navi_img_g left"><img src="css/img/introduction.png" alt=" " /></div></a>
|
27
|
|
- <a href="second/work.html"><div class="navi_img_g left"><img src="css/img/work.png" alt=" " /></div></a>
|
28
|
|
- <a href="second/history.html"><div class="navi_img_g left"><img src="css/img/history.png" alt=" " /></div></a>
|
29
|
|
- <a href="second/greatman.html"><div class="navi_img_g left"><img src="css/img/greatman.png" alt=" " /></div></a>
|
30
|
|
- <a href="second/quiz.html"><div class="navi_img_g left"><img src="css/img/quiz.png" alt=" " /></div></a>
|
31
|
|
- <a href="second/link.html"><div class="navi_img_g left"><img src="css/img/link.png" alt=" " /></div></a>
|
32
|
|
- <div class="clear"></div>
|
33
|
|
- </div>
|
34
|
|
- </section>
|
35
|
|
- </header>
|
|
21
|
+ <!--ヘッダーデータ-->
|
|
22
|
+ <header>
|
|
23
|
+ <!--セクション 操作-->
|
|
24
|
+ <section id="navi">
|
|
25
|
+ <div id="navi_center">
|
|
26
|
+ <a href="">
|
|
27
|
+ <div class="left"><img src="css/img/title.png" alt=" " /></div>
|
|
28
|
+ </a>
|
|
29
|
+ <a href="second/introduction.html">
|
|
30
|
+ <div class="navi_img_g left"><img src="css/img/introduction.png" alt=" " /></div>
|
|
31
|
+ </a>
|
|
32
|
+ <a href="second/work.html">
|
|
33
|
+ <div class="navi_img_g left"><img src="css/img/work.png" alt=" " /></div>
|
|
34
|
+ </a>
|
|
35
|
+ <a href="second/history.html">
|
|
36
|
+ <div class="navi_img_g left"><img src="css/img/history.png" alt=" " /></div>
|
|
37
|
+ </a>
|
|
38
|
+ <a href="second/greatman.html">
|
|
39
|
+ <div class="navi_img_g left"><img src="css/img/greatman.png" alt=" " /></div>
|
|
40
|
+ </a>
|
|
41
|
+ <a href="second/quiz.html">
|
|
42
|
+ <div class="navi_img_g left"><img src="css/img/quiz.png" alt=" " /></div>
|
|
43
|
+ </a>
|
|
44
|
+ <a href="second/link.html">
|
|
45
|
+ <div class="navi_img_g left"><img src="css/img/link.png" alt=" " /></div>
|
|
46
|
+ </a>
|
|
47
|
+ <div class="clear"></div>
|
|
48
|
+ </div>
|
|
49
|
+ </section>
|
|
50
|
+ </header>
|
36
|
51
|
|
37
|
|
- <!--セクション ブロック-->
|
38
|
|
- <section id="blocks">
|
39
|
|
- <article id="topimage" >
|
40
|
|
- <div id="topblock">
|
41
|
|
- <a href="second/introduction.html"><img id="top_button1" src="css/img/button1.png" width="242px" height="242px" alt=" " /></a>
|
42
|
|
- <a href="second/work.html"><img id="top_button2" src="css/img/button2.png" width="211px" height="211px" alt=" " /></a>
|
43
|
|
- <a href="second/history.html"><img id="top_button3" src="css/img/button3.png" width="199px" height="199px" alt=" " /></a>
|
44
|
|
- <a href="second/greatman.html"><img id="top_button4" src="css/img/button4.png" width="182px" height="182px" alt=" " /></a>
|
45
|
|
- <a href="second/quiz.html"><img id="top_button5" src="css/img/button5.png" width="154px" height="154px" alt=" " /></a>
|
46
|
|
- <a href="second/link.html"><img id="top_button6" src="css/img/button6.png" width="169px" height="169px" alt=" " /></a>
|
47
|
|
- </div>
|
48
|
|
- </article>
|
49
|
|
-<!--
|
50
|
|
- <article id="news_list" >
|
51
|
|
- <div class="news_list_tab left">
|
52
|
|
- <img class="img_text_vertical" src="css/img/news_list.png" alt=" " width="40px" height="40px" /><span class="img_text_tag">新着情報</span>
|
53
|
|
- </div>
|
54
|
|
- <div class="news_list_all left">
|
55
|
|
- <span class="text_vertical">></span><span class="img_text_list">一覧</span>
|
56
|
|
- </div>
|
57
|
|
- <div class="clear"></div>
|
58
|
|
- <div class="news_block">
|
59
|
|
- <!-- <div class="news_list_block left">
|
60
|
|
- <a href="css/pdf/childrensannouncement.pdf" target="_blank"><div class="news_list_img"><img src="css/img/news_3.jpg" alt=" " width="260px" height="150px" /></div></a>
|
61
|
|
- <a href="css/pdf/childrensannouncement.pdf" target="_blank"><div class="news_list_title">子ども館からのおしらせ</div></a>
|
62
|
|
- <a href="css/pdf/childrensannouncement.pdf" target="_blank"><div class="news_list_text">きた子ども館とみなみ子ども館のおしらせだよ<br />よく読んでおともだちとあそぼう。</div></a>
|
63
|
|
- </div> -->
|
|
52
|
+ <!--セクション ブロック-->
|
|
53
|
+ <section id="blocks">
|
|
54
|
+ <article id="topimage">
|
|
55
|
+ <div id="topblock">
|
|
56
|
+ <a href="second/introduction.html"><img id="top_button1" src="css/img/button1.png" width="242px"
|
|
57
|
+ height="242px" alt=" " /></a>
|
|
58
|
+ <a href="second/work.html"><img id="top_button2" src="css/img/button2.png" width="211px"
|
|
59
|
+ height="211px" alt=" " /></a>
|
|
60
|
+ <a href="second/history.html"><img id="top_button3" src="css/img/button3.png" width="199px"
|
|
61
|
+ height="199px" alt=" " /></a>
|
|
62
|
+ <a href="second/greatman.html"><img id="top_button4" src="css/img/button4.png" width="182px"
|
|
63
|
+ height="182px" alt=" " /></a>
|
|
64
|
+ <a href="second/quiz.html"><img id="top_button5" src="css/img/button5.png" width="154px"
|
|
65
|
+ height="154px" alt=" " /></a>
|
|
66
|
+ <a href="second/link.html"><img id="top_button6" src="css/img/button6.png" width="169px"
|
|
67
|
+ height="169px" alt=" " /></a>
|
|
68
|
+ </div>
|
|
69
|
+ </article>
|
64
|
70
|
|
65
|
|
- <!--
|
66
|
|
- <div class="news_list_block left">
|
67
|
|
- <a href="css/pdf/riverbeautification.pdf" target="_blank"><div class="news_list_img"><img src="css/img/news_4.jpg" alt=" " width="260px" height="150px" /></div></a>
|
68
|
|
- <a href="css/pdf/riverbeautification.pdf" target="_blank"><div class="news_list_title">河川美化運動にさんかしよう</div></a>
|
69
|
|
- <a href="css/pdf/riverbeautification.pdf" target="_blank"><div class="news_list_text">町内を流れる糸貫川、天王川などの河川を、地域のみんなの力で、きれいにしよう。</div></a>
|
|
71
|
+ <article id="news_list">
|
|
72
|
+ <div class="news_list_tab left">
|
|
73
|
+ <img class="img_text_vertical" src="css/img/news_list.png" alt=" " width="40px"
|
|
74
|
+ height="40px" /><span class="img_text_tag">新着情報</span>
|
|
75
|
+ </div>
|
|
76
|
+ <div class="news_list_all left">
|
|
77
|
+ <span class="text_vertical">></span><span class="img_text_list">一覧</span>
|
70
|
78
|
</div>
|
71
|
|
- -->
|
72
|
|
-<!--
|
73
|
79
|
<div class="clear"></div>
|
74
|
|
- </div>
|
75
|
|
- </article>
|
76
|
|
--->
|
77
|
|
- <article id="kids_list" >
|
78
|
|
- <div class="news_list_tab left">
|
79
|
|
- <img class="img_text_vertical" src="css/img/news.png" alt=" " width="40px" height="40px" /><span class="img_text_tag">イベントニュース</span>
|
80
|
|
- </div>
|
81
|
|
- <div class="news_list_all left">
|
82
|
|
- <span class="text_vertical">></span><span class="img_text_list">一覧</span>
|
83
|
|
- </div>
|
84
|
|
- <div class="clear"></div>
|
85
|
|
- <div class="news_block">
|
86
|
|
- <div class="news_list_block left">
|
87
|
|
-<!--
|
|
80
|
+ <div class="news_block">
|
|
81
|
+ <div class="news_list_block left">
|
|
82
|
+ <!--
|
|
83
|
+ <a href="css/pdf/childrensannouncement.pdf" target="_blank">
|
|
84
|
+ <div class="news_list_img"><img src="css/img/news_3.jpg" alt=" " width="260px"
|
|
85
|
+ height="150px" /></div>
|
|
86
|
+ </a>
|
|
87
|
+ <a href="css/pdf/childrensannouncement.pdf" target="_blank">
|
|
88
|
+ <div class="news_list_title">子ども館からのおしらせ</div>
|
|
89
|
+ </a>
|
|
90
|
+ <a href="css/pdf/childrensannouncement.pdf" target="_blank">
|
|
91
|
+ <div class="news_list_text">きた子ども館とみなみ子ども館のおしらせだよ<br />よく読んでおともだちとあそぼう。</div>
|
|
92
|
+ </a>
|
|
93
|
+ -->
|
|
94
|
+ </div>
|
|
95
|
+ <div class="clear"></div>
|
|
96
|
+ </div>
|
|
97
|
+ </article>
|
|
98
|
+
|
|
99
|
+ <article id="kids_list">
|
|
100
|
+ <div class="news_list_tab left">
|
|
101
|
+ <img class="img_text_vertical" src="css/img/news.png" alt=" " width="40px" height="40px" /><span
|
|
102
|
+ class="img_text_tag">イベントニュース</span>
|
|
103
|
+ </div>
|
|
104
|
+ <div class="news_list_all left">
|
|
105
|
+ <span class="text_vertical">></span><span class="img_text_list">一覧</span>
|
|
106
|
+ </div>
|
|
107
|
+ <div class="clear"></div>
|
|
108
|
+ <div class="news_block">
|
|
109
|
+ <div class="news_list_block left">
|
|
110
|
+ <!--
|
88
|
111
|
<a href="third/20170630.html" target="_blank"><div class="news_list_img"><img src="css/img/news_9.jpg" alt=" " width="260px" height="150px" /></div></a>
|
89
|
112
|
<a href="third/20170630.html" target="_blank"><div class="news_list_title">FC岐阜のホームゲームを無料でみれる!?</div></a>
|
90
|
113
|
<a href="third/20170630.html" target="_blank"><div class="news_list_text">北方町ホームタウンデー<br />
|
91
|
114
|
FC岐阜ファジアーノ岡山戦を見に行こう!</div></a>
|
92
|
115
|
-->
|
|
116
|
+ </div>
|
|
117
|
+ <div class="clear"></div>
|
93
|
118
|
</div>
|
94
|
|
- <div class="clear"></div>
|
95
|
|
- </div>
|
96
|
|
- </article>
|
97
|
|
- <article id="link_list" class="right">
|
98
|
|
- <div class="link_block">
|
99
|
|
- <div class="link_list_block">
|
100
|
|
- <div class="link_list_img"><a href="http://www.town.kitagata.gifu.jp/index.html"><img src="css/img/news_1.png" alt=" " width="260px" height="150px" /></a></div>
|
101
|
|
- <a href="http://www.town.kitagata.gifu.jp/index.html"><div class="link_list_title">北方町ホームページ</div></a>
|
|
119
|
+ </article>
|
|
120
|
+ <article id="link_list" class="right">
|
|
121
|
+ <div class="link_block">
|
|
122
|
+ <div class="link_list_block">
|
|
123
|
+ <div class="link_list_img"><a href="http://www.town.kitagata.gifu.jp/index.html"><img
|
|
124
|
+ src="css/img/news_1.png" alt=" " width="260px" height="150px" /></a></div>
|
|
125
|
+ <a href="http://www.town.kitagata.gifu.jp/index.html">
|
|
126
|
+ <div class="link_list_title">北方町ホームページ</div>
|
|
127
|
+ </a>
|
|
128
|
+ </div>
|
102
|
129
|
</div>
|
103
|
|
- </div>
|
104
|
|
- <div class="link_block_1">
|
105
|
|
- <div class="link_list_block">
|
106
|
|
- <div class="link_list_img"><a href="http://www.town.kitagata.gifu.jp/kirari/index.html"><img src="css/img/news_2.png" alt=" " width="260px" height="150px" /></a></div>
|
107
|
|
- <a href="http://www.town.kitagata.gifu.jp/kirari/index.html"><div class="link_list_title">生涯学習センターきらりホームページ</div></a>
|
|
130
|
+ <div class="link_block_1">
|
|
131
|
+ <div class="link_list_block">
|
|
132
|
+ <div class="link_list_img"><a href="http://www.town.kitagata.gifu.jp/kirari/index.html"><img
|
|
133
|
+ src="css/img/news_2.png" alt=" " width="260px" height="150px" /></a></div>
|
|
134
|
+ <a href="http://www.town.kitagata.gifu.jp/kirari/index.html">
|
|
135
|
+ <div class="link_list_title">生涯学習センターきらりホームページ</div>
|
|
136
|
+ </a>
|
|
137
|
+ </div>
|
108
|
138
|
</div>
|
109
|
|
- </div>
|
110
|
|
- </article>
|
111
|
|
- <div class="clear"></div>
|
112
|
|
- </section>
|
|
139
|
+ </article>
|
|
140
|
+ <div class="clear"></div>
|
|
141
|
+ </section>
|
113
|
142
|
|
114
|
|
- <!--フッターデータ-->
|
115
|
|
- <footer>
|
116
|
|
- <img src="css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"><br />
|
117
|
|
- <p class="footer_text">平成28年度に岐阜県清流の国ぎふ推進補助金を受けています 北方町</p>
|
118
|
|
- </footer>
|
|
143
|
+ <!--フッターデータ-->
|
|
144
|
+ <footer>
|
|
145
|
+ <img src="css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"><br />
|
|
146
|
+ <p class="footer_text">平成28年度に岐阜県清流の国ぎふ推進補助金を受けています 北方町</p>
|
|
147
|
+ </footer>
|
119
|
148
|
|
120
|
149
|
</div>
|
121
|
|
- </body>
|
122
|
|
-</html>
|
|
150
|
+</body>
|
|
151
|
+
|
|
152
|
+</html>
|