강상위 / 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
<!DOCTYPE html>
<html>
<head>
<title>대여화면1</title>
</head>
<style>
body {
background-color: rgb(230, 243, 255);
}
img {
display:block;
margin:auto;
}
#btn1 {
width: 150px;
height: 150px;
font-size:32px;
font-family: '배달의민족 도현';
color: rgb(165, 210, 134);
background: white;
border: solid 5px white;
border-radius: 50%;
margin-right: 150px;
margin-top: 50px;
}
#btn2 {
width: 150px;
height: 150px;
font-size:32px;
font-family: '배달의민족 도현';
color: rgb(251, 199, 205);
background: white;
border: solid 5px white;
border-radius: 50%;
margin-left: 150px;
margin-top: 50px;
}
</style>
<body>
<br><br>
<img style="border-radius:15px;" width="300px;" src="캡처6.png"/><br>
<form>
<br>
<center><button id="btn1">대여하기</button></center>
<center><button id="btn2">대여현황</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
<!DOCTYPE html>
<html>
<head>
<title>대여화면2</title>
</head>
<style>
body {
background-color: rgb(230, 243, 255);
}
img {
display:block;
margin:auto;
}
input[type=text] {
width: 300px;
box-sizing: border-box;
border: 3px solid lightgray;
border-radius: 4px;
font-size: 16px;
background-color: rgb(230, 243, 255);
background-image: searchicon.png;
background-position: 10px 10px;
background-repeat: no-repeat;
padding: 12px 20px 12px 40px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
input[type=text]:focus {
width: 50%;
}
#btn1 {
width: 300px;
height: 50px;
font-size:25px;
font-family: '배달의민족 도현';
color: gray;
background: white;
border: solid 5px white;
border-radius: 5px;
}
</style>
<body>
<br><br>
<img style="border-radius:15px;" width="300px;" src="캡처6.png"/>
<form>
<br>
<center><input type="text" name="search" placeholder="Search.."><image width="30px"src="searchicon.png"></center><br>
<center><button id="btn1">강의실</button></center><br>
<center><button id="btn1">회의 공간</button></center><br>
<center><button id="btn1">체육 시설</button></center><br>
<center><button id="btn1">예술 / 문화 시설</button></center>
<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;
}
input[type=text] {
width: 20%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
border: 3px solid #ccc;
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
}
input[type=text]:focus {
border: 3px solid #555;
}
input[type=password] {
width: 20%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
border: 3px solid #ccc;
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
margin-right: 7px;
}
input[type=password]:focus {
border: 3px solid #555;
}
#btn1 {
width: 120px;
height: 45px;
font-size:25px;
font-family: '배달의민족 도현';
color: gray;
background: white;
border: solid 5px white;
border-radius: 5px;
}
#btn2 {
width: 150px;
height: 47px;
font-size:25px;
font-family: '배달의민족 도현';
color: gray;
background: white;
border: solid 5px white;
border-radius: 5px;
}
h2 {
font-family: '배달의민족 도현';
}
</style>
<body>
<br><br>
<img style="border-radius:15px;" width="300px;" src="캡처6.png"/>
<form>
<br>
<center><H2>ID&nbsp;&nbsp;<input style="border-radius:10px;" type="text" name="id" placeholder="ID 입력" required><br></H2></center>
<center><H2>PW&nbsp;<input style="border-radius:10px;" type="password" name="password" placeholder="비밀번호 입력" required><br></H2></center>
<br>
<center><button id="btn1">로그인</button></center><br>
<center><button id="btn2">회원가입</button></center><br>
<!--<center><button class="btn;" id="btn;" type="submit;"><img width="120;" height="45;" class="btn-img" src="로그인.png"></button></center><br>
<center><button class="btn;" id="btn;" type="submitl"><img width="150;" height="47;" class="btn-img" src="회원가입.png"></button></center><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;
border-radius: 50%;
width: 350px;
height: 340px;
}
</style>
<body>
<br><br><br><br><br>
<img src="캡처5.png"/>
</body>
</html>
\ No newline at end of file