Skip to content

Commit e433577

Browse files
KYH-codeKYH-code
authored
Add files via upload
1 parent 4570946 commit e433577

27 files changed

+729
-0
lines changed

‎css/index.css

+144
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
/* GLOBAL STYLES
2+
-------------------------------------------------- */
3+
/* Padding below the footer and lighter body text */
4+
5+
body {
6+
padding-top: 3rem;
7+
padding-bottom: 3rem;
8+
color: #5a5a5a;
9+
}
10+
11+
/* a:link { color: #5a5a5a; text-decoration: none;}
12+
a:visited { color: #5a5a5a; text-decoration: none;}
13+
a:hover { color: #5a5a5a; text-decoration: nones;} */
14+
15+
/* CUSTOMIZE THE CAROUSEL
16+
-------------------------------------------------- */
17+
18+
/* Carousel base class */
19+
.carousel {
20+
margin-bottom: 4rem;
21+
}
22+
23+
/* Since positioning the image, we need to help out the caption */
24+
.carousel-caption {
25+
bottom: 3rem;
26+
z-index: 10;
27+
}
28+
29+
/* Declare heights because of positioning of img element */
30+
.carousel-item {
31+
height: 32rem;
32+
}
33+
34+
35+
/* MARKETING CONTENT
36+
-------------------------------------------------- */
37+
38+
/* Center align the text within the three columns below the carousel */
39+
.marketing .col-lg-4 {
40+
margin-bottom: 1.5rem;
41+
text-align: center;
42+
}
43+
44+
/* rtl:begin:ignore */
45+
.marketing .col-lg-4 p {
46+
margin-right: .75rem;
47+
margin-left: .75rem;
48+
}
49+
50+
/* rtl:end:ignore */
51+
52+
53+
/* Featurettes
54+
------------------------- */
55+
56+
.featurette-divider {
57+
margin: 5rem 0;
58+
/* Space out the Bootstrap <hr> more */
59+
}
60+
61+
/* Thin out the marketing headings */
62+
/* rtl:begin:remove */
63+
.featurette-heading {
64+
letter-spacing: -.05rem;
65+
}
66+
67+
/* rtl:end:remove */
68+
69+
/* RESPONSIVE CSS
70+
-------------------------------------------------- */
71+
72+
@media (min-width: 40em) {
73+
74+
/* Bump up size of carousel content */
75+
.carousel-caption p {
76+
margin-bottom: 1.25rem;
77+
font-size: 1.25rem;
78+
line-height: 1.4;
79+
}
80+
81+
.featurette-heading {
82+
font-size: 50px;
83+
}
84+
}
85+
86+
@media (min-width: 62em) {
87+
.featurette-heading {
88+
margin-top: 7rem;
89+
}
90+
}
91+
92+
/* */
93+
/* */
94+
95+
.bd-placeholder-img {
96+
font-size: 1.125rem;
97+
text-anchor: middle;
98+
-webkit-user-select: none;
99+
-moz-user-select: none;
100+
user-select: none;
101+
}
102+
103+
@media (min-width: 768px) {
104+
.bd-placeholder-img-lg {
105+
font-size: 3.5rem;
106+
}
107+
}
108+
109+
.b-example-divider {
110+
height: 3rem;
111+
background-color: rgba(0, 0, 0, .1);
112+
border: solid rgba(0, 0, 0, .15);
113+
border-width: 1px 0;
114+
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
115+
}
116+
117+
.b-example-vr {
118+
flex-shrink: 0;
119+
width: 1.5rem;
120+
height: 100vh;
121+
}
122+
123+
.bi {
124+
vertical-align: -.125em;
125+
fill: currentColor;
126+
}
127+
128+
.nav-scroller {
129+
position: relative;
130+
z-index: 2;
131+
height: 2.75rem;
132+
overflow-y: hidden;
133+
}
134+
135+
.nav-scroller .nav {
136+
display: flex;
137+
flex-wrap: nowrap;
138+
padding-bottom: 1rem;
139+
margin-top: -1px;
140+
overflow-x: auto;
141+
text-align: center;
142+
white-space: nowrap;
143+
-webkit-overflow-scrolling: touch;
144+
}

‎files.html

