Newer
Older
web / about / index.html
@ItoRino ItoRino on 13 Apr 2022 4 KB fix:育成塾⇨鳥海塾
<!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">
    <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">
<script type="text/javascript" src="../jdinit.js"></script>
<link rel="stylesheet" href="../testpage/responsive.css">
<link rel="stylesheet" type="text/css" href="../jdmain.css">
</head>
<style>
    .home-items{
        opacity: 1;
    }
    .home-items img{
    width: 30%;
    height: auto;
}
.section-title{
    margin-top: 110px;
}
.section-title:nth-child(3){
    margin-top: 0;
}
@media screen and (min-width: 1000px){
    #home-about .home-items img{
    width: 40%;
    height: auto;
    padding-bottom: 20px;
  }
  #home-about .home-items h3{
    font-size: 1.2rem;
  }
  #home-about .home-items p{
    font-size: 1.1rem;
    line-height: 1.85;
  }
  .what_study{
    width:50%;
    margin-bottom: 0;
}
.aiming_top{
    width:50%;
    margin-top: 0;
}
.about-second-title{
    margin-top: 0;
}
}
@media screen and (max-width: 746px){
    #home-about .home-items img{
    width: 80%;
    height: auto;
  }
}
</style>
<body>
<header id="header">この部分は header.html に置き換わる</header>
<section id="home-about" class="wrapper">
    <h2 class="section-title ">ジュニアドクター育成塾とは</h2>
    <p class="section-text">
        ジュニアドクター育成塾は、将来の科学技術イノベーションを牽引する傑出した 人材の育成に向けて、高い意欲や突出した能力を持つ小中学生を発掘し、 理数・情報分野の学習などを通じてその能力を伸長させる体系的な取り組みを 支援するものです。
         東北公益文科大学は、科学技術振興機構(JST)の令和3年度 「ジュニアドクター育成塾」の実施機関に選定されました。
    </p>

    <h2 class="section-title about-second-title">ジュニアドクター鳥海塾とは</h2>
    <p class="section-text">
        ジュニアドクター鳥海塾は、「地域の人・自然・社会・歴史的財産の価値を見出し、新しい情報技術との橋渡しのできる人材」の育成を目標にしています。
    本学が位置する庄内にそびえる鳥海山に登るように学びを積み上げ、地方にいながら探究心と向上心を持ち、世界に挑戦する意欲の高い児童生徒を育成します。
    </p>
    <div class="about-container">
        <div class="home-items">
            <img src="../img/about-img1.jpeg" alt="">
            <div class="what_study">
                <h3><i style="color:orange;" class="fas fa-angle-double-right fa-lg"></i>初年度の学び</h3>
                <p>
                    初年度は、受講生が自分のアイディアを出してオリジナルのプログラムを作ることを目的として、まずはプログラミングの基礎を身につけることから始めました。
                    本学の教授や大学生スタッフがサポートし、情報技術が身近な地域社会のどんな場面に使われているのかを学びました。
                    例えば、 JAXA のスタッフと直接話をして宇宙と情報技術について考えたり、防災マップと情報技術の関係性などを学んだりしました。</p>
            </div>
            <div class="aiming_top">
                <h3><i style="color:orange;" class="fas fa-angle-double-right fa-lg"></i>令和4年度の活動について</h3>
                <p>令和4年度は、1期生は2期生のサポート役となるジュニアメンターと第二段階進級生に分かれます。
                    2期生は、ジュニアメンターのサポートを受けながら、初年度と同様にプログラミングの基礎と情報技術の活用について学び、自分のアイディアでオリジナルのプログラムを作ることを目標にして活動します。
                    また、第二段階進級生は、本学の教授の指導のもとそれぞれ興味のある分野について研究活動を行い、外部での成果発表を目指します。</p>
            </div>
            <img src="../img/about-img2.jpeg" alt="キャラ画像ウミ浮輪" class="umi-img">
        </div>
    </div>
</section>
<footer id="footer">この部分は footer.html に置き換わる</footer>
</body>
</html>