forked from futurenews/2019-futurenews1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
173 lines (153 loc) · 6.7 KB
/
index.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
<!doctype html>
<html lang="ko">
<head>
<title>미래뉴스실습 홈페이지</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<style type="text/css">
.jumbotron{
margin-top: 20px;
background-image: url("img/withnewstapa.png");
background-size: cover;
color: white;
}
</style>
</head>
<body>
<!-- Site Navigation -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand"><small> 서울대학교 언론정보학과 | 미래뉴스실습 </small></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active"><a class="nav-link" href="index.html">전체보기</a></li>
<li class="nav-item"><a class="nav-link" href="interactive/interactive.html">인터랙티브</a></li>
<li class="nav-item"><a class="nav-link" href="reportage/reportage.html">탐사보도</a></li>
<li class="nav-item"><a class="nav-link" href="class/class.html">수업소개</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">지난수업</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="https://futurenews.github.io/2017-futurenews2/" target='_blank'>2017-2학기 미래뉴스실습 II</a>
<a class="dropdown-item" href="https://futurenews.github.io/2018-futurenews1/" target='_blank'>2018-1학기 미래뉴스실습 I</a>
<a class="dropdown-item" href="https://futurenews.github.io/2018-futurenews2/" target='_blank'>2018-2학기 미래뉴스실습 II</a>
</div>
</li>
</ul>
</div>
</nav>
<!-- End of Site Navigation -->
<div class="container">
<div class="jumbotron">
<h2>미래뉴스실습 I</h2>
<p class="lead">
서울대학교 언론정보학과 미래뉴스실습 수업 홈페이지에 오신 것을 환영합니다. </br>
미래뉴스실습 수업은 뉴스타파 제작진과 서울대학교 언론정보학과 교수진이 함께 만듭니다.
</p>
<p class="lead">
<a class="btn btn-primary btn-lg" href="class/class.html" role="button">수업소개</a>
</p>
</div>
<!-- 파트 2: 인터랙티브기사 시작 -->
<div class="row"> <!-- 제목줄 -->
<div class="col">
<p>
<h5><a href="interactive/interactive.html" class="text-dark">인터랙티브 | 전체보기</a></h5>
</p>
</div>
</div>
<div class="row"> <!-- 박스2개 -->
<div class="col-md-6">
<p>
<a href="interactive/int00.html">
<img src="interactive/img/int00.png" style="width:100%"></img>
기사 제목 <br/>
<small> 작성자 이름 </small>
</a>
</p>
</div>
<div class="col-md-6">
<p>
<a href="interactive/int00.html">
<img src="interactive/img/int00.png" style="width:100%"></img>
기사 제목 <br/>
<small> 작성자 이름 </small>
</a>
</p>
</div>
</div>
<div class="row"> <!-- 박스3개 -->
<div class="col-md-4">
<p>
<a href="interactive/int00.html">
<img src="interactive/img/int00.png" style="width:100%"></img>
기사 제목 <br/>
<small> 작성자 이름 </small>
</a>
</p>
</div>
<div class="col-md-4">
<p>
<a href="interactive/int00.html">
<img src="interactive/img/int00.png" style="width:100%"></img>
기사 제목 <br/>
<small> 작성자 이름 </small>
</a>
</p>
</div>
<div class="col-md-4">
<p>
<a href="interactive/int00.html">
<img src="interactive/img/int00.png" style="width:100%"></img>
기사 제목 <br/>
<small> 작성자 이름 </small>
</a>
</p>
</div>
</div>
<!-- End of 인터랙티브 기사 -->
<hr class="primary">
<!-- 파트 2: 탐사보도 시작 -->
<div class="row"> <!-- 제목줄 -->
<div class="col">
<p>
<h5><a href="reportage/reportage.html" class="text-dark">탐사보도 | 전체보기</a></h5>
</p>
</div>
</div>
<div class="row"> <!-- 박스1개 -->
<div class="col-md-12">
<p>
<a href="reportage/reportage.html">
<img src="reportage/img/rep00.png" style="width:100%"></img>
</a>
</p>
</div>
</div>
<!-- End of 탐사보도 -->
</div>
<!-- end div for container -->
<!-- Footer -->
<footer class="page-footer font-small">
<br/>
<br/>
<div style="background-color: #EEE;">
<!-- Copyright -->
<div class="footer-copyright text-center py-2"><font color="#666">This webpage is created and maintained by Dongwhan Kim. All rights reserved. </font></a>
</div>
<!-- Copyright -->
</div>
</footer>
<!-- Footer -->
<!-- 이 아래부터는 무시하세요! -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>