+98
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<meta name="description" content="">
8+
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
9+
<meta name="generator" content="Hugo 0.98.0">
10+
<title>Capstone Proect</title>
11+
12+
<link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/carousel/">
13+
14+
<link href="/docs/5.2/dist/css/bootstrap.min.css" rel="stylesheet"
15+
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
16+
17+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
18+
19+
<!-- Favicons -->
20+
<link rel="apple-touch-icon" href="/docs/5.2/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
21+
<link rel="icon" href="/docs/5.2/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
22+
<link rel="icon" href="/docs/5.2/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
23+
<link rel="manifest" href="/docs/5.2/assets/img/favicons/manifest.json">
24+
<link rel="mask-icon" href="/docs/5.2/assets/img/favicons/safari-pinned-tab.svg" color="#712cf9">
25+
<link rel="icon" href="/docs/5.2/assets/img/favicons/favicon.ico">
26+
<meta name="theme-color" content="#712cf9">
27+
28+
<link rel="stylesheet" href="css/index.css">
29+
</head>
30+
31+
<body>
32+
33+
<header>
34+
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-white">
35+
<div class="container">
36+
<a class="navbar-brand" href="index.html"><img src="images/title.png"></a>
37+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
38+
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
39+
<span class="navbar-toggler-icon"></span>
40+
</button>
41+
<div class="collapse navbar-collapse" id="navbarCollapse">
42+
<ul class="navbar-nav me-auto mb-2 mb-md-0">
43+
<li class="nav-item">
44+
<a class="nav-link active text-dark" aria-current="page" href="tutorial.html">튜토리얼</a>
45+
</li>
46+
<li class="nav-item">
47+
<a class="nav-link text-dark" href="stacks.html">사용 기술</a>
48+
</li>
49+
<li class="nav-item">
50+
<a class="nav-link text-dark" href="files.html">프로젝트 자료</a>
51+
</li>
52+
<li class="nav-item">
53+
<a class="nav-link text-dark" href="members.html">팀 소개</a>
54+
</li>
55+
</ul>
56+
</div>
57+
</div>
58+
</nav>
59+
</header>
60+
61+
<main>
62+
63+
<div id="myCarousel" class="carousel" data-bs-ride="carousel"
64+
style="background-color: gray; height: 300px; position: relative;">
65+
<div class="carousel-caption text-start" style="margin-top: 130px;">
66+
<p>2022. Capstone Project / 480</p>
67+
<h1>사고, 팔고, 공구하고</h1>
68+
</div>
69+
</div>
70+
71+
<div class="container marketing">
72+
<h2 class="featurette-heading fw-normal lh-1 mt-0 mb-4" style="color: black">순서도</h2>
73+
<img class="mb-5" src="images/사팔공.png">
74+
75+
<h2 class="featurette-heading fw-normal lh-1 mt-4 mb-4" style="color: black">데이터베이스 ERD 다이어그램</h2>
76+
<img class="mb-5" src="images/다이어그램.png">
77+
78+
<hr class="featurette-divider mt-4">
79+
80+
</div><!-- /.container -->
81+
82+
83+
<!-- FOOTER -->
84+
<footer class="container" style="color: black">
85+
<p class="float-end">©2022. Five-Dumpy. All rights reserved.</p>
86+
<p>사고, 팔고, 공구하고 by Team. Five-Dumpy</p>
87+
</footer>
88+
</main>
89+
90+
91+
<script src="/docs/5.2/dist/js/bootstrap.bundle.min.js"
92+
integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
93+
crossorigin="anonymous"></script>
94+
95+
96+
</body>
97+
98+
</html>

‎images/github.png

16.5 KB
Loading

‎images/powerRanger/blue-power-ranger.avif

28.7 KB
Binary file not shown.

‎images/powerRanger/blue.jpg

22.9 KB
Loading

‎images/powerRanger/green.png

12.4 KB
Loading

‎images/powerRanger/pink.jpg

31.6 KB
Loading

‎images/powerRanger/red.jpg

133 KB
Loading

‎images/powerRanger/yellow.jpg

7.11 KB
Loading

‎images/title.png

3.45 KB
Loading

‎images/구매 상품 등록.png

28.8 KB
Loading

‎images/구매글.png

452 KB
Loading

‎images/다이어그램.png

40.4 KB
Loading

‎images/로그인.png

59 KB
Loading

‎images/메인-비로그인 상단 체크.PNG

12.7 KB
Loading

‎images/메인-비로그인 상단.PNG

10.1 KB
Loading

‎images/메인-비로그인.png

842 KB
Loading

‎images/메인.png

997 KB
Loading

‎images/문제상황.PNG

25.8 KB
Loading

‎images/사팔공.png

49.9 KB
Loading

‎images/판매 상품 등록.png

28.9 KB
Loading

‎images/판매글.png

217 KB
Loading

‎images/회원가입.png

61.3 KB
Loading

‎index.html

