Newer
Older
web / home / index.html
@houtin houtin on 9 Dec 2022 14 KB add:1203
<!DOCTYPE html>
<html lang="ja">
<head><title>Junior-Doctor Chokai Academy</title>
<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="第2期ジュニアドクター鳥海塾">
    <meta name="keywords" content="ジュニアドクター,鳥海塾,プログラミング">
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../jdmain.css">
<link rel="stylesheet" href="../testpage/responsive.css">
<script type="text/javascript" src="../jdinit.js"></script>
</head>
<body>
<header id="header">この部分は header.html に置き換わる</header>

<!-- main -->
<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">2022</span>
                </h1>
            </div>
            <div class="mainvisual-img">
                <ul class="fade">
                    <li><img src="../img/JD-slide10.JPG" alt=""></li>
                    <li><img src="../img/JD-slide11.jpg" alt=""></li>
                    <li><img src="../img/JD-slide9.JPG" alt=""></li>
                    <li><img src="../img/JD-slide12.jpg" alt=""></li>
                    <li><img src="../img/JD-slide7.jpg" alt=""></li>
                    <li><img src="../img/JD-slide8.JPG" alt=""></li>
                    
                </ul>
            </div>
        </div>
    </div>
<!-- //main -->

        <!-- about -->
        <section id="home-about" class="wrapper">
            <div class="scroll">
            <h2 class="section-title home-about-title">第2期ジュニアドクター鳥海塾</h2>
            <p class="section-text">
                ジュニアドクター鳥海塾では生徒みんなで協力して
                    プログラミングを学んでいきます。教える側も教えられる側も一丸となって一つの問題の解決に
                力を合わせて取り組んでいきます。
            </p>
            </div>
            <div class="about-container">
                <div class="home-items scroll">
                    <img src="../img/riku_umi.png" alt="キャラ画像ウミリク">
                    <div class="what_study">
                        <h3><i style="color:orange;" class="fas fa-angle-double-right fa-lg"></i>  鳥海塾でどんなことが学べるの?</h3>
                        <p><span class="text-bg">まずは、プログラミングの基礎を身に付けます。</span><span class="text-bg">
                            そして、情報技術が身近な
                            地域社会のどんな場面に使われているのかを学びます。
                        </span><span class="text-bg">講座の終わりには、受講生それぞれが自分のアイディアを出してオリジナルのプログラミングづくりに挑戦します。</span><br>
                        <span class="text-bg">
                            実際の授業では、大学の先生や大学生のお兄さんお姉さんがみなさん
                            の学びをサポートします。
                        </span><span class="text-bg">
                            授業当日に学校行事やイベントで欠席になる場合には、
                            オンラインでの補講にも対応します。
                        </span></p>
                    </div>
                    <div class="aiming_top">
                        <h3><i style="color:orange;" class="fas fa-angle-double-right fa-lg"></i>  鳥海塾で学びを積み上げて「鳥海山の頂 (2236m)」を目指そう !</h3>
                        <p><span class="text-bg">
                            鳥海塾では受講生の学習の記録を積み重ね、標高メートルとして高さで示し
                            ながら、
                        </span><span class="text-bg">名峰「鳥海山」の頂上標高2236メートルを目指して登っていきます。</span><br>
                        <span class="text-bg">受講生のみなさんの研究を鳥海山から世界に向けて発信する気持ちで、一緒に挑戦していきましょう。</span></p>
                    </div>
                    <img src="../img/umi_ukiwa.png" alt="キャラ画像ウミ浮輪" class="umi-img">
                    </div>
            </div>
        </section>
        <!-- //about -->

        <!-- notice-->
        <section id="home-notice" class="wrapper">
            <div class="scroll">
                <h2 class="section-title home-notice-title">新着情報(2022年)</h2>
                <ul class="notice">
                    <li class="new">
                        <a href="../2022-activities/index.html">
                          <span class="news-title">お知らせ</span>
                          <time datetime="2022-12-03">[ 2022.12.03 ]</time>
                          <p>活動掲載に本講義16回目の様子を掲載しました。</p>
                        </a>
                    </li>
                    <li>
                        <a href="../2022-activities/index.html">
                          <span class="news-title">お知らせ</span>
                          <time datetime="2022-11-19">[ 2022.11.19 ]</time>
                          <p>活動掲載に本講義15回目の様子を掲載しました。</p>
                        </a>
                    </li>
                    <li>
                        <a href="../2022-activities/index.html">
                          <span class="news-title">お知らせ</span>
                          <time datetime="2022-11-12">[ 2022.11.12 ]</time>
                          <p>サイエンスカンファレンス2022で第二段階1期生2名が発表しました。</p>
                        </a>
                    </li>
                    
                    
                   
                    
                  
                   
                    
                    
                    
                  </ul>
            </div>
        </section>
        <!-- //notice-->
        
        <!-- home-class_content -->
        <section id="home-class_content" class="wrapper">
            <h2 class="section-title scroll">授業内容について</h2>
            <div class="grid"> 
                <a class="class_content-item scroll" href="../2022-activities/index.html#class23">
                    <div class="item fadein">
                      <img class="fadein" src="../2022-activities/img/1203-4.jpg" alt="../class_content/index.html">
                      <div class="item-content">
                        <p class="item-cat">class content</p>
                      <p class="item-text">12月3日 本講義</p>
                        <p class="item-date">2022.12.03</p>
                      </div>
                    </div>
                </a>      
                <a class="class_content-item scroll" href="../2022-activities/index.html#class22">
                    <div class="item fadein">
                      <img class="fadein" src="../2022-activities/img/1119-2.jpg" alt="../class_content/index.html">
                      <div class="item-content">
                        <p class="item-cat">class content</p>
                      <p class="item-text">11月19日 本講義</p>
                        <p class="item-date">2022.11.19</p>
                      </div>
                    </div>
                </a>
                <a class="class_content-item scroll" href="../2022-activities/index.html#class20">
                    <div class="item fadein">
                    <img class="fadein" src="../2022-activities/img/1105-1.png" alt="../class_content/index.html">
                    <div class="item-content">
                        <p class="item-cat">class content</p>
                        <p class="item-text">11月5日 本講義</p>
                        <p class="item-date">2022.11.05</p>
                    </div>
                    </div>
                    </a>  
                
                
               
               
                
                
            </div>
            <p class="home-class_content-btn"><a href="../2022-activities/index.html">もっと見る</a></p>
          </section>
          <!-- //home-class_content -->
          <!-- home-QA-->
        <section id="home-qa" class="wrapper scroll">
            <h2 class="section-title scroll">鳥海塾についてのQ&amp;A</h2>
            <div class="scroll">
            <div class="qa_list">
                <input id="qa1" type="checkbox">
                <div class="plus">+</div>
                <label for="qa1">Q.プログラミングってなに?</label>
                <div class="ans"><span style="font-size: 25px;">A.</span>
                みなさんが当たり前に使っているYoutubeやゲーム、スマホアプリはプログラマーと呼ばれる人達によって作られています。そして、そのプログラムを作る作業のことをプログラミングといいます。
                </div>
            </div>
            <div class="qa_list">
                <input id="qa2" type="checkbox">
                <div class="plus">+</div>
                <label for="qa2">Q.プログラミングができるとなにがいいの?</label>
                <div class="ans"><span style="font-size: 25px;">A.</span>
                子供達の新たな特技になり、自信につながります。また、一部で算数や英語を扱うため、普段の勉強にも活かすことができます。
                </div>
            </div>
            <div class="qa_list">
                <input type="checkbox" id="qa6">
                <div class="plus">+</div>
                <label for="qa6">Q.どんな人が教えるの?</label>
                <div class="ans"><span style="font-size: 25px;">A.</span>
                    東北公益文科大学の先生と学生が教えます。 学生は、特別に選ばれたスタッフで構成され、 「メンター」と
                    なって一人ひとりに寄り添って説明いたします。
                </div>
            </div>
            <div class="qa_list">
                <input type="checkbox" id="qa7">
                <div class="plus">+</div>
                <label for="qa7">Q.お金はいくらくらいかかるの?</label>
                <div class="ans"><span style="font-size: 25px;">A.</span>
                    受講無料です。 必要な費用等は本学が全額負担いたします。 ただし、会場までの移動に伴う交通費と、 オ
                    ンライン講座参加のための通信費は自己負担となります。
                </div>
            </div>
        </div>
            <p class="home-class_content-btn"><a href="../QA/index.html">もっと見る</a></p>
        </section>
        <!-- //home-QA -->

        <!-- home-info -->
