-
Notifications
You must be signed in to change notification settings - Fork 0
/
about-us.html
288 lines (288 loc) · 15.5 KB
/
about-us.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="포트폴리오, 기업형 사이트, 웹 퍼블리셔">
<meta name="description" content="기업형 사이트 포트폴리오입니다.">
<meta property="og:title" content="이단비 - 포트폴리오 사이트">
<meta property="og:description" content="기업형 사이트 포트폴리오입니다.">
<meta property="og:url" content="https://danbi-lee.github.io/portfolio_Corporate/">
<meta property="og:image" content="https://danbi-lee.github.io/portfolio_Corporate/img/galaxy.jpg">
<script src="https://kit.fontawesome.com/674d94d429.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/about-us.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/headBox.js"></script>
<title>이단비 portfolio Corporate01</title>
</head>
<body>
<header id="headBox">
<div class="inner wrap">
<h1><a href="./">Observatory</a></h1>
<ul class="gnb wrap">
<li>
<a href="./about-us.html">About Us</a>
<ul class="depth2">
<li><a href="./about-us.html#introduceBox">Introduction</a></li>
<li><a href="./about-us.html#historyBox">History</a></li>
<li><a href="./about-us.html#organizationBox">Organization</a></li>
</ul>
</li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="./video.html">Video</a></li>
<li><a href="./community.html">Community</a></li>
<li>
<a href="./contact.html">Contact Us</a>
<ul class="depth2">
<li><a href="./contact.html#contactBox">Online Contact</a></li>
<li><a href="./contact.html#mapBox">Offline Contact</a></li>
</ul>
</li>
</ul>
<ul class="unb wrap">
<li><a href="./login.html"><i class="fas fa-power-off"></i> <span>log</span><span>in</span></a></li>
<li><a href="./join.html"><i class="fas fa-edit"></i> join</a></li>
</ul>
<button class="btn_gnb" type="button"><i class="fas fa-bars"></i><span class="hidden">더보기</span></button>
</div>
</header>
<figure id="visual">
<h1>About Us</h1>
</figure>
<section id="introduceBox">
<div class="inner wrap">
<h1 class="hidden">intoduce Box</h1>
<article class="contents_box">
<div>
<h2>Lorem ipsum dolor amet.</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Adipisci dolores beatae hic, eius in doloribus. Totam rerum commodi voluptatibus dolorem.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolores quo cupiditate ea blanditiis commodi rem libero, nam id voluptatem sed odio laborum deserunt? Earum fuga eveniet sit?</p>
</div>
</article>
<div class="pic"></div>
</div>
</section>
<section id="historyBox">
<div class="inner">
<h1><span>history</span></h1>
<ul class="timeline">
<li>
<div class="contents">
<div class="pic"></div>
<h2 class="year">1958</h2>
<dl>
<dt>NASA created</dt>
<dd>After the launch of Sputnik 1 by the Soviet Union in 1957, Congress passed the Space Act in July 1958. The Space Act created the National Aeronautics and Space Administration (NASA), effective on October 1, 1958, from the National Advisory Committee for Aeronautics (NACA) and other government agencies.</dd>
</dl>
</div>
</li>
<li>
<div class="contents">
<div class="pic"></div>
<h2 class="year">1990</h2>
<dl>
<dt>Hubble launched</dt>
<dd>Space shuttle Discovery (on mission STS-31) launched from the Kennedy Space Center in Florida, carrying five astronauts and the Hubble Space Telescope.</dd>
</dl>
</div>
</li>
<li>
<div class="contents">
<div class="pic"></div>
<h2 class="year">1992</h2>
<dl>
<dt>Chemistry of early universe probed</dt>
<dd>Astronomers announced that they had detected the rare element boron in an ancient star. This was the first time that astronomers using Hubble had detected elements from the early universe, and this discovery suggested that the element might have been evidence of energetic events that occurred with the birth of our Milky Way galaxy.</dd>
</dl>
</div>
</li>
<li>
<div class="contents">
<div class="pic"></div>
<h2 class="year">1993</h2>
<dl>
<dt>First servicing mission conducted</dt>
<dd>Hubble’s first servicing mission, designated STS-61, occurred on December 2 to 13, 1993, aboard space shuttle Endeavor with seven astronauts on board. The primary mission of Servicing Mission 1 (SM1) was to install two new instruments on Hubble. The first was the Wide Field and Planetary Camera 2, a new camera that provided internal corrections for the spherical aberration in Hubble’s primary mirror. The second instrument was the Corrective Optics Space Telescope Axial Replacement (COSTAR), which corrected the spherical aberration for the other existing instruments. Following the success of SM1, observations from the Hubble Space Telescope were no longer “blurry.”</dd>
</dl>
</div>
</li>
<li>
<div class="contents">
<div class="pic"></div>
<h2 class="year">1995</h2>
<dl>
<dt>Oxygen found on Europa</dt>
<dd>Astronomers announced that they had used Hubble to identify the presence of oxygen in the atmosphere of Jupiter’s moon Europa. This was the first time astronomers identified oxygen in the atmosphere of a satellite and only the third object beyond Earth to possess the gaseous element.</dd>
</dl>
</div>
</li>
<li>
<div class="contents">
<div class="pic"></div>
<h2 class="year">1999</h2>
<dl>
<dt>Sharpest view of Ring Nebula released</dt>
<dd>Hubble released this image of the Ring Nebula, which was discovered by French astronomer Charles Messier over 200 years ago and cataloged as Messier 57 (M57). This planetary nebula (so named because of its resemblance to a round planet in small telescopes) is a cylinder of gas seen almost end-on, produced by a dying star shedding its outer layers.</dd>
</dl>
</div>
</li>
<li>
<div class="contents">
<div class="pic"></div>
<h2 class="year">2000</h2>
<dl>
<dt>Universe’s missing hydrogen found</dt>
<dd>Astronomers announced that they had used Hubble to discover “missing” hydrogen that was created during the big bang but seemed to have disappeared afterward. By studying the light of quasars passing through intervening clouds of gas on its way to Earth, they found that invisible filaments of hydrogen weave their way between galaxies throughout the universe.</dd>
</dl>
</div>
</li>
<li>
<div class="contents">
<div class="pic"></div>
<h2 class="year">2003</h2>
<dl>
<dt>Light echo recorded</dt>
<dd>Astronomers released Hubble images of a “light echo” around a star called V838 Monocerotis, which in January 2002 had suddenly swelled in brightness, giving off 600,000 times more light than our Sun does. Hubble’s images showed light from this outburst illuminating clouds of dust around the star as the light traveled outward.</dd>
</dl>
</div>
</li>
<li>
<div class="contents">
<div class="pic"></div>
<h2 class="year">2018</h2>
<dl>
<dt>Possible exomoon found</dt>
<dd>Astronomers announced that the Kepler and Hubble space telescopes had gathered evidence of a possible moon orbiting a planet outside our solar system. Potentially as large as Neptune, the suspected “exomoon” accompanies a planet several times more massive than Jupiter called Kepler-1625b, which orbits a Sun-like star 8,000 light-years from Earth.</dd>
</dl>
</div>
</li>
</ul>
</div>
</section>
<section id="organizationBox">
<div class="inner">
<h1>조직도</h1>
<ul class="organizationBox_chart">
<li>
<strong>원장</strong>
<ul>
<li>
<strong>감사부</strong>
</li>
</ul>
<ul>
<li>
<strong>천문전산융합센터</strong>
</li>
</ul>
<ul>
<li>
<strong>부원장</strong>
<ul class="class_center">
<li>
<span>고천문연구센터</span>
</li>
<li><span>광한천문본부</span></li>
<li><span>전파천문본부</span></li>
<li><span>우주과학본부</span></li>
<li><span>대형망원경사업단</span></li>
<li><span>우주위험감시센터</span></li>
<li><span>이론천문센터</span></li>
<li><span>천문우주기술센터</span></li>
</ul>
<ul class="class_rnd">
<li><span>연구지원1팀</span></li>
<li><span>연구지원2팀</span></li>
<li><span>연구지원3팀</span></li>
</ul>
</li>
<li>
<strong>정책부</strong>
<ul class="class_policy">
<li><span>적책현신팀</span></li>
<li><span>국제협력팀</span></li>
<li><span>대국민홍보팀</span></li>
</ul>
</li>
<li>
<strong>기획부</strong>
<ul class="class">
<li><span>기획팀</span></li>
<li><span>예산팀</span></li>
<li><span>성과관리팀</span></li>
</ul>
</li>
<li>
<strong>행정부</strong>
<ul class="class">
<li><span>총무시설안저팀</span></li>
<li><span>인사팀</span></li>
<li><span>회계팀</span></li>
<li><span>구매자산팀</span></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</section>
<footer id="footBox">
<h1 class="hidden">footer</h1>
<div class="inner">
<div class="inb_box wrap">
<ul class="inb wrap">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">email collection</a></li>
</ul>
<address>52 Ilsandong-gu, Goyang-si, Gyeonggi-do, Republic of Korea</address>
</div>
<div class="logo_box wrap">
<h2>Observatory</h2>
<ul class="call_box">
<li>
<strong>Dodam</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Arum</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Jong</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Hansol</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Gounnam</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Goun</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Boram</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Deap</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Searom</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Sodam</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
</ul>
<small>Copyright © DanBi-Lee. All Rights Reserved.</small>
</div>
</div>
</footer>
</body>
</html>