Browse Source

HTMLのリファクタリング

kenta 5 years ago
parent
commit
b30b14b751
1 changed files with 182 additions and 159 deletions
  1. 182
    159
      third/town_admini_info/Activities_Grant_business.html

+ 182
- 159
third/town_admini_info/Activities_Grant_business.html View File

@@ -1,226 +1,249 @@
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/second_header.css">
8
-		<link rel="stylesheet" href="../../css/footer.css">
9
-		<link rel="stylesheet" href="../../css/section.css">
10
-		<link rel="stylesheet" href="../../css/third_template.css" >
11
-		<link rel="stylesheet" href="../../css/table.css" >
12
-		<link rel="stylesheet" href="../../css/pageview.css" >
13
-	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
14
-<script src="../../js/operation.js"></script>
3
+<head>
4
+  <meta charset="utf-8">
5
+  <title>北方町ホームページ</title>
6
+  <link rel="stylesheet" href="../../css/base.css">
7
+  <link rel="stylesheet" href="../../css/second_header.css">
8
+  <link rel="stylesheet" href="../../css/footer.css">
9
+  <link rel="stylesheet" href="../../css/section.css">
10
+  <link rel="stylesheet" href="../../css/third_template.css">
11
+  <link rel="stylesheet" href="../../css/table.css">
12
+  <link rel="stylesheet" href="../../css/pageview.css">
13
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
14
+  <script src="../../js/operation.js"></script>
15 15
 </head>
16 16
 
17 17
 <body id="back">
18 18
 <div id="main" class="gothic">
19
-<!--セクション 操作-->
20
-<section id="operation" >
21
-<!--セクション 住所-->
22
-<article id="address" >
23
-<address id="operation_add">
24
-<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
25
-</address>
26
-</article>
27
-<div id="controle_panel">
28
-<!--セクション 背景色-->
29
-<article id="bgcolor" >
30
-<img src="../../css/img/013.png" alt="背景色変更ボックス" />
31
-<div id="bgcolor_img">
32
-<input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
33
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
34
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
35
-</div>
36
-<script>
37
-getBackgNumber3();
38
-</script>
39
-</article>
19
+  <!--セクション 操作-->
20
+  <section id="operation">
21
+    <!--セクション 住所-->
22
+    <article id="address">
23
+      <address id="operation_add">
24
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
25
+      </address>
26
+    </article>
27
+    <div id="controle_panel">
28
+      <!--セクション 背景色-->
29
+      <article id="bgcolor">
30
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
31
+        <div id="bgcolor_img">
32
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
33
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
34
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
35
+        </div>
36
+        <script>
37
+          getBackgNumber3();
38
+        </script>
39
+      </article>
40 40
 
41
-<!--セクション 文字サイズ-->
42
-<!--<article id="charsize" >
43
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
44
-<div id="charsize_img">
45
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
46
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
47
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
48
-</div>
49
-</article>-->
41
+      <!--セクション 文字サイズ-->
42
+      <!--<article id="charsize" >
43
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
44
+      <div id="charsize_img">
45
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
46
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
47
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
48
+      </div>
49
+      </article>-->
50 50
 
51
-<!--セクション サイトマップ-->
52
-<article id="sitemap" >
53
- <div id="sitemap_img">
54
-<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
55
- </div>
56
-</article>
57
-<!--セクション お問い合わせ-->
58
-<article id="contact" >
59
- <div id="contact_img">
60
-<a href="../../third/town_admini_info/administrative_organization_chart.html"><img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
61
- </div>
62
-</article>
63
-<!--セクション 翻訳-->
64
-<article id="translation" >
65
-<div id="translation_img">
66
-<!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
67
-<div id="google_translate_element"></div>
68
-<script type="text/javascript">
69
-function googleTranslateElementInit() {
70
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
71
-}
72
-</script>
73
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
74
-</div>
75
-</article>
76
-<div id="claer">
77
-</div>
78
-</div>
79
-</section>
51
+      <!--セクション サイトマップ-->
52
+      <article id="sitemap">
53
+        <div id="sitemap_img">
54
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
55
+        </div>
56
+      </article>
57
+      <!--セクション お問い合わせ-->
58
+      <article id="contact">
59
+        <div id="contact_img">
60
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
61
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
62
+        </div>
63
+      </article>
64
+      <!--セクション 翻訳-->
65
+      <article id="translation">
66
+        <div id="translation_img">
67
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
68
+          <div id="google_translate_element"></div>
69
+          <script type="text/javascript">
70
+            function googleTranslateElementInit() {
71
+              new google.translate.TranslateElement({
72
+                pageLanguage: 'ja',
73
+                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
74
+              }, 'google_translate_element');
75
+            }
76
+          </script>
77
+          <script type="text/javascript"
78
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
79
+        </div>
80
+      </article>
81
+      <div id="claer">
82
+      </div>
83
+    </div>
84
+  </section>
80 85
 
