da_capo/6_Information.html at master · hyoenju/da_capo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>reservation_informaton</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <style>
     #main{
         -moz-column-count: 2;
         -webkit-column-count: 2;
         column-count: 2;
         width: 1000px;
         height: 80%;
         margin: 40px auto;
         vertical-align:middle;
     }
    h3{
        margin-top: 0;
        padding: 5px;
        background-color: #ececfc;
    }
    article{
        position:static;
        vertical-align:middle;
    }
     #break{
        -webkit-column-break-before: always;
        break-before: column;}

     .container{
         position:relative;
     }
     .navbar{
          background-color: #e6eaaa;
          font-size: auto;
      }
     #footer {
         font-size: 70%;
         background-color: #e6eaaa;
         font-weight: bold;
         text-align: right;
         margin: auto;
         padding: 5px;
         position: relative;
         height: 20px;
     }
     .btn{
         background-color: #ff8868;
         font-size: 18px;
         font-weight: bold;
         height:auto;
         text-align:center;
         position: relative;
     }
     .divider{
         width: 50px;
         height: auto;
         display: inline-block;
     }
     #link3{
         color: white;
     }
     #icon_color{
         color: orange;
     }
     p{
         position: relative;
         text-align: center;
         font-size: 150%;
     }


</style>
</head>

<body>

<nav class="navbar navbar-default">
    <div class="navbar-header">
        <a class="navbar-brand" id="link3">Information</a>
    </div>
    <div class="container-fluid">
        <div>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="6_Information.html"><span class="glyphicon glyphicon-home" id="icon_color"></span>&nbsp;이용안내</a></li>
                <li><a href="3_Login.html"><span class="glyphicon glyphicon-off"id="icon_color"></span>&nbsp;로그인</a></li>
                <li><a href="14_listreservation.html">
                    <span class="glyphicon glyphicon-book" id="icon_color"></span>&nbsp;예약확인/예약취소&nbsp;</a></li>
            </ul>
        </div>
    </div>
</nav>


<span style="line-height: 100px;"><br></span>
<div class="row">
    <div class="col-md-1">
    </div>
    <div class="col-md-5">
        <h3 id="break" style="font-weight: bold">* 이 용 안 내</h3>
        <alticle>
        <b>이용 가능 대상</b> : 산업경영공학과 학생<br>
        <span style="line-height: 10px"><br></span>
        <b>이용 가능 강의실</b> : 504호 - 개인 과제 및 쉴 공간 <br>
        &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;(최대 30명 이용 가능, 좌석은 선착순)<br>
        &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;519호 - 팀 별 프로젝트 (3~8명)<br>
        <span style="line-height: 10px"><br></span>
        <b>이용 가능 시간</b> : <strong style="color:red ";>09:00 ~ 18:00 (학기 중 평일만 이용 가능)</strong><br>
        <span style="line-height: 10px"><br></span>
        <b>이용 방법</b> : <strong style="color:red ";>하루 한시간 단위로 최대 두시간 예약 가능<br>
        &emsp;&emsp;&emsp;&emsp;&emsp;하루 전까지 예약, 예약한 시간의 한시간 전까지 예약 취소 가능<br>
        &emsp;&emsp;&emsp;&emsp;&emsp;예약은 한 날짜의 한 번만 가능</strong>
        </alticle>

    </div>
    <div class="col-md-5">
        <h3 id="break" style="font-weight: bold">* 유 의 사 항</h3>
        <alticle>
        <strong style="color:red ";>경고 3회</strong> 누적시 평생 사용 불가 <br>
        <span style="line-height: 10px"><br></span>
        (경고 예시 : 인원 숫자 불일치, 강의실 더럽게 사용)<br>
        <span style="line-height: 10px"><br></span>
            <strong style="color:red ";>교수님께서 519호 사용할 시 교수님 우선 사용, 사용자는 예약 취소될 수 있음.</strong><br>
        <span style="line-height: 10px"><br></span>
        다음 사람이 청결한 상태에서 사용할 수 있게 깔끔하게 사용해주세요.<br>
        <span style="line-height: 10px"><br></span>
        옆 방은 교수님 방 입니다. 시끄럽지 않게 사용해주세요.<br>
        </alticle>
    </div>
    <div class="col-md-1">
    </div>
</div>

<span style="line-height: 100px;"><br></span>
<div class="container" align="center">
    <button type="button" class="btn btn-danger"> <a href="7_504table.html" style="color: white;width:13%;">예약시작</a></button>
</div>

<span style="line-height: 70px;"><br></span>
<footer id="footer">
    <div class="pull-left" >&nbsp;&nbsp;가천대학교 산업경영공학과</div>
    <div class="pull-right">Copyright (c) da_capo&nbsp;&nbsp;</div>
</footer>

</body>
</html>