https://fte-tohoku.tech/aboutus.html

1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5  <meta charset="utf-8">
6  <title>団体について</title>
7  <meta name="description" content="F.T.E.のサークルの概要を紹介しています。">
8  <meta name="keywords" content="FTE 東北大 ロケットサークル">
9  <meta name="viewport" content="width=device-width,initial-scale=1.0">
10  <!--=============Google Font ===============-->
11  <link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP%7COswald&display=swap" rel="stylesheet">
12  <!--==============レイアウトを制御する独自のCSSを読み込み===============-->
13  <!--機能編 6-1-4 動きを組み合わせて全画面で見せる-->
14  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.4/vegas.min.css">
15  <!--機能編 6-2-1 複数の画像を一覧で見せる-->
16  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/css/lightbox.min.css">
17  <!--自作のCSS-->
18  <link rel="stylesheet" type="text/css" href="css/reset.css">
19  <link rel="stylesheet" type="text/css" href="css/parts.css">
20  <link rel="stylesheet" type="text/css" href="css/layout.css">
21  <link rel="stylesheet" href="css/style.css">
22  <style>
23    .float_r {
24      margin-bottom: 10px;
25      margin-left: 50px;
26      float: right;
27    }
28
29    .title_aboutus {
30      margin-top: 60px;
31    }
32
33    .enen {
34      margin-top: 140px;
35      text-align: center;
36    }
37
38    .img_aboutus {
39      text-align: center;
40    }
41
42    h2 {
43      margin-top: 70px;
44      margin-bottom: 2px;
45    }
46  </style>
47</head>
48
49<body>
50
51  <!-- <div id="splash">
52<div id="splash-logo"><div class="loader"></div></div>
53</div>
54<div class="splashbg"></div> -->
55
56
57  <div id="container">
58    <header id="header">
59      <h1><a href="#">FROM THE EARTH</a></h1>
60
61      <div class="g-nav-openbtn">
62        <div class="openbtn-area"><span></span><span></span><span></span></div>
63      </div>
64      <nav id="g-nav">
65        <div id="g-nav-list">
66          <ul id="g-navi" class="nav01c">
67            <li><a href="./index.html">Top</a></li>
68            <li><a href="#">About Us</a></li>
69            <li class="has-child"><a href="#">Project</a>
70              <ul>
71                <li><a href="./rocket.html">Rocket</a></li>
72                <li><a href="./cansat.html">CanSat</a></li>
73                <li><a href="./engine.html">Engine</a></li>
74              </ul>
75            </li>
76            <li><a href="./volunteer.html">Volunteer</a></li>
77            <li><a href="./contact.html">Contact</a></li>
78          </ul>
79        </div>
80      </nav>
81    </header>
82
83    <div id="search-wrap">
84      <div class="close-btn"><span></span><span></span></div>
85      <div class="search-area">
86        <form role="search" method="get" action="">
87          <input type="text" value="" name="" id="search-text" placeholder="search">
88          <input type="submit" id="searchsubmit" value="">
89        </form>
90        <!--/search-area-->
91      </div>
92      <!--/search-wrap-->
93    </div>
94
95    <div class="enen">
96      <h1>About Us</h1>
97    </div>
98
99    <main id="main-area">
100      <div class="item_wrapper">
101        <img class="img_aboutus" src="img/aboutus/minna.JPG" width="1200px" alt="">
102        <section id="item_container">
103          <h2>団体概要</h2>
104          <dl id="list" class="list_group">
105            <dt>団体名</dt>
106            <dd>東北大学 FROM THE EARTH</dd>
107            <dt>設立</dt>
108            <dd>2010年12月17日</dd>
109            <dt>代表</dt>
110            <dd>玉井航平</dd>
111            <dt>現役メンバー</dt>
112            <dd>71人</dd>
113          </dl>
114        </section>
115        <section id="item_container">
116          <h2>沿革</h2>
117          <dl id="list" class="list_history">
118            <dd>2022年8月</dd>
119            <dt>自作エンジン搭載機打ち上げ成功</dt>
120            <dd>2016年3月</dd>
121            <dt>第10回伊豆大島共同打上実験初参加</dt>
122            <dd>2015年11月</dd>
123            <dt>カンサットプロジェクト正式立ち上げ</dt>
124            <dd>2010年12月</dd>
125            <dt>FROM THE EARTH 設立</dt>
126          </dl>
127        </section>
128        <section id="item_container">
129          <h2>代表挨拶</h2>
130          <div class="representative_container">
131            <div>
132              <img src="img/aboutus/tamaikouhei.jpg" width="600px" alt="" class="float_r">
133              <p>
134                FROM THE EARTHへようこそ、そして宇宙へようこそ。
135                <br>
136                15期代表の玉井航平です。
137                <br>
138                <br>
139                「大気圏突破」、「全ての人に夢と感動を与える」。
140                <br>
141                私たちはこの二つを理念に活動を行っています。
142                <br>
143                その原動力は何か。
144                <br>
145                それは、「我々が宇宙を好きでいるから」、結局はその一言なのかも知れません。
146                <br>
147                <br>
148                かつて誰もがきっと宇宙に憧れ、そして夢見たことでã

