강상위 / 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
<!DOCTYPE html>
<html>
<head>
<title>대여화면3</title>
<title>검색화면</title>
</head>
<style>
body {
background-color: rgb(230, 243, 255);
line-height: 80%;
}
img {
display:block;
......@@ -38,6 +39,7 @@ input[type=text]:focus {
background: white;
border: solid 5px white;
border-radius: 5px;
vertical-align: bottom;
}
#btn2 {
width: 147px;
......@@ -49,6 +51,16 @@ input[type=text]:focus {
border: solid 5px white;
border-radius: 5px;
}
#btn3 {
width: 147px;
height: 60px;
font-size:25px;
font-family: '배달의민족 도현';
color: rgb(164, 025, 018);
background: white;
border: solid 5px white;
border-radius: 5px;
}
</style>
......@@ -62,8 +74,11 @@ input[type=text]:focus {
<center><input style="background-image:url(searchicon.png);" type="text" name="search" placeholder="Search.."></center><br>
<center><button id="btn1">전자정보대학<br>103호</button>&nbsp;<button id="btn2">대여가능</button></center><br>
<center><button id="btn1">공과대학<br>103호</button>&nbsp;<button id="btn3">대여불가</button></center><br>
<center><button id="btn1">외국어대학<br>103호</button>&nbsp;<button id="btn2">대여가능</button></center><br>
<center><button id="btn1">예술디자인대학<br>103호</button>&nbsp;<button id="btn3">대여불가</button></center><br>
<br>
<img width="100;" height="70;" align="bottom;" src="khu.png"/>
</form>
......
<!DOCTYPE html>
<html>
<head>
<title>검색화면2</title>
</head>
<style>
body {
background-color: rgb(230, 243, 255);
line-height: 80%;
}
img {
display:block;
margin:auto;
}
div {
width: 300px;
box-sizing: border-box;
border: 3px solid rgb(191, 191, 191);
border-radius: 4px;
font-size: 25px;
font-family: '배달의민족 도현';
background-color: rgb(230, 243, 255);
background-position: 5px 2.5px;
background-repeat: no-repeat;
padding: 17px 20px 17px 20px;
}
#btn1 {
width: 147px;
height: 60px;
font-size:16px;
font-family: '배달의민족 도현';
text-align: left;
color: gray;
background: white;
border: solid 5px white;
border-radius: 5px;
vertical-align: bottom;
}
#btn2 {
width: 147px;
height: 60px;
font-size:25px;
font-family: '배달의민족 도현';
color: rgb(045, 098, 155);
background: white;
border: solid 5px white;
border-radius: 5px;
}
#btn3 {
width: 147px;
height: 60px;
font-size:25px;
font-family: '배달의민족 도현';
color: rgb(164, 025, 018);
background: white;
border: solid 5px white;
border-radius: 5px;
}
</style>
<body>
<br>
<img style="border-radius:15px;" width="300px;" src="캡처7.png"/>
<form>
<br>
<center><div>체육 시설</div></center><br>
<center><button id="btn1">공과대학<br>필드 하키장</button>&nbsp;<button id="btn3">대여불가</button></center><br>
<center><button id="btn1">학생회<br>3호관 운동장</button>&nbsp;<button id="btn2">대여가능</button></center><br>
<center><button id="btn1">체육대학<br>럭비장</button>&nbsp;<button id="btn2">대여가능</button></center><br>
<center><button id="btn1">전자정보대학<br>농구장</button>&nbsp;<button id="btn3">대여불가</button></center><br>
<br>
<img width="100;" height="70;" align="bottom;" src="khu.png"/>
</form>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>대여현황</title>
</head>
<style>
body {
background-color: rgb(230, 243, 255);
}
img {
display:block;
margin:auto;
}
#btn1 {
width: 250px;
height: 100px;
font-size:20px;
font-family: '배달의민족 도현';
color: gray;
background: white;
border: solid 5px white;
border-radius: 5px;
vertical-align: bottom;
line-height: 150%;
}
#btn2 {
width: 47px;
height: 100px;
box-sizing: border-box;
font-size: 20px;
font-family: '배달의민족 도현';
background-color: rgb(255, 101, 101);
color: white;
border-radius:5px;
border: solid 5px rgb(255, 101, 101);
}
</style>
<body>
<br>
<img style="border-radius:15px;" width="300px;" src="캡처8.png"/>
<form>
<br><br><br>
<center><button id="btn1">공과대학 102호<br>2018.11.26<br>10:30 ~ 12:00</button>&nbsp;<button id="btn2">X</button></center><br>
<center><button id="btn1">학생회관 OpenLab.<br>2018.11.29<br>18:00 ~ 19:00</button>&nbsp;<button id="btn2">X</button></center>
<br><br><br><br>
<img width="100;" height="70;" align="bottom;" src="khu.png"/>
</form>
</body>
</html>
\ No newline at end of file
......@@ -6,6 +6,7 @@
<style>
body {
background-color: rgb(230, 243, 255);
line-height: 80%;
}
img {
display:block;
......@@ -56,7 +57,7 @@ input[type=text]:focus {
<center><button id="btn1">회의 공간</button></center><br>
<center><button id="btn1">체육 시설</button></center><br>
<center><button id="btn1">예술 / 문화 시설</button></center>
<br><br><br><br>
<img width="100;" height="70;" align="bottom;" src="khu.png"/>
</form>
......
<!DOCTYPE html>
<html>
<head>
<title>대여화면3</title>
</head>
<style>
body {
background-color: rgb(230, 243, 255);
line-height: 80%;
}
#select1 {
width: 300px;
border: 3px solid rgb(191, 191, 191);
border-radius: 4px;
font-size: 20px;
font-family: '배달의민족 도현';
background-color: rgb(230, 243, 255);
background-position: 5px 2.5px;
-webkit-appearance: none;
-moz-appearance: none;
background: url('select-arrow.png') no-repeat 95% 50%;
padding: 10px 10px 10px 20px;
}
select::-ms-expand {
display: none;
}
#select2 {
width: 150px;
border: 3px solid rgb(191, 191, 191);
border-radius: 4px;
font-size: 20px;
font-family: '배달의민족 도현';
background-color: rgb(230, 243, 255);
background-position: 5px 2.5px;
-webkit-appearance: none;
-moz-appearance: none;
background: url('select-arrow.png') no-repeat 95% 50%;
padding: 10px 10px 10px 20px;
margin-left: 50;
}
input[type=number] {
width: 109px;
border: 3px solid rgb(191, 191, 191);
border-radius: 4px;
font-size: 20px;
font-family: '배달의민족 도현';
background-color: rgb(230, 243, 255);
background-position: 5px 2.5px;
padding: 10px 10px 10px 20px;
margin-left: 50;
}
input[type=text] {
width: 300px;
box-sizing: border-box;
border: 3px solid rgb(191, 191, 191);
border-radius: 4px;
font-size: 18px;
font-family: '배달의민족 도현';
background-color: rgb(230, 243, 255);
padding: 10px 10px 10px 20px;
}
input[type=submit] {
width: 300px;
box-sizing: border-box;
border: 3px solid rgb(251, 199, 205);
border-radius: 4px;
font-size: 20px;
font-family: '배달의민족 도현';
background-color: rgb(251, 199, 205);
padding: 10px 10px 10px 10px;
}
#btn1 {
width: 147px;
height: 60px;
font-size:16px;
font-family: '배달의민족 도현';
text-align: left;
color: gray;
background: white;
border: solid 5px white;
border-radius: 5px;
vertical-align: bottom;
}
#btn2 {
width: 147px;
height: 60px;
font-size:25px;
font-family: '배달의민족 도현';
color: rgb(045, 098, 155);
background: white;
border: solid 5px white;
border-radius: 5px;
}
#btn3 {
width: 147px;
height: 60px;
font-size:25px;
font-family: '배달의민족 도현';
color: rgb(164, 025, 018);
background: white;
border: solid 5px white;
border-radius: 5px;
}
#btn3 {
width: 65px;
height: 65px;
font-size:25px;
font-family: '배달의민족 도현';
color: rgb(164, 025, 018);
border-radius: 50%;
border: solid 5px rgb(230, 243, 255);
background-image: url('back-arrow.png');
}
</style>
<body>
<br>
<center><button id="btn3"></button>&nbsp;&nbsp;<img style="border-radius:15px;" width="300px;" src="캡처7.png"/></center>
<form>
<br><br>
<center><select id="select1"><option>선택1<option>선택2<option>선택3</select></center><br>
<center><select id="select2"><option>선택1<option>선택2<option>선택3</select>&nbsp;<input type="number" name="quantity" min="1" max="5"></center><br>
<center><input type="text" placeholder="시작 시간 입력"></center><br>
<center><input type="text" placeholder="종료 시간 입력"></center><br><br><br>
<center><input type="submit" value="검색"></center>
<br><br><br>
<center><img width="100;" height="70;" align="bottom;" src="khu.png"/></center>
</form>
</body>
</html>
\ No newline at end of file