CINXE.COM

高崎電気館

<!DOCTYPE html> <html lang="ja"> <head> <title>高崎電気館</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="shortcut icon" href="http://takasaki-denkikan.jp/images/favicon.ico" type="image/x-icon" /> </head> <style> body {font-family: "Lato", sans-serif} .mySlides {display: none} </style> <body> <!-- Navbar --> <div class="w3-top"> <div class="w3-bar w3-white w3-card"> <a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-left" href="javascript:void(0)" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a> <a href="http://takasaki-denkikan.jp/" class="w3-bar-item w3-button w3-padding-large"><img src="http://takasaki-denkikan.jp/images/logo.gif" alt="高崎電気館"></a> <a href="#schedule" class="w3-bar-item w3-button w3-padding-large w3-hide-small">スケジュール</a> <a href="#access" class="w3-bar-item w3-button w3-padding-large w3-hide-small">アクセス</a> <div class="w3-dropdown-hover w3-hide-small"> <button class="w3-padding-large w3-button" title="More"> 上映作品  <i class="fa fa-caret-down"></i></button>  <div class="w3-dropdown-content w3-bar-block w3-card-4"> <a href="http://takasaki-denkikan.jp/dance2025.html" class="w3-bar-item w3-button">DANCE映画特集</a> <a href="http://takasaki-denkikan.jp/musical2025.html" class="w3-bar-item w3-button">ミュージカル映画特集</a> <a href="http://takasaki-denkikan.jp/twilightwarriors.html" class="w3-bar-item w3-button">トワイライト・ウォリアーズ</a> <a href="http://takasaki-denkikan.jp/kokoniizumi.html" class="w3-bar-item w3-button">ここに泉あり</a> </div> </div> </div> <a href="https://twitter.com/denkikan1913" target="_blank"><i class="fa fa-twitter w3-hover-opacity w3-hover-blue w3-padding-small w3-xlarge"></i></a> <a href="https://ja-jp.facebook.com/takasakidenkikan/" target="_blank"><i class="fa fa-facebook-official w3-hover-opacity w3-hover-blue w3-padding-small w3-xlarge"></i></a> <a href="https://www.instagram.com/denkikan1913/" target="_blank"><i class="fa fa-instagram w3-hover-opacity w3-hover-blue w3-xlarge"></i></a> </div> </div> <!-- Navbar on small screens (remove the onclick attribute if you want the navbar to always show on top of the content when clicking on the links) --> <div id="navDemo" class="w3-bar-block w3-black w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:46px"> <a href="#schedule" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">スケジュール</a> <a href="#access" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">アクセス</a> <div class="w3-dropdown-hover"> <button class="w3-button"> 上映作品 <i class="fa fa-caret-down"></i></button> <div class="w3-dropdown-content w3-bar-block w3-card-4"> <a href="http://takasaki-denkikan.jp/dance2025.html" class="w3-bar-item w3-button">DANCE映画特集</a> <a href="http://takasaki-denkikan.jp/musical2025.html" class="w3-bar-item w3-button">ミュージカル映画特集</a> <a href="http://takasaki-denkikan.jp/twilightwarriors.html" class="w3-bar-item w3-button">トワイライト・ウォリアーズ</a> <a href="http://takasaki-denkikan.jp/kokoniizumi.html" class="w3-bar-item w3-button">ここに泉あり</a> </div> </div> </div> </div> <!-- Page content --> <div class="w3-content" style="max-width:1600px;margin-top:46px"></div> <!-- Header --> <header class="w3-w3-display-middle w3-content w3-wide" style="max-width:1400px;min-width:500px" id="home"> <img class="w3-image" src="http://takasaki-denkikan.jp/images/takasakidenkikan2022_10.jpg" alt="高崎電気館" width="1400" height="800"> </header> <script> // Get the modal var modal = document.getElementById('id01'); // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script> <!-- The home Section --> <div class="w3-container w3-content w3-center w3-padding-32" style="max-width:800px" id="home"> <div class="w3-third"> <a href="http://takasaki-denkikan.jp/dance2025.html"> <p>DANCE映画特集</p> <img src="http://takasaki-denkikan.jp/images/dance2025.jpg" class="w3-round w3-margin-bottom" alt="Random Name" style="width: 70%"> </a> </div> <div class="w3-third"> <a href="http://takasaki-denkikan.jp/musical2025.html"> <p>ミュージカル映画特集</p> <img src="http://takasaki-denkikan.jp/images/musical2025.jpg" class="w3-round w3-margin-bottom" alt="Random Name" style="width: 70%"> </a> </div> <div class="w3-third"> <a href="http://takasaki-denkikan.jp/twilightwarriors.html"> <p>トワイライト・ウォリアーズ</p> <img src="http://takasaki-denkikan.jp/images/twilightwarriors_01.jpg" class="w3-round w3-margin-bottom" alt="Random Name" style="width: 70%"> </a> </div> </div> <div class="w3-container w3-content w3-center w3-padding-32" style="max-width:800px" id="home"> <div class="w3-third"> <a href="http://takasaki-denkikan.jp/kokoniizumi.html"> <p>ここに泉あり</p> <img src="http://takasaki-denkikan.jp/images/kokoniizumiari02.jpg" class="w3-round w3-margin-bottom" alt="Random Name" style="width: 70%"> </a> </div> </div> <div class="w3-container" "w3-center"> <h2 class="w3-wide">高崎電気館</h2><h5>(高崎市地域活性化センター)</h5> <p class="w3-opacity"><i>1913年創業</i></p> <p class="w3-justify"> 高崎電気館は、大正2年に高崎市で初めて開館した常設映画館です。 平成13年に休館して長らく上映を行っていませんでしたが、平成26年、所有者から高崎市が寄付を受け、 同年10月3日、まちなかの活動拠点と新たな文化活動拠点として、 「高崎市地域活性化センター」に生まれ変わりました。 地域活性化センターの集会室はどなたでも利用できます。 利用には事前申請が必要です。</p> </div> <div class="w3-row w3-padding-32"> </div> <!-- schedule Section --> <br> <br> <div class="w3-container w3-section w3-blue" id="schedule"> <h2 class="w3-wide w3-center">上映スケジュール</h2> <p class="w3-opacity w3-center"><i>詳細なスケジュールをご覧になる場合は「週」をクリックしてください</i></p> </div> <div class="w3-container w3-content w3-padding-64" style="max-width:1000px"> <iframe src="https://calendar.google.com/calendar/embed?src=4bdcp98im3a2nh80l223otto04%40group.calendar.google.com&amp;ctz=Asia%2FTokyo" style="border: 0pt none ;" frameborder="0" height="600" scrolling="no" width="100%"></iframe> </div> <!-- access Section --> <div class="w3-container w3-content w3-padding-64" style="max-width:800px" id="access"> <h2 class="w3-wide w3-center">アクセス</h2> <p class="w3-opacity w3-center"></p> <div class="w3-row w3-padding-32"> <div class="w3-col m6 w3-large w3-margin-bottom"> <i class="fa fa-map-marker" style="width:30px"></i> 〒370-0815 群馬県高崎市柳川町31<br> <i class="fa fa-phone" style="width:30px"></i> Phone: 027-395-0483<br> <br> <br> <br> JR高崎駅西口より徒歩15分〜18分程度<br> バス停は「田町」が最寄り<br> <a href="https://www.city.takasaki.gunma.jp/docs/2019050800063/">ぐるりんタクシー</a>もご利用いただけます<br> <br> </div> <div class="w3-col m6"> <iframe src="https://www.google.com/maps/embed?pb=%211m18%211m12%211m3%211d3214.355940312301%212d139.00259611527676%213d36.3279223800485%212m3%211f0%212f0%213f0%213m2%211i1024%212i768%214f13.1%213m3%211m2%211s0x601e8d7eb5701f55%3A0x44c88f21e908b334%212z44CSMzcwLTA4MTUg576k6aas55yM6auY5bSO5biC5p-z5bed55S677yT77yR%215e0%213m2%211sja%212sjp%214v1463371560262" style="border: 0pt none ;" allowfullscreen="" frameborder="0" height="600" width="100%"></iframe> </div></div> </div> <!-- End Page Content --> <!-- Footer --> <footer class="w3-container w3-padding-64 w3-center w3-opacity w3-light-grey w3-xlarge"> <a href="https://ja-jp.facebook.com/takasakidenkikan/" target="_blank"><i class="fa fa-facebook-official w3-hover-opacity"></i></a> <a href="https://www.instagram.com/denkikan1913/" target="_blank"><i class="fa fa-instagram w3-hover-opacity"></i></a> <a href="https://twitter.com/denkikan1913" target="_blank"><i class="fa fa-twitter w3-hover-opacity"></i></a> <p class="w3-medium">Copyright © 2016 TAKASAKI DENKIKAN All Rights Reserved. Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p> </footer> <script> // Automatic Slideshow - change image every 4 seconds var myIndex = 0; carousel(); function carousel() { var i; var x = document.getElementsByClassName("mySlides"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } myIndex++; if (myIndex > x.length) {myIndex = 1} x[myIndex-1].style.display = "block"; setTimeout(carousel, 4000); } // Used to toggle the menu on small screens when clicking on the menu button function myFunction() { var x = document.getElementById("navDemo"); if (x.className.indexOf("w3-show") == -1) { x.className += " w3-show"; } else { x.className = x.className.replace(" w3-show", ""); } } // When the user clicks anywhere outside of the modal, close it var modal = document.getElementById('ticketModal'); window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10