강상위 / db-frs

Go to a project
Toggle navigation Toggle navigation pinning
김혜림
acde430a 0 parents

first commit

Inline Side-by-side
Showing 4 changed files with 245 additions and 0 deletions
1 +<!DOCTYPE html>
2 +<html>
3 +<head>
4 + <title>대여화면1</title>
5 +</head>
6 +<style>
7 +body {
8 + background-color: rgb(230, 243, 255);
9 +}
10 +img {
11 + display:block;
12 + margin:auto;
13 +}
14 +#btn1 {
15 + width: 150px;
16 + height: 150px;
17 + font-size:32px;
18 + font-family: '배달의민족 도현';
19 + color: rgb(165, 210, 134);
20 + background: white;
21 + border: solid 5px white;
22 + border-radius: 50%;
23 + margin-right: 150px;
24 + margin-top: 50px;
25 +}
26 +#btn2 {
27 + width: 150px;
28 + height: 150px;
29 + font-size:32px;
30 + font-family: '배달의민족 도현';
31 + color: rgb(251, 199, 205);
32 + background: white;
33 + border: solid 5px white;
34 + border-radius: 50%;
35 + margin-left: 150px;
36 + margin-top: 50px;
37 +}
38 +
39 +</style>
40 +
41 +<body>
42 +
43 +<br><br>
44 +<img style="border-radius:15px;" width="300px;" src="캡처6.png"/><br>
45 +<form>
46 +
47 +<br>
48 +
49 +<center><button id="btn1">대여하기</button></center>
50 +<center><button id="btn2">대여현황</button></center>
51 +<br><br><br><br>
52 +<img width="100;" height="70;" align="bottom;" src="khu.png"/>
53 +
54 +</form>
55 +
56 +
57 +
58 +</body>
59 +
60 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 +<!DOCTYPE html>
2 +<html>
3 +<head>
4 + <title>대여화면2</title>
5 +</head>
6 +<style>
7 +body {
8 + background-color: rgb(230, 243, 255);
9 +}
10 +img {
11 + display:block;
12 + margin:auto;
13 +}
14 +input[type=text] {
15 + width: 300px;
16 + box-sizing: border-box;
17 + border: 3px solid lightgray;
18 + border-radius: 4px;
19 + font-size: 16px;
20 + background-color: rgb(230, 243, 255);
21 + background-image: searchicon.png;
22 + background-position: 10px 10px;
23 + background-repeat: no-repeat;
24 + padding: 12px 20px 12px 40px;
25 + -webkit-transition: width 0.4s ease-in-out;
26 + transition: width 0.4s ease-in-out;
27 +}
28 +
29 +input[type=text]:focus {
30 + width: 50%;
31 +}
32 +#btn1 {
33 + width: 300px;
34 + height: 50px;
35 + font-size:25px;
36 + font-family: '배달의민족 도현';
37 + color: gray;
38 + background: white;
39 + border: solid 5px white;
40 + border-radius: 5px;
41 +}
42 +
43 +</style>
44 +
45 +<body>
46 +
47 +<br><br>
48 +<img style="border-radius:15px;" width="300px;" src="캡처6.png"/>
49 +<form>
50 +
51 +<br>
52 +
53 +<center><input type="text" name="search" placeholder="Search.."><image width="30px"src="searchicon.png"></center><br>
54 +
55 +<center><button id="btn1">강의실</button></center><br>
56 +<center><button id="btn1">회의 공간</button></center><br>
57 +<center><button id="btn1">체육 시설</button></center><br>
58 +<center><button id="btn1">예술 / 문화 시설</button></center>
59 +
60 +<img width="100;" height="70;" align="bottom;" src="khu.png"/>
61 +
62 +</form>
63 +
64 +
65 +
66 +</body>
67 +
68 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 +<!DOCTYPE html>
2 +<html>
3 +<head>
4 + <title>로그인화면</title>
5 +</head>
6 +<style>
7 +body {
8 + background-color: rgb(230, 243, 255);
9 +}
10 +img {
11 + display:block;
12 + margin:auto;
13 +}
14 +input[type=text] {
15 + width: 20%;
16 + padding: 12px 20px;
17 + margin: 8px 0;
18 + box-sizing: border-box;
19 + border: 3px solid #ccc;
20 + -webkit-transition: 0.5s;
21 + transition: 0.5s;
22 + outline: none;
23 +}
24 +input[type=text]:focus {
25 + border: 3px solid #555;
26 +}
27 +input[type=password] {
28 + width: 20%;
29 + padding: 12px 20px;
30 + margin: 8px 0;
31 + box-sizing: border-box;
32 + border: 3px solid #ccc;
33 + -webkit-transition: 0.5s;
34 + transition: 0.5s;
35 + outline: none;
36 + margin-right: 7px;
37 +}
38 +input[type=password]:focus {
39 + border: 3px solid #555;
40 +}
41 +#btn1 {
42 + width: 120px;
43 + height: 45px;
44 + font-size:25px;
45 + font-family: '배달의민족 도현';
46 + color: gray;
47 + background: white;
48 + border: solid 5px white;
49 + border-radius: 5px;
50 +}
51 +#btn2 {
52 + width: 150px;
53 + height: 47px;
54 + font-size:25px;
55 + font-family: '배달의민족 도현';
56 + color: gray;
57 + background: white;
58 + border: solid 5px white;
59 + border-radius: 5px;
60 +}
61 +h2 {
62 + font-family: '배달의민족 도현';
63 +}
64 +
65 +</style>
66 +
67 +
68 +<body>
69 +
70 +<br><br>
71 +<img style="border-radius:15px;" width="300px;" src="캡처6.png"/>
72 +<form>
73 +
74 +<br>
75 +<center><H2>ID&nbsp;&nbsp;<input style="border-radius:10px;" type="text" name="id" placeholder="ID 입력" required><br></H2></center>
76 +<center><H2>PW&nbsp;<input style="border-radius:10px;" type="password" name="password" placeholder="비밀번호 입력" required><br></H2></center>
77 +<br>
78 +
79 +<center><button id="btn1">로그인</button></center><br>
80 +<center><button id="btn2">회원가입</button></center><br>
81 +<!--<center><button class="btn;" id="btn;" type="submit;"><img width="120;" height="45;" class="btn-img" src="로그인.png"></button></center><br>
82 +<center><button class="btn;" id="btn;" type="submitl"><img width="150;" height="47;" class="btn-img" src="회원가입.png"></button></center><br>-->
83 +<img width="100;" height="70;" align="bottom;" src="khu.png"/>
84 +
85 +</form>
86 +
87 +
88 +</body>
89 +
90 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 +<!DOCTYPE html>
2 +<html>
3 +<head>
4 + <title>처음화면</title>
5 +</head>
6 +<style>
7 +body {
8 + background-color: rgb(230, 243, 255);
9 +}
10 +img {
11 + display:block;
12 + margin:auto;
13 + border-radius: 50%;
14 + width: 350px;
15 + height: 340px;
16 +}
17 +
18 +</style>
19 +
20 +<body>
21 +
22 +<br><br><br><br><br>
23 +<img src="캡처5.png"/>
24 +
25 +</body>
26 +
27 +</html>
...\ No newline at end of file ...\ No newline at end of file