<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>all</title> <link rel="stylesheet" href="main.css" type="text/css"> <link rel="stylesheet" href="C.css" type="text/css" id="stylesheet"> </head> <body> <div class="choice"> <div class="choice-inner"> <p class="label"><label for="design">選択してください</label></p> <p><select id="design"> <option value="C">デザインC</option> <option value="D">デザインD</option> </select></p> <div> <p><input type="button" value="Check" id="checkButton"></p> </div> </div> </div> <!-- ヘッダー --> <div id="header"> <header class="header design-C"> <div class="content-wrapper header-nav"> <div class="content-wrapper header-nav"> <h1>東北公益文科大学</h1> <nav> <ul> <li><a href="#">ホーム</a></li> <li><a href="#">鳥海塾とは</a></li> <li><a href="#">授業内容</a></li> <li><a href="#">受講者向け情報</a></li> <li><a href="#">お申し込み</a></li> </ul> </nav> </div> </div> </header> <header class="header design-D"> <div class="header-nav"> <h1><a href="../home/" class="sp-logo"><img class="top-logo" src="../img/jdlogo_A.png" alt="トップアイコン"></a></h1> <input type="checkbox" id="hamburger-menu"> <label for="hamburger-menu"> <span class="buns"> <span class="patty"></span> </span> </label> <label class="light-dark" for="hamburger-menu"></label> <nav> <ul id="hamburger-list"> <li><a href="../home/">ホーム</a></li> <li><a href="../about/">ジュニアドクター鳥海塾とは</a></li> <li><a href="../class_content/">授業内容</a></li> <li class="bd-no"><a href="../home/" class="bd-none"><img class="top-logo" src="../img/jdlogo_A.png" alt="トップアイコン"></a></li> <li><a href="../info/">受講者むけ情報</a></li> <li><a href="../QA/">Q&A</a></li> <li><a href="../apply/appform.html">お申し込み</a></li> </ul> </nav> </div> </header> </div> <!-- //ヘッダー --> <!-- メインコンテンツ --> <div id="main"> <!-- トップイメージ --> <section class="mainvisual design-C"> <img src="../img/JD-slide2.jpeg" alt=""> <h2>ジュニアドクター鳥海塾</h2> <div class="bg1"></div> </section> <section class="mainvisual design-D"> <div class="main"> <div id="mainvisual"> <div class="mainvisual-inner"> <div class="top-text"> <p class="text">みんなで一緒に、<br> <span class="top-text-color">プログラミング</span>に、<br> 取り組んでいこう。</p> </div> <div class="top-title"> <h1 class="site-title"> ジュニアドクター鳥海塾 <span class="small">2021</span> </h1> </div> <div class="mainvisual-img"> <ul class="fade"> <li><img src="../img/JD-slide2.jpeg" alt=""></li> <li><img src="../img/JD-slide3.jpg" alt=""></li> <li><img src="../img/JD-slide1.jpeg" alt=""></li> </ul> </div> </div> </div> </section> <!-- //トップイメージ --> <!-- アバウト --> <section class="greeting design-C"> <div class="content-wrapper"> <div class="contents"> <figure><img src="../img/JD-slide3.jpg" alt=""></figure> <div class="content"> <h2>ジュニアドクター鳥海塾とは</h2> <<<<<<< HEAD <p>本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。<br> 本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。<br> 本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。<br> 本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。</p> ======= <p>ジュニアドクター鳥海塾では生徒みんなで協力して プログラミングを学んでいきます。教える側も教えられる側も一丸となって一つの問題の解決に 力を合わせて取り組んでいきます。</p> >>>>>>> 2321e9bb85fed399d709cc238b60aae33087252d </p> </div> </div> </div> </section> <div class="about design-D"> <h2 class="section-title">第1期ジュニアドクター鳥海塾</h2> <p class="section-text"> ジュニアドクター鳥海塾では生徒みんなで協力して プログラミングを学んでいきます。教える側も教えられる側も一丸となって一つの問題の解決に 力を合わせて取り組んでいきます。 </p> </div> </div> <!-- //アバウト --> </div> <!-- //メインコンテンツ --> <!-- フッター --> <footer class="footer"> <p>Copyright (C) 2018-2021 SKIP - Shonai Koeki Information Project - . All Rights Reserved.</p> </footer> <!-- //フッター --> <script> function buttonClick(){ let designSelect = document.getElementById('design'); let num = designSelect.selectedIndex; var css = document.getElementById("stylesheet"); css.setAttribute("href", designSelect[num].value + ".css"); console.log('選択されているのは ' + designSelect.value + ' です'); } let checkButton = document.getElementById('checkButton'); checkButton.addEventListener('click', buttonClick); console.log("デザイン変更JS読み込み"); </script> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script type="text/javascript" src="js/textchange.js"></script> </body> </html>