Geen omschrijving
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.

index1.html 5.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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. <article id="news_list" >
  47. <div class="news_list_tab left">
  48. <img class="img_text_vertical" src="css/img/news_list.png" alt=" " width="40px" height="40px" /><span class="img_text_tag">新着情報</span>
  49. </div>
  50. <div class="news_list_all left">
  51. <span class="text_vertical">></span><span class="img_text_list">一覧</span>
  52. </div>
  53. <div class="clear"></div>
  54. <div class="news_block">
  55. <div class="news_list_block left">
  56. <div class="news_list_title">時の太鼓顕彰を6月10日に行います</div>
  57. <div class="news_list_text">時の太鼓顕彰を6月10日(火)に行います<br />6月10日「時の記念日」に合わせ、昔ながらの打法で時をつげる―。</div>
  58. </div>
  59. <div class="news_list_block left">
  60. <div class="news_list_title">夏祭り盆踊り大会を開催</div>
  61. <div class="news_list_text">8月17日に夏祭り盆踊り大会を開催します。<br />生のお囃子で楽しむ郡上踊り<br />守り伝えよう北方ゆかりの踊り</div>
  62. </div>
  63. <div class="news_list_block left">
  64. <div class="news_list_title">KITAGATA清流フェス ホームページ公開</div>
  65. <div class="news_list_text">KITAGATA清流フェス ホームページ公開</div>
  66. </div>
  67. <div class="clear"></div>
  68. </div>
  69. </article>
  70. <article id="kids_list" >
  71. <div class="news_list_tab left">
  72. <img class="img_text_vertical" src="css/img/news.png" alt=" " width="40px" height="40px" /><span class="img_text_tag">こどもニュース</span>
  73. </div>
  74. <div class="news_list_all left">
  75. <span class="text_vertical">></span><span class="img_text_list">一覧</span>
  76. </div>
  77. <div class="clear"></div>
  78. <div class="news_block">
  79. <div class="news_list_block left">
  80. <div class="news_list_title">時の太鼓顕彰を6月10日に行います</div>
  81. <div class="news_list_text">時の太鼓顕彰を6月10日(火)に行います<br />6月10日「時の記念日」に合わせ、昔ながらの打法で時をつげる―。</div>
  82. </div>
  83. <div class="news_list_block left">
  84. <div class="news_list_title">夏祭り盆踊り大会を開催</div>
  85. <div class="news_list_text">8月17日に夏祭り盆踊り大会を開催します。<br />生のお囃子で楽しむ郡上踊り<br />守り伝えよう北方ゆかりの踊り</div>
  86. </div>
  87. <div class="news_list_block left">
  88. <div class="news_list_title">KITAGATA清流フェス ホームページ公開</div>
  89. <div class="news_list_text">KITAGATA清流フェス ホームページ公開</div>
  90. </div>
  91. <div class="clear"></div>
  92. </div>
  93. </article>
  94. </section>
  95. <!--フッターデータ-->
  96. <footer>
  97. <img src="css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"><br />
  98. </footer>
  99. </div>
  100. </body>
  101. </html>