-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtutorial.html
150 lines (131 loc) · 6.83 KB
/
tutorial.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
<!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><br />
<p class="mb-5"><img src="https://media.discordapp.net/attachments/999238854341046302/1057090769338519642/image.png?width=1440&height=720"></p><br />
<dt><h2 style="color: black">유저 메인페이지</h2></dt><br />
<p class="mb-5"><img src="https://media.discordapp.net/attachments/999238854341046302/1057915272796839946/image.png?width=1440&height=720"></p>
<dt><h2 style="color: black">교사 메인페이지</h2></dt><br />
<p class="mb-5"><img src="https://media.discordapp.net/attachments/999238854341046302/1057125936815947858/image.png?width=1440&height=720"></p>
<dt><h2 style="color: black">마이페이지</h2></dt><br />
<p class="mb-5"><img src="https://media.discordapp.net/attachments/999238854341046302/1057095702368497794/image.png?width=1440&height=720"></p>
<dt><h2 style="color: black">상/벌점 표 확인</h2></dt><br />
<p class="mb-5"><img src="https://media.discordapp.net/attachments/999238854341046302/1057931348112834580/KakaoTalk_20221229_162911250.png?width=1440&height=720"></p>
<dt><h2 style="color: black">점수 발급</h2></dt><br />
<p class="mb-5"><img src="https://media.discordapp.net/attachments/999238854341046302/1057099458329972756/image.png?width=1440&height=720"></p>
<dt><h2 style="color: black">발급내역 수정</h2></dt><br />
<p class="mb-5"><img src="https://media.discordapp.net/attachments/999238854341046302/1057103140731756614/image.png?width=1440&height=720"></p>
<dt><h2 style="color: black">자료조회 및 통계</h2></dt><br />
<p class="mb-5"><img src="https://media.discordapp.net/attachments/999238854341046302/1057916338640797766/KakaoTalk_20221229_15342322.png?width=1440&height=720"></p>
<dt><h2 style="color: black">자료조회 및 통계</h2></dt><br />
<p class="mb-5"><img src="https://media.discordapp.net/attachments/999238854341046302/1057916339051843584/KakaoTalk_20221229_153426548.png?width=1440&height=720"></p>
<dt><h2 style="color: black">사용자 추가 및 관리</h2></dt><br />
<p class="mb-5"><img src="https://media.discordapp.net/attachments/999238854341046302/1057105036821405716/image.png?width=1440&height=720"></p>
<p class="mb-5"><img src="https://media.discordapp.net/attachments/999238854341046302/1057105492666748928/image.png?width=1440&height=720"></p>
</dl>
<hr class="featurette-divider mt-4">
</div>
<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>