-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.html
164 lines (141 loc) · 5.23 KB
/
main.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
<!DOCTYPE html>
<html>
<head>
<title>Subspace</title>
<style>
#header {
background-color: #2B6A92;
width: 100%;
height: 100px;
text-align: center;
font-family: "Arial Black",sans-serif;
font-size: 40pt;
text-shadow: 3px 3px 3px #000000;
padding-top: 12px;
letter-spacing: 3px;
} /*header 스타일 설정*/
a {
text-decoration-line: none;
} /*링크 밑줄 지우기*/
/*header 링크 스타일 설정*/
a.header:link {
color: white;
}
a.header:visited {
color: white;
}
a.header:hover {
color: white;
}
#nav {
width: 15%;
background-color: #E6EAED;
height: 1000px;
float: left;
padding-top: 50px;
} /*nav 스타일 설정*/
#list {
font-family: 'Aria';
text-shadow: 2px 2px 2px #FFFFFF;
text-align: center;
letter-spacing: 2px;
} /*introduce subwaymap visit record 스타일 설정*/
#subway_list {
list-style-type: square;
padding-left: 80px;
letter-spacing: 1px;
} /*전체노선도~9호선 리스트 스타일 설정*/
/*호선별 리스트 링크 스타일 설정*/
a.line_list:link {
color: black;
}
a.line_list:visited {
color: black;
}
a.line_list:hover {
color: green;
}
#visit_list {
list-style-type: circle;
padding-left: 80px;
letter-spacing: 1px;
color:darkslategray;
} /*방문기록 리스트 스타일 설정*/
#content {
width: 85%;
background-color: white;
float: right;
height: 1000px;
} /*content 스타일 설정*/
#main_content1 {
padding-top:15px;
text-align: center;
} /*subway 메인 설명글 스타일 설정*/
#main_pic {
width: 480px;
height: 250px;
display: block;
margin: auto;
} /*subway 메인 사진 스타일 설정*/
#main_content2 {
text-align: center;
} /*현재 위치 바로가기 스타일 설정*/
/*현재 위치 바로가기 링크 스타일 설정*/
a.main_content2_list:link {
color: gray;
}
a.main_content2_list:visited {
color: gray;
}
a.main_content2_list:hover {
color: darkred;
}
#footer {
background-color: #AAD3ED;
width: 100%;
height: 35px;
clear: both;
text-align: center;
color: #767676;
padding-top:10px;
font-style: italic;
} /*footer 스타일 설정*/
</style>
</head>
<body>
<div id="wrapper">
<div id="header"> <a href="main.html" target="_self" style="color:white"> SUBSPACE </a> </div>
<div id="nav">
<h2 id="list"><a class="line_list" href="main.html" target="_self">Introduce</a></h2>
<h2 id="list"><a class="line_list" href="전체.html" target="_self">SubwayMap</a></h2>
<ul id="subway_list">
<li><a class="line_list" href="전체.html" target="_self">지하철노선도</a></li>
<li><a class="line_list" href="1호선.html" target="_self">1호선</a></li>
<li><a class="line_list" href="2호선.html" target="_self">2호선</a></li>
<li><a class="line_list" href="3호선.html" target="_self">3호선</a></li>
<li><a class="line_list" href="4호선.html" target="_self">4호선</a></li>
<li><a class="line_list" href="5호선.html" target="_self">5호선</a></li>
<li><a class="line_list" href="6호선.html" target="_self">6호선</a></li>
<li><a class="line_list" href="7호선.html" target="_self">7호선</a></li>
<li><a class="line_list" href="8호선.html" target="_self">8호선</a></li>
<li><a class="line_list" href="9호선.html" target="_self">9호선</a></li>
</ul>
<h2 id="list">VisitRecord</h2>
<ul id="visit_list">
<li>이태원역</li>
<li>봉은사역</li>
<li>종로3가역</li>
<li>건대입구역</li>
<li>송파역</li>
</ul>
</div>
<div id="content">
<h1 id="main_content1">반가워요~!<br />"SUBSPACE"는 칸별 혼잡도 및 빈 좌석 알리미입니다.</h1>
<h2 id="main_content1">목적지까지 편하게 앉아서 이동할 수 있도록 도와줄게요.<br />실시간으로 칸별 남은 자석을 확인해보세요.</h2>
<img id="main_pic" src="img/subway.jpg" alt="koreansubway" />
<p id="main_content2"><a class="main_content2_list" href="1호선 종로3가역.html">-> 현재 위치 바로 가기</a></p>
</div>
<div id="footer"> COPYRIGHT (c) 2021 SUBSPACE </div>
</div>
</body>
</html>