da_capo/1_Joinpage.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
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>sign up</title>
    <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>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>
        .navbar{
            background-color: #e6eaaa;
            font-size: auto;
            color: white;
        }
        p{
            text-align: center;
            font-size: 20px;
        }
        .btn{
            background-color: #ff8868;
            position: relative;
            font-size: 18px;
            font-weight: bold;
            height:auto;
            text-align:center;
        }
        #footer {
            font-size: 70%;
            background-color: #e6eaaa;
            font-weight: bold;
            text-align: right;
            margin: auto;
            padding: 5px;
            position: relative;
            height: 20px;
        }
        #link3{
            color: white;
        }
        #icon_color{
            color: orange;
        }
        .glyphicon-user{
            line-height: 50px;
            font-size: 35px;
            width: 1em;
            display: block;
            left: 45%;
            margin:auto;
            color: deepskyblue;
        }
        #userid,#userpassword,#useremail,#username{
            width:520px;
            text-align: center;
            border-radius: 20px;
            border: 1px solid deepskyblue;
        }
        #box{

            border: 1px solid lightgrey;
            padding-top: 10px ;
            padding-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
            background-color: #f4f4f4;
            display: inline-block;
            margin-left: 370px;
            margin-right: 370px;
            border-radius: 15px;
        }

        #box hr {
            border: none;
            height: 1.5px;
            color: white;
            background-color: white; }

</style>
</head>

<body>
<nav class="navbar navbar-default">
    <div class="navbar-header">
        <a class="navbar-brand" id="link3">Reservation</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: 50px;"><br></span>


<div id="box">


    <form action="cgi-bin/formsample.cgi" method="post" >
        <span class="glyphicon glyphicon-user" style=""></span>
        <hr class="soften" />
        <p style="text-align: left; font-weight: bold">&nbsp;&nbsp;학 번 :
            <br><input type="text" name="userid" id="userid" required  placeholder="Enter ID" style="width:500px"> </p>
        <p style="text-align: left; font-weight: bold">&nbsp;&nbsp;Name :
            <br>&nbsp;<input type="text" name="username" id="username" required  placeholder="Enter name" style="width:500px"> </p>
        <p style="text-align: left; font-weight: bold">&nbsp;&nbsp;Passwd :
            <br><input type="password" name="userpassword" id="userpassword" required  placeholder="Enter Password" style="width:500px"> </p>
        <p style="text-align: left; font-weight: bold">&nbsp;&nbsp;Passwd :
            <br><input type="password" name="userpassword" id="userpassword" required  placeholder="Enter Password one more" style="width:500px"> </p>
        <p style="text-align: left; font-weight: bold">&nbsp;&nbsp;E-mail :
            <br><input type="text" name="useremail" id="useremail" placeholder="Enter Email" required style="width:500px"></p>
    </form>
</div>


<span style="line-height: 110px;"><br></span>
<div class="container" align="center">
    <button type="button" class="btn btn-danger"><a href="2_Joinpage.html" style="color:white; width:10%;">회원가입</a></button>
</div>


<span style="line-height: 10px;"><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>