81
-			<!--ヘッダーデータ-->
82
-			<header>
83
-				<div id="header" class="gothic">
84
-					<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
85
-					<div id="h_block_1">
86
-						<div class="h_line">
87
-						</div>
88
-						<article class="h_text_l">
89
-							<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
90
-						</article>
91
-						<article class="h_text_l">
92
-							<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
93
-						</article>
94
-						<article class="h_text_l">
95
-							<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
96
-						</article>
97
-						<article class="h_text_l">
98
-							<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
99
-						</article>
100
-					</div>
101
-					<div id="h_block_search">
102
-						<div class="h_line"></div>
103
-						<article class="h_search">
104
-			                    	<div class="space10"></div>
105
-			                    	<form action="http://www.google.com/search">
106
-				                        <input type="hidden" name="hl" value="ja" />
107
-				                        <input type="hidden" name="ie" value="UTF-8">
108
-				                        <input type="hidden" name="oe" value="UTF-8">
109
-				                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
110
-				                        <input type="text" name="q" size="16" maxlength="256" value="" />
111
-				                        <input type="submit" name="btnG" value="検索" />
112
-			                        </form>
113
-						</article>
114
-					</div>
115
-				</div>
116
-			</header>
86
+  <!--ヘッダーデータ-->
87
+  <header>
88
+    <div id="header" class="gothic">
89
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
90
+      <div id="h_block_1">
91
+        <div class="h_line">
92
+        </div>
93
+        <article class="h_text_l">
94
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
95
+        </article>
96
+        <article class="h_text_l">
97
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
98
+        </article>
99
+        <article class="h_text_l">
100
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
101
+        </article>
102
+        <article class="h_text_l">
103
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
104
+        </article>
105
+      </div>
106
+      <div id="h_block_search">
107
+        <div class="h_line"></div>
108
+        <article class="h_search">
109
+          <div class="space10"></div>
110
+          <form action="http://www.google.com/search">
111
+            <input type="hidden" name="hl" value="ja"/>
112
+            <input type="hidden" name="ie" value="UTF-8">
113
+            <input type="hidden" name="oe" value="UTF-8">
114
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
115
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
116
+            <input type="submit" name="btnG" value="検索"/>
117
+          </form>
118
+        </article>
119
+      </div>
120
+    </div>
121
+  </header>
117 122
 
118
-			<div id="third_body">
119
-				<!--セクション template-->
120
-				<section id="template" >
121
-					<article id="breadcrumb" >
122
-						<div id="breadcrumb_title">
123
-							<div id="breadcrumb_title_block">
124
-								<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/town_admini_info.html">町政情報</a>>まちづくり活動助成事業</span>
125
-							</div>
126
-						</div>
127
-					</article>
128
-					<article id="template" >
129
-						<div id="template_title" class="gothic">
130
-							<div id="template_title_block">
131
-								<span id="template_title">まちづくり活動助成事業</span>
132
-							</div>
133
-						</div>
134
-						<span id="template_article_block">
135
- 町では、「まちづくり活動助成事業」により、住民のつながりを大切にする、まちを元気にする、そんなまちづくり活動団体を応援しています。<br />
136
-今年度も多くの団体から応募があり、審査の結果、15団体の助成が認められました。<br />
137
-<br />
123
+  <div id="third_body">
124
+    <!--セクション template-->
125
+    <section id="template">
126
+      <article id="breadcrumb">
127
+        <div id="breadcrumb_title">
128
+          <div id="breadcrumb_title_block">
129
+            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/town_admini_info.html">町政情報</a>>まちづくり活動助成事業</span>
130
+          </div>
131
+        </div>
132
+      </article>
133
+      <article id="template">
134
+        <div id="template_title" class="gothic">
135
+          <div id="template_title_block">
136
+            <span id="template_title">まちづくり活動助成事業</span>
137
+          </div>
138
+        </div>
139
+        <span id="template_article_block">
140
+ 町では、「まちづくり活動助成事業」により、住民のつながりを大切にする、まちを元気にする、そんなまちづくり活動団体を応援しています。<br/>
141
+今年度も多くの団体から応募があり、審査の結果、15団体の助成が認められました。<br/>
142
+<br/>
138 143
 <div style="border: double 5px #375985; border-radius: 50px;">
139 144
 		<div style="text-align: center;"><b>28年度助成団体紹介</b></div>
140
-		<br />
141
-<!--左側===========================================================================================================================================================================-->
145
+		<br/>
146
+  <!--左側===========================================================================================================================================================================-->
142 147
 		<div class="left" style="width: 300px;">
143 148
 			<div style="margin: 10px 0px 10px 20px;">
144 149
 				<span class="template_icon left">○</span>
