No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 5.8KB

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