Brak opisu
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 6.1KB

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