145
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/Heart_full_Live_Club.html" style="display:table-cell; vertical-align:middle; text-align:center;">北方町ハートフルライブ倶楽部</a>
150
+				<a href="../../fourth/town_admini_info/Activities_Grant_business/Heart_full_Live_Club.html"
151
+                   style="display:table-cell; vertical-align:middle; text-align:center;">北方町ハートフルライブ倶楽部</a>
146 152
 	                </div>
147 153
 			<div style="margin: 10px 0px 10px 20px;">
148 154
 				<span class="template_icon left">○</span>
149
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/MTMate.html" style="display:table-cell; vertical-align:middle; text-align:center;">MTメート</a>
155
+				<a href="../../fourth/town_admini_info/Activities_Grant_business/MTMate.html"
156
+                   style="display:table-cell; vertical-align:middle; text-align:center;">MTメート</a>
150 157
 	                </div>
151 158
 			<div style="margin: 10px 0px 10px 20px;">
152 159
 				<span class="template_icon left">○</span>
153
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/Health_Mate.html" style="display:table-cell; vertical-align:middle; text-align:center;">北方ヘルスメイト</a>
160
+				<a href="../../fourth/town_admini_info/Activities_Grant_business/Health_Mate.html"
161
+                   style="display:table-cell; vertical-align:middle; text-align:center;">北方ヘルスメイト</a>
154 162
 	                </div>
155 163
 			<div style="margin: 10px 0px 10px 20px;">
156 164
 				<span class="template_icon left">○</span>
157
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/Meeting_to_enjoy_the_movie.html" style="display:table-cell; vertical-align:middle; text-align:center;">北方町映画を楽しむ会</a>
165
+				<a href="../../fourth/town_admini_info/Activities_Grant_business/Meeting_to_enjoy_the_movie.html"
166
+                   style="display:table-cell; vertical-align:middle; text-align:center;">北方町映画を楽しむ会</a>
158 167
 	                </div>
159 168
 			<div style="margin: 10px 0px 10px 20px;">
160 169
 				<span class="template_icon left">○</span>
161
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/Meeting_to_learn_the_history_and_culture.html" style="display:table-cell; vertical-align:middle; text-align:center;">北方の歴史と文化を学ぶ会</a>
170
+				<a href="../../fourth/town_admini_info/Activities_Grant_business/Meeting_to_learn_the_history_and_culture.html"
171
+                   style="display:table-cell; vertical-align:middle; text-align:center;">北方の歴史と文化を学ぶ会</a>
162 172
 	                </div>
163 173
 			<div style="margin: 10px 0px 10px 20px;">
164 174
 				<span class="template_icon left">○</span>
165
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/Heart_of_food_supporters.html" style="display:table-cell; vertical-align:middle; text-align:center;">心の糧サポーターズ</a>
175
+				<a href="../../fourth/town_admini_info/Activities_Grant_business/Heart_of_food_supporters.html"
176
+                   style="display:table-cell; vertical-align:middle; text-align:center;">心の糧サポーターズ</a>
166 177
 	                </div>
167 178
 			<div style="margin: 10px 0px 10px 20px;">
168 179
 				<span class="template_icon left">○</span>
169
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/Dream_town_club_Town_Planning_Circle.html" style="display:table-cell; vertical-align:middle; text-align:center;">夢まち倶楽部まちづくりサークル</a>
180
+				<a href="../../fourth/town_admini_info/Activities_Grant_business/Dream_town_club_Town_Planning_Circle.html"
181
+                   style="display:table-cell; vertical-align:middle; text-align:center;">夢まち倶楽部まちづくりサークル</a>
170 182
 	                </div>
171 183
 			<div style="margin: 10px 0px 10px 20px;">
172 184
 				<span class="template_icon left">○</span>
173
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/Wataru_cafe.html" style="display:table-cell; vertical-align:middle; text-align:center;">ワタルカフェ</a>
185
+				<a href="../../fourth/town_admini_info/Activities_Grant_business/Wataru_cafe.html"
186
+                   style="display:table-cell; vertical-align:middle; text-align:center;">ワタルカフェ</a>
174 187
 	                </div>
175 188
 		</div>
176
-<!--右側===========================================================================================================================================================================-->
189
+  <!--右側===========================================================================================================================================================================-->
177 190
 		<div class="right" style="width: 300px">
178 191
 			<div style="margin: 10px 20px 10px 0px;">
179 192
 				<span class="template_icon left">○</span>
180
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/Mom_Plaza_Hot.html" style="display:table-cell; vertical-align:middle; text-align:center;">ままプラザほっと</a>
193
+				<a href="../../fourth/town_admini_info/Activities_Grant_business/Mom_Plaza_Hot.html"
194
+                   style="display:table-cell; vertical-align:middle; text-align:center;">ままプラザほっと</a>
181 195
 	                </div>
