index.html
6.89 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" , initial-scale="1">
<title>EPL 통계 사이트</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<meta name="author" content="김대욱, 정지은">
<meta name="description" content="리버풀 화이팅~!">
</head>
<body>
<style type="text/css">
.jumbotron{
background-image: url('https://2020-oss-test.s3.amazonaws.com/emilio-garcia-AWdCgDDedH0-unsplash.jpg');
background-size:cover;
text-shadow:black 0.2em 0.2em 0.2em;
color:white;
}
</style>
<nav class="navbar navbar-default">
<div class="contaner-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">EPL 통계 사이트</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">프로젝트 소개<span class="sr-only"></span></a></li>
<li><a href="TeamStanding.html">팀 순위</a></li>
<li><a href="PersonalStanding.html">개인 순위</a></li>
<li class="dropdown">
<a href="TeamStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">팀 별 통계<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="TeamStat.html?StatName=Possession">점유율</a></li>
<li><a href="TeamStat.html?StatName=Goals">득점</a></li>
<li><a href="TeamStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
<li><a href="TeamStat.html?StatName=Shots">슈팅</a></li>
<li><a href="TeamStat.html?StatName=Pass">경기당 패스 횟수</a></li>
<li><a href="TeamStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
</ul>
</li>
<li class="dropdown">
<a href="PersonalStat.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">개인 별 통계<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="PersonalStat.html?StatName=Goals">득점</a></li>
<li><a href="PersonalStat.html?StatName=Assists">어시스트</a></li>
<li><a href="PersonalStat.html?StatName=ShotsOnTarget">유효 슈팅</a></li>
<li><a href="PersonalStat.html?StatName=Shots">슈팅</a></li>
<li><a href="PersonalStat.html?StatName=CriticalPass">중요 패스</a></li>
<li><a href="PersonalStat.html?StatName=Pass">경기당 패스 횟수</a></li>
<li><a href="PersonalStat.html?StatName=PassingAccuracy">패스 성공률</a></li>
</ul>
</li>
<li><a href="Community.html">자유 게시판</a></li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="내용을 입력하세요.">
</div>
<button type="submit" class="btn btn-default">검색</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">접속하기<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="loginForm.html">로그인</a></li>
<li><a href="registerForm.html">회원가입</a></li>
</ul>
</li>
</li>
</ul>
</div>
</div>
</nav>
<div class ="container">
<div class="jumbotron">
<h1 class="text-center">EPL의 자세한 통계를 보여주는 사이트</h1>
<br>
<p class="text-center">EPL을 사랑하는 축구인 입장에서 한국어 사용자가 선수들의 디테일한 스탯을 볼 수 있는 사이트를 만들고 싶어 제작했다.</p>
</div>
</div>
<div class="row">
<div class="col-md-3">
<h4>팀 순위</h4>
<p>이 사이트는 팀 순위를 다른 데이터와 함께 보여줍니다.</p>
<p><a class="btn btn-default" href="TeamStanding.html">자세히 알아보기</a></p>
</div>
<div class="col-md-3">
<h4>개인 순위</h4>
<p>이 사이트는 개인 순위를 다른 데이터와 함께 보여줍니다.</p>
<p><a class="btn btn-default" href="PersonalStanding.html">자세히 알아보기</a></p>
</div>
<div class="col-md-3">
<h4>팀별 통계</h4>
<p>이 사이트는 팀 별 통계를 조금 더 자세한 정보들과 함께 보여줍니다.</p>
<p><a class="btn btn-default" href="TeamStat.html">자세히 알아보기</a></p>
</div>
<div class="col-md-3">
<h4>개인 통계</h4>
<p>이 사이트는 개인 별 통계를 조금 더 자세한 정보들과 함께 보여줍니다.</p>
<p><a class="btn btn-default" href="PersonalStat.html">자세히 알아보기</a></p>
</div>
</div>
<footer style="background-color:#33cc33; color:#ffffff">
<div class="container">
<br>
<div class="row">
<div class="col-sm-2" style="text-align: center;"><h5>Copyright © 2020</h5><h5>김대욱(DaeWook Kim)</h5></div>
<div class="col-sm-4"><h5>작성자 소개</h5><p>저는 경희대학교 학생 김대욱입니다.</p></div>
</div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>