+124
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<meta name="description" content="">
8+
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
9+
<meta name="generator" content="Hugo 0.98.0">
10+
<title>Capstone Proect</title>
11+
12+
<link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/carousel/">
13+
14+
<link href="/docs/5.2/dist/css/bootstrap.min.css" rel="stylesheet"
15+
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
16+
17+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
18+
19+
<!-- Favicons -->
20+
<link rel="apple-touch-icon" href="/docs/5.2/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
21+
<link rel="icon" href="/docs/5.2/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
22+
<link rel="icon" href="/docs/5.2/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
23+
<link rel="manifest" href="/docs/5.2/assets/img/favicons/manifest.json">
24+
<link rel="mask-icon" href="/docs/5.2/assets/img/favicons/safari-pinned-tab.svg" color="#712cf9">
25+
<link rel="icon" href="/docs/5.2/assets/img/favicons/favicon.ico">
26+
<meta name="theme-color" content="#712cf9">
27+
28+
<link rel="stylesheet" href="css/index.css">
29+
</head>
30+
31+
<body>
32+
33+
<header>
34+
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-white">
35+
<div class="container">
36+
<a class="navbar-brand" href="index.html"><img src="images/title.png"></a>
37+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
38+
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
39+
<span class="navbar-toggler-icon"></span>
40+
</button>
41+
<div class="collapse navbar-collapse" id="navbarCollapse">
42+
<ul class="navbar-nav me-auto mb-2 mb-md-0">
43+
<li class="nav-item">
44+
<a class="nav-link active text-dark" aria-current="page" href="tutorial.html">튜토리얼</a>
45+
</li>
46+
<li class="nav-item">
47+
<a class="nav-link text-dark" href="stacks.html">사용 기술</a>
48+
</li>
49+
<li class="nav-item">
50+
<a class="nav-link text-dark" href="files.html">프로젝트 자료</a>
51+
</li>
52+
<li class="nav-item">
53+
<a class="nav-link text-dark" href="members.html">팀 소개</a>
54+
</li>
55+
</ul>
56+
<a href="https://github.com/Five-Dumpy/capstone"><img src="images/github.png" style="width: 32px; vertical-align:middle;"></a>
57+
</div>
58+
</div>
59+
</nav>
60+
</header>
61+
62+
<main>
63+
64+
<div id="myCarousel" class="carousel" data-bs-ride="carousel"
65+
style="background-color: gray; height: 300px; position: relative;">
66+
<div class="carousel-caption text-start" style="margin-top: 130px;">
67+
<p>2022. Capstone Project / 480</p>
68+
<h1>사고, 팔고, 공구하고</h1>
69+
</div>
70+
</div>
71+
72+
<div class="container marketing">
73+
74+
<dl>
75+
<dt><h2 style="color: black">프로젝트 소개</h2></dt>
76+
<dd><p>사고, 팔고, 공구하고는 기숙사 학교인 경북소프트웨어고등학교 학생들을 위한 교내 중고거래사이트입니다.</p></dd><br />
77+
<dt><h2 style="color: black">문제 상황</h2></dt>
78+
<dd><p>평일에 외출이 불가하다 보니 중요한 물품이나, 생필품 등이 떨어졌을 때 빠른 대처가 불가능하다.</p></dd><br />
79+
<img class="mb-5" src="images/문제상황.png" style="width: 1200px;"><br />
80+
<dt><h2 style="color: black">기대효과</h2></dt>
81+
<dd><p>- 기숙사 생활을 할 때 없는 물품을 보다 쉽고 빠르게 구할 수 있다.</p></dd>
82+
<dd><p>- 필요 없는 물품을 쉽게 처리할 수 있다.</p></dd>
83+
<dd><p>- 배송비나 가격이 부담이 되는 경우 공구 기능을 활용하여 부담을 줄일 수 있다.</p></dd>
84+
</dl>
85+
86+
<!-- / <div class="row featurette">
87+
<div class="col-md-7">
88+
<h3 class="featurette-heading fw-normal lh-1 mt-0 mb-4">프로젝트 소개</h3>
89+
<p class="lead"> 사고, 팔고, 공구하고는 기숙사 학교인 경북소프트웨어고등학교 학생들을 위한 교내 중고거래사이트입니다.</p>
90+
<br />
91+
</div>
92+
<div class="col-md-7">
93+
<h3 class="featurette-heading fw-normal lh-1 mt-0 mb-4">문제상황</h3>
94+
<p class="lead">평일에 외출이 불가하다 보니 중요한 물품이나, 생필품 등이 떨어졌을 때 빠른 대처가 불가능하다.</p>
95+
<br />
96+
</div>
97+
<div class="col-md-7">
98+
<h3 class="featurette-heading fw-normal lh-1 mt-0 mb-4">기대효과</h3>
99+
<p class="lead"> - 기숙사 생활을 할 때 없는 물품을 보다 쉽고 빠르게 구할 수 있다. </p>
100+
<p class="lead"> - 필요 없는 물품을 쉽게 처리할 수 있다. </p>
101+
<p class="lead"> - 배송비나 가격이 부담이 되는 경우 공구 기능을 활용하여 부담을 줄일 수 있다. </p>
102+
</div>
103+
</div> -->
104+
105+
<hr class="featurette-divider mt-4">
106+
107+
</div><!-- /.container -->
108+
109+
<!-- FOOTER -->
110+
<footer class="container" style="color: black">
111+
<p class="float-end">©2022. Five-Dumpy. All rights reserved.</p>
112+
<p>사고, 팔고, 공구하고 by Team. Five-Dumpy</p>
113+
</footer>
114+
</main>
115+
116+
117+
<script src="/docs/5.2/dist/js/bootstrap.bundle.min.js"
118+
integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
119+
crossorigin="anonymous"></script>
120+
121+
122+
</body>
123+
124+
</html>

0 commit comments

Comments
 (0)