182 196
 			<div style="margin: 10px 20px 10px 0px;">
183 197
 				<span class="template_icon left">○</span>
184
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/Handmade_picture_book_club.html" style="display:table-cell; vertical-align:middle; text-align:center;">手づくり絵本同好会</a>
198
+				<a href="../../fourth/town_admini_info/Activities_Grant_business/Handmade_picture_book_club.html"
199
+                   style="display:table-cell; vertical-align:middle; text-align:center;">手づくり絵本同好会</a>
185 200
 	                </div>
186 201
 			<div style="margin: 10px 20px 10px 0px;">
187 202
 				<span class="template_icon left">○</span>
188
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/Basking_in_the_sun_Club.html" style="display:table-cell; vertical-align:middle; text-align:center;">ひなたぼっこくらぶ</a>
203
+				<a href="../../fourth/town_admini_info/Activities_Grant_business/Basking_in_the_sun_Club.html"
204
+                   style="display:table-cell; vertical-align:middle; text-align:center;">ひなたぼっこくらぶ</a>
189 205
 	                </div>
190
-			<!-- <div style="margin: 10px 20px 10px 0px;">
191
-				<span class="template_icon left">○</span>
192
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/Tambo_Art_Executive_Committee.html" style="display:table-cell; vertical-align:middle; text-align:center;">田んぼアート実行委員会</a>
193
-	                </div> -->
206
+          <!-- <div style="margin: 10px 20px 10px 0px;">
207
+              <span class="template_icon left">○</span>
208
+              <a href="../../fourth/town_admini_info/Activities_Grant_business/Tambo_Art_Executive_Committee.html" style="display:table-cell; vertical-align:middle; text-align:center;">田んぼアート実行委員会</a>
209
+                  </div> -->
194 210
 			<div style="margin: 10px 20px 10px 0px;">
195 211
 				<span class="template_icon left">○</span>
196
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/OtoYu_club.html" style="display:table-cell; vertical-align:middle; text-align:center;">きたがた音遊倶楽部</a>
212
+				<a href="../../fourth/town_admini_info/Activities_Grant_business/OtoYu_club.html"
213
+                   style="display:table-cell; vertical-align:middle; text-align:center;">きたがた音遊倶楽部</a>
197 214
 	                </div>
198 215
 			<div style="margin: 10px 20px 10px 0px;">
199 216
 				<span class="template_icon left">○</span>
200
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/Gataro_child_cheering.html" style="display:table-cell; vertical-align:middle; text-align:center;">ガタロー子ども応援団</a>
217
+				<a href="../../fourth/town_admini_info/Activities_Grant_business/Gataro_child_cheering.html"
218
+                   style="display:table-cell; vertical-align:middle; text-align:center;">ガタロー子ども応援団</a>
201 219
 	                </div>
202 220
 			<div style="margin: 10px 20px 10px 0px;">
203 221
 				<span class="template_icon left">○</span>
204
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/frog_farm.html" style="display:table-cell; vertical-align:middle; text-align:center;">かえるファーム</a>
222
+				<a href="../../fourth/town_admini_info/Activities_Grant_business/frog_farm.html"
223
+                   style="display:table-cell; vertical-align:middle; text-align:center;">かえるファーム</a>
205 224
 	                </div>
206 225
 			<div style="margin: 10px 20px 10px 0px;">
207 226
 				<span class="template_icon left">○</span>
208
-				<a href="../../fourth/town_admini_info/Activities_Grant_business/wakuwaku_pete_kids.html" style="display:table-cell; vertical-align:middle; text-align:center;">ワクドキピートキッズ</a>
227
+				<a href="../../fourth/town_admini_info/Activities_Grant_business/wakuwaku_pete_kids.html"
228
+                   style="display:table-cell; vertical-align:middle; text-align:center;">ワクドキピートキッズ</a>
209 229
 	                </div>
210 230
 		</div>
211 231
 		<div class="clear"></div>
212 232
 						</span>
213
-					</article>
214
-				</section>
215
-			</div>
233
+      </article>
234
+    </section>
235
+  </div>
216 236
 
217
-						<footer>
218
-				<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br />
219
-                <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>|<a href="../../second/Privacy_policy.html">個人情報保護指針</a>|<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
220
-			</footer>
237
+  <footer>
238
+    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
239
+    <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>|<a
240
+            href="../../second/Privacy_policy.html">個人情報保護指針</a>|<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
241
+    </p>
242
+  </footer>
221 243
 
222 244
 
223
-		</div>
224
-		<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?community_participation" height="1" width="1" />
225
-	</body>
245
+</div>
246
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?community_participation"
247
+     height="1" width="1"/>
248
+</body>
226 249
 </html>

Loading…
Cancel
Save