강상위 / db-frs

Go to a project
Toggle navigation Toggle navigation pinning
김혜림
1cd17d0e 1 parent ac7198be

third commit

Inline Side-by-side
Showing 8 changed files with 305 additions and 3 deletions
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 - <title>대여화면3</title> 4 + <title>검색화면</title>
5 </head> 5 </head>
6 <style> 6 <style>
7 body { 7 body {
8 background-color: rgb(230, 243, 255); 8 background-color: rgb(230, 243, 255);
9 + line-height: 80%;
9 } 10 }
10 img { 11 img {
11 display:block; 12 display:block;
...@@ -38,6 +39,7 @@ input[type=text]:focus { ...@@ -38,6 +39,7 @@ input[type=text]:focus {
38 background: white; 39 background: white;
39 border: solid 5px white; 40 border: solid 5px white;
40 border-radius: 5px; 41 border-radius: 5px;
42 + vertical-align: bottom;
41 } 43 }
42 #btn2 { 44 #btn2 {
43 width: 147px; 45 width: 147px;
...@@ -49,6 +51,16 @@ input[type=text]:focus { ...@@ -49,6 +51,16 @@ input[type=text]:focus {
49 border: solid 5px white; 51 border: solid 5px white;
50 border-radius: 5px; 52 border-radius: 5px;
51 } 53 }
54 +#btn3 {
55 + width: 147px;
56 + height: 60px;
57 + font-size:25px;
58 + font-family: '배달의민족 도현';
59 + color: rgb(164, 025, 018);
60 + background: white;
61 + border: solid 5px white;
62 + border-radius: 5px;
63 +}
52 64
53 </style> 65 </style>
54 66
...@@ -62,8 +74,11 @@ input[type=text]:focus { ...@@ -62,8 +74,11 @@ input[type=text]:focus {
62 74
63 <center><input style="background-image:url(searchicon.png);" type="text" name="search" placeholder="Search.."></center><br> 75 <center><input style="background-image:url(searchicon.png);" type="text" name="search" placeholder="Search.."></center><br>
64 <center><button id="btn1">전자정보대학<br>103호</button>&nbsp;<button id="btn2">대여가능</button></center><br> 76 <center><button id="btn1">전자정보대학<br>103호</button>&nbsp;<button id="btn2">대여가능</button></center><br>
77 +<center><button id="btn1">공과대학<br>103호</button>&nbsp;<button id="btn3">대여불가</button></center><br>
78 +<center><button id="btn1">외국어대학<br>103호</button>&nbsp;<button id="btn2">대여가능</button></center><br>
79 +<center><button id="btn1">예술디자인대학<br>103호</button>&nbsp;<button id="btn3">대여불가</button></center><br>
65 80
66 - 81 +<br>
67 <img width="100;" height="70;" align="bottom;" src="khu.png"/> 82 <img width="100;" height="70;" align="bottom;" src="khu.png"/>
68 83
69 </form> 84 </form>
......
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 + line-height: 80%;
10 +}
11 +img {
12 + display:block;
13 + margin:auto;
14 +}
15 +div {
16 + width: 300px;
17 + box-sizing: border-box;
18 + border: 3px solid rgb(191, 191, 191);
19 + border-radius: 4px;
20 + font-size: 25px;
21 + font-family: '배달의민족 도현';
22 + background-color: rgb(230, 243, 255);
23 + background-position: 5px 2.5px;
24 + background-repeat: no-repeat;
25 + padding: 17px 20px 17px 20px;
26 +}
27 +#btn1 {
28 + width: 147px;
29 + height: 60px;
30 + font-size:16px;
31 + font-family: '배달의민족 도현';
32 + text-align: left;
33 + color: gray;
34 + background: white;
35 + border: solid 5px white;
36 + border-radius: 5px;
37 + vertical-align: bottom;
38 +}
39 +#btn2 {
40 + width: 147px;
41 + height: 60px;
42 + font-size:25px;
43 + font-family: '배달의민족 도현';
44 + color: rgb(045, 098, 155);
45 + background: white;
46 + border: solid 5px white;
47 + border-radius: 5px;
48 +}
49 +#btn3 {
50 + width: 147px;
51 + height: 60px;
52 + font-size:25px;
53 + font-family: '배달의민족 도현';
54 + color: rgb(164, 025, 018);
55 + background: white;
56 + border: solid 5px white;
57 + border-radius: 5px;
58 +}
59 +
60 +</style>
61 +
62 +<body>
63 +
64 +<br>
65 +<img style="border-radius:15px;" width="300px;" src="캡처7.png"/>
66 +<form>
67 +
68 +<br>
69 +
70 +<center><div>체육 시설</div></center><br>
71 +<center><button id="btn1">공과대학<br>필드 하키장</button>&nbsp;<button id="btn3">대여불가</button></center><br>
72 +<center><button id="btn1">학생회<br>3호관 운동장</button>&nbsp;<button id="btn2">대여가능</button></center><br>
73 +<center><button id="btn1">체육대학<br>럭비장</button>&nbsp;<button id="btn2">대여가능</button></center><br>
74 +<center><button id="btn1">전자정보대학<br>농구장</button>&nbsp;<button id="btn3">대여불가</button></center><br>
75 +
76 +<br>
77 +<img width="100;" height="70;" align="bottom;" src="khu.png"/>
78 +
79 +</form>
80 +
81 +
82 +
83 +</body>
84 +
85 +</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 +#btn1 {
15 + width: 250px;
16 + height: 100px;
17 + font-size:20px;
18 + font-family: '배달의민족 도현';
19 + color: gray;
20 + background: white;
21 + border: solid 5px white;
22 + border-radius: 5px;
23 + vertical-align: bottom;
24 + line-height: 150%;
25 +}
26 +#btn2 {
27 + width: 47px;
28 + height: 100px;
29 + box-sizing: border-box;
30 + font-size: 20px;
31 + font-family: '배달의민족 도현';
32 + background-color: rgb(255, 101, 101);
33 + color: white;
34 + border-radius:5px;
35 + border: solid 5px rgb(255, 101, 101);
36 +}
37 +
38 +</style>
39 +
40 +<body>
41 +
42 +<br>
43 +<img style="border-radius:15px;" width="300px;" src="캡처8.png"/>
44 +<form>
45 +
46 +<br><br><br>
47 +
48 +<center><button id="btn1">공과대학 102호<br>2018.11.26<br>10:30 ~ 12:00</button>&nbsp;<button id="btn2">X</button></center><br>
49 +<center><button id="btn1">학생회관 OpenLab.<br>2018.11.29<br>18:00 ~ 19:00</button>&nbsp;<button id="btn2">X</button></center>
50 +
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
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
6 <style> 6 <style>
7 body { 7 body {
8 background-color: rgb(230, 243, 255); 8 background-color: rgb(230, 243, 255);
9 + line-height: 80%;
9 } 10 }
10 img { 11 img {
11 display:block; 12 display:block;
...@@ -56,7 +57,7 @@ input[type=text]:focus { ...@@ -56,7 +57,7 @@ input[type=text]:focus {
56 <center><button id="btn1">회의 공간</button></center><br> 57 <center><button id="btn1">회의 공간</button></center><br>
57 <center><button id="btn1">체육 시설</button></center><br> 58 <center><button id="btn1">체육 시설</button></center><br>
58 <center><button id="btn1">예술 / 문화 시설</button></center> 59 <center><button id="btn1">예술 / 문화 시설</button></center>
59 - 60 +<br><br><br><br>
60 <img width="100;" height="70;" align="bottom;" src="khu.png"/> 61 <img width="100;" height="70;" align="bottom;" src="khu.png"/>
61 62
62 </form> 63 </form>
......
1 +<!DOCTYPE html>
2 +<html>
3 +<head>
4 + <title>대여화면3</title>
5 +</head>
6 +<style>
7 +body {
8 + background-color: rgb(230, 243, 255);
9 + line-height: 80%;
10 +}
11 +
12 +#select1 {
13 + width: 300px;
14 + border: 3px solid rgb(191, 191, 191);
15 + border-radius: 4px;
16 + font-size: 20px;
17 + font-family: '배달의민족 도현';
18 + background-color: rgb(230, 243, 255);
19 + background-position: 5px 2.5px;
20 + -webkit-appearance: none;
21 + -moz-appearance: none;
22 + background: url('select-arrow.png') no-repeat 95% 50%;
23 + padding: 10px 10px 10px 20px;
24 +}
25 +select::-ms-expand {
26 + display: none;
27 +}
28 +#select2 {
29 + width: 150px;
30 + border: 3px solid rgb(191, 191, 191);
31 + border-radius: 4px;
32 + font-size: 20px;
33 + font-family: '배달의민족 도현';
34 + background-color: rgb(230, 243, 255);
35 + background-position: 5px 2.5px;
36 + -webkit-appearance: none;
37 + -moz-appearance: none;
38 + background: url('select-arrow.png') no-repeat 95% 50%;
39 + padding: 10px 10px 10px 20px;
40 + margin-left: 50;
41 +}
42 +input[type=number] {
43 + width: 109px;
44 + border: 3px solid rgb(191, 191, 191);
45 + border-radius: 4px;
46 + font-size: 20px;
47 + font-family: '배달의민족 도현';
48 + background-color: rgb(230, 243, 255);
49 + background-position: 5px 2.5px;
50 + padding: 10px 10px 10px 20px;
51 + margin-left: 50;
52 +}
53 +input[type=text] {
54 + width: 300px;
55 + box-sizing: border-box;
56 + border: 3px solid rgb(191, 191, 191);
57 + border-radius: 4px;
58 + font-size: 18px;
59 + font-family: '배달의민족 도현';
60 + background-color: rgb(230, 243, 255);
61 + padding: 10px 10px 10px 20px;
62 +}
63 +input[type=submit] {
64 + width: 300px;
65 + box-sizing: border-box;
66 + border: 3px solid rgb(251, 199, 205);
67 + border-radius: 4px;
68 + font-size: 20px;
69 + font-family: '배달의민족 도현';
70 + background-color: rgb(251, 199, 205);
71 + padding: 10px 10px 10px 10px;
72 +}
73 +#btn1 {
74 + width: 147px;
75 + height: 60px;
76 + font-size:16px;
77 + font-family: '배달의민족 도현';
78 + text-align: left;
79 + color: gray;
80 + background: white;
81 + border: solid 5px white;
82 + border-radius: 5px;
83 + vertical-align: bottom;
84 +}
85 +#btn2 {
86 + width: 147px;
87 + height: 60px;
88 + font-size:25px;
89 + font-family: '배달의민족 도현';
90 + color: rgb(045, 098, 155);
91 + background: white;
92 + border: solid 5px white;
93 + border-radius: 5px;
94 +}
95 +#btn3 {
96 + width: 147px;
97 + height: 60px;
98 + font-size:25px;
99 + font-family: '배달의민족 도현';
100 + color: rgb(164, 025, 018);
101 + background: white;
102 + border: solid 5px white;
103 + border-radius: 5px;
104 +}
105 +#btn3 {
106 + width: 65px;
107 + height: 65px;
108 + font-size:25px;
109 + font-family: '배달의민족 도현';
110 + color: rgb(164, 025, 018);
111 + border-radius: 50%;
112 + border: solid 5px rgb(230, 243, 255);
113 + background-image: url('back-arrow.png');
114 +}
115 +
116 +</style>
117 +
118 +<body>
119 +
120 +<br>
121 +<center><button id="btn3"></button>&nbsp;&nbsp;<img style="border-radius:15px;" width="300px;" src="캡처7.png"/></center>
122 +<form>
123 +
124 +<br><br>
125 +
126 +<center><select id="select1"><option>선택1<option>선택2<option>선택3</select></center><br>
127 +<center><select id="select2"><option>선택1<option>선택2<option>선택3</select>&nbsp;<input type="number" name="quantity" min="1" max="5"></center><br>
128 +<center><input type="text" placeholder="시작 시간 입력"></center><br>
129 +<center><input type="text" placeholder="종료 시간 입력"></center><br><br><br>
130 +<center><input type="submit" value="검색"></center>
131 +
132 +<br><br><br>
133 +<center><img width="100;" height="70;" align="bottom;" src="khu.png"/></center>
134 +
135 +</form>
136 +
137 +
138 +
139 +</body>
140 +
141 +</html>
...\ No newline at end of file ...\ No newline at end of file