148—ょう。夜空を見上げて星を見たとき、ロケットの打ち上げ映像を見たとき。些細なことでも、確かにそれはあったはずです。
149                <br>
150                我々が宇宙を感じるとき、自分の存在がいかにちっぽけなものなのかを痛感するとともに、その広大さに惹かれます。
151                <br>
152                私たちの団体では、その「好き」という純粋な感情から、「自分も宇宙に関わりたい」、そして、ここ東北大学から宇宙の素晴らしさを広げたいという強い気持ちを持った学生が集まり、日々活動しています。
153                <br>
154                <br>
155                FROM THE
156                EARTHでは、主にハイブリッドロケットの製作・打上およびCanSatの製作・大会出場に取り組んでおり、それぞれのプロジェクトでは自分たちでミッションを課し、それを達成するべく活動を行っています。
157                <br>
158                本ホームページの「Project」には、これまでF.T.E.が行ってきたさまざまなプロジェクトを掲載していますので、是非ご覧ください。
159                <br>
160                我々は、宇宙に関連した"モノづくり"を身をもって体験する中で、工学的知識だけでなく、プロジェクトを進める上で重要なことを学び、一人のエンジニアとしての成長も目指します。同じ気持ちを持った仲間たちと時に協力し合い、ときにぶつかり合いながら、一つの目標に向かってプロジェクトを進めています。
161                <br>
162                <br>
163                さらに、自分たちだけが楽しむのではなく、宇宙の素晴らしさや、モノづくりの楽しさをいかに広く伝えるかということにも重きを置いています。その最たるものが、近隣の小中学校でのペットボトルロケットやモデルロケット教室です。
164                <br>
165                子供たちにとって、「宇宙って面白い！」と思ってもらえる、そんなきっかけを作れるよう、様々な活動を展開しています。
166                <br>
167                <br>
168                FROM THE EARTHは、会社でも研究室でもなく、サークルだからこそ、その人の「好き」という気持ちを大切にし、それを行動に変え、何かに本気になれるような場所を目指します。
169                <br>
170                <br>
171                最後になりますが、私たちの活動は多くの方々のご支援とご理解の上で成り立っております。私たちの理念・活動に共感し、応援してくださる全ての方々に感謝を申し上げます。皆様のご希望・ご信頼に沿える団体であれるよう精進して参りますので、今後ともどうぞよろしくお願いいたします。
172                <br>
173                <br>
174                15期代表 玉井航平
175                <br>
176              </p>
177            </div>
178
179          </div>
180
181        </section>
182      </div>
183
184      <div class="bgextend bgLRextendTrigger">
185        <div class="bgappearTrigger">
186          <section id="contact">
187            <div class="contact-detail">
188              <h2>Contact</h2>
189              <p>メールにてお気軽にお問い合わせください。</p>
190              <!--/contact-detail-->
191            </div>
192            <div class="contact-tel">
193              <p><a href="mailto:[email protected]">[email protected]</a></p>
194              <p><a href="./contact.html">お問い合わせ<br>フォーム</a></p>
195              <!--/contact-tel-->
196            </div>
197          </section>
198          <!--/bgappearTrigger-->
199        </div>
200        <!--/bgextend-->
201      </div>
202    </main>
203
204    <footer id="footer">
205      <div class="footer-info">
206        <p class="footer-logo">FROM THE EARTH</p>
207        <address>〒980-8576 仙台市青葉区川内41</address>
208        <ul>
209          <li>
210            <dl>
211              <dt>E-mail</dt>
212              <dd><a href="mailto:[email protected]">[email protected]</a></dd>
213            </dl>
214          </li>
215        </ul>
216      </div>
217
218      <div class="footer-link">
219        <ul>
220          <li><a href="./index.html">Top</a></li>
221          <li><a href="#">About Us</a></li>
222          <li><a href="./rocket.html">Rocket</a></li>
223          <li><a href="./cansat.html">Cansat</a></li>
224          <li><a href="./engine.html">Engine</a></li>
225          <li><a href="./volunteer.html">Volunteer</a></li>
226          <li><a href="./contact.html">Contact</a></li>
227        </ul>
228        <small>

228Copyright &copy; FROM THE EARTH All rights Reserved.</small>
229      </div>
230      <p id="page-top" class="hide-btn"><a href="#"><span></span></a></p>
231    </footer>
232
233    <!--/container-->
234  </div>
235
236  <!--=============JS ===============-->
237  <!--jQuery-->
238  

238<script src="https://code.jquery.com/jquery-3.4.1.min.js"
239    integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

239
240  <!--機能編 6-1-4 動きを組み合わせて全画面で見せる-->
241  

241<script src="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.4/vegas.min.js"></script>

241
242  <!--機能編 6-2-1 複数の画像を一覧で見せる-->
243  

243<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/js/lightbox.min.js"></script>

243
244  <!--印象編　8-6 アルファベットがランダムに変化して出現-->
245  

245<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/shuffle-text.min.js"></script>

245
246  <!--自作のJS-->
247  

247<script src="js/script.js"></script>

247
248</body>
249
250</html>