-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (122 loc) · 5.58 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.98.0">
<title>Capstone Proect</title>
<link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/carousel/">
<link href="/docs/5.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.b-example-divider {
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-vr {
flex-shrink: 0;
width: 1.5rem;
height: 100vh;
}
.bi {
vertical-align: -.125em;
fill: currentColor;
}
.nav-scroller {
position: relative;
z-index: 2;
height: 2.75rem;
overflow-y: hidden;
}
.nav-scroller .nav {
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.2/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.2/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.2/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.2/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.2/assets/img/favicons/safari-pinned-tab.svg" color="#712cf9">
<link rel="icon" href="/docs/5.2/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#712cf9">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="container">
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
<a href="https://github.com/Team-Firewall" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<img class="bi me-2" width="40" height="40" src="https://cdn-icons-png.flaticon.com/512/25/25231.png" alt="github_logo" />
<span class="fs-4">Team-Firewall</span>
</a>
<ul class="nav nav-pills">
<li class="nav-item"><a href="index.html" class="nav-link" aria-current="page">홈으로</a></li>
<li class="nav-item"><a href="tutorial.html" class="nav-link">데스크탑 튜토리얼</a></li>
<li class="nav-item"><a href="stacks.html" class="nav-link">사용기술</a></li>
<li class="nav-item"><a href="files.html" class="nav-link">프로젝트 자료</a></li>
<li class="nav-item"><a href="members.html" class="nav-link">팀 소개</a></li>
</ul>
</header>
</div>
<main>
<div id="myCarousel" class="carousel" data-bs-ride="carousel"
style="background-color: gray; height: 300px; position: relative;">
<div class="carousel-caption text-start" style="margin-top: 130px;">
<p>GBSW Capstone - 교내 상벌점 시스템</p>
<h1>Team - Fireawll</h1>
</div>
</div>
<div class="container marketing">
<dl>
<dt><h2 style="color: black">프로젝트 소개</h2></dt>
<dd><p>경북소프트웨어고등학교 학생들을 위한 교내 상벌점 시스템입니다.</p></dd><br />
<dt><h2 style="color: black">문제 상황</h2></dt>
<dd><p>기존 상벌점 시스템은 학생 개인의 점수 조회와 같은 학생의 편의 사항이 없었다. 또한 외부 프로그램이기에 구매를 해야했으며 UI의 직관성과 UX의 사용성이 떨어졌다.</p></dd><br />
<dt><h2 style="color: black">기대효과</h2></dt>
<dd><p>- 학생의 상벌점 조회 가능</p></dd>
<dd><p>- 필요 없는 지출 제거</p></dd>
<dd><p>- 플렛폼이 웹으로만 한정되지 않음</p></dd>
<dd><p>- 통계 방식의 직관성 향상</p></dd>
<dd><p>- 상벌점 지급 편의성 향상</p></dd>
<dt><h2 style="color: black">데모(모바일)</h2></dt>
<img src="https://media.discordapp.net/attachments/999238854341046302/1057449356980146206/ezgif.com-gif-maker_1.gif?width=325&height=703">
<dt><h2 style="color: black">데모(데스크탑)</h2></dt>
<img src="https://media.discordapp.net/attachments/999238854341046302/1057448941433671680/ezgif.com-gif-maker.gif">
</dl>
<hr class="featurette-divider mt-4">
</div><!-- /.container -->
<!-- FOOTER -->
<footer class="container" style="color: black">
<p class="float-end">©2022. Firewall. All rights reserved.</p>
<p>상벌점 시스템 by Team. Firewall</p>
</footer>
</main>
<script src="../assets/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>