<section class="wrapper">
    <div id="home-info">
        <h2 class="section-title">アクセス</h2>
        <figure>
            <img src="../img/access.jpg" alt="">
        </figure>
        <div class="info-item">
            <div class="info-text">
                <h3 class="home-info-address_title">東北公益文科大学</h3>
                <span class="info-address"><span class="info-small">〒998-8580</span><br>
                山形県酒田市飯森山三丁目5番地の1 <br>
                TEL:0234-41-1111</span>
                <dl class="line-dl">
                    <div>
                        <dt class="font-mg">プログラム名</dt>
                        <dd>令和3年度ジュニアドクター育成塾</dd>
                    </div>
                    <div>
                        <dt class="font-mg">開催主体</dt>
                        <dd><a href="https://www.koeki-u.ac.jp/">東北公益文科大学</a></dd>
                    </div>
                    <div>
                        <dt class="font-mg">実施主担当者</dt>
                        <dd>広瀬 雄二</dd>
                    </div>
                    <div>
                        <dt class="font-mg">住所</dt>
                        <dd>山形県酒田市飯森山三丁目5番地の1<br>
                            東北公益文科大学 公益ジュニアドクターセンター</dd>
                    </div>
                    <div>
                        <dt class="font-mg">電話番号</dt>
                        <dd>0234-41-1115</dd>
                    </div>
                    <div>
                        <dt class="font-mg">行き方</dt>
                        <dd>酒田駅出発の場合→酒田駅を出発し出羽大橋を抜けた先を左折します <br>
                            三川方面から来る場合→コスモ石油のある十字路を左に曲がり道なりに進みます</dd>
                    </div>
                    <div>
                        <dt class="font-mg">詳しい行き方</dt>
                        <dd><a href="https://www.koeki-u.ac.jp/about_us/access.html">東北公益文科大学アクセスページ</a></dd>
                    </div>
                </dl>
            </div>
            <div class="iframe-wrap" >
                <!--<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3105.3413311250843!2d139.81671931502322!3d38.893309154790884!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5f8e9e2a867f4291%3A0x66b7cfad26f00687!2z5p2x5YyX5YWs55uK5paH56eR5aSn5a2mIOmFkueUsOOCreODo-ODs-ODkeOCuQ!5e0!3m2!1sja!2sjp!4v1630241197878!5m2!1sja!2sjp"
                width="450" height="600" style="border:0;" allowfullscreen="" loading="lazy"></iframe>-->
                <iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="border:0;" allowfullscreen="" loading="lazy"src="https://maps.gsi.go.jp/?hc=hic#15/38.893058/139.819331/&base=std&ls=std&disp=1&vs=c1g1j0h0k0l0u0t0z0r0s0m0f0"></iframe>
            </div>
        </div>
    </div>
</section>
<!-- //home-info -->
</main>
      <script type="text/javascript" src="../testpage/fade.js"></script>
      <script type="text/javascript" src="../testpage/header.js"></script>

<footer id="footer">この部分は footer.html に置き換わる</footer>

</body>
</html>