index.ejs
3.41 KB
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
<!DOCTYPE html>
<html>
<head>
<title>Animal Info</title>
<!-- 합쳐지고 최소화된 최신 CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- 부가적인 테마 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<!-- 합쳐지고 최소화된 최신 자바스크립트 -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<style>
html {
min-height: 100%;
position: relative;
}
body {
height: 100%;
}
.content {
display: flex;
flex-direction: row;
height: 500px;
}
.nav {
flex: 1;
background-color: black;
}
.jumbotron {
flex: 3;
text-align: center;
background-color: white;
}
footer {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
background-color: black;
color: white;
font-weight: lighter;
}
.header {
width: 100%;
background-color: black;
}
.logo {
display: inline;
}
.theme {
display: inline;
color: white;
text-align: center;
font-size: xx-large;
}
</style>
<script>
function sm() {
document.getElementById("location").submit();
}
</script>
</head>
<body>
<header id="header">
<%- include("components/header") -%>
</header>
<div class="content">
<div class="nav">
<%- include("components/navigation") -%>
</div>
<div class="jumbotron">
<h2>서울시 동물 병원 검색</h2>
<p>
지역 선택
</p>
<form action="/category/park" method="post" name="location" id="location">
<select onchange="sm()" name="user_gu" id="user_gu_select">
<option value='' selected="true" disabled="true">--Please choose an option--</option>
<option value='강남구'>강남구</option>
<option value='강동구'>강동구</option>
<option value='강북구'>강북구</option>
<option value='강서구'>강서구</option>
<option value='관악구'>관악구</option>
<option value='광진구'>광진구</option>
<option value='구로구'>구로구</option>
<option value='금천구'>금천구</option>
<option value='노원구'>노원구</option>
<option value='도봉구'>도봉구</option>
<option value='동대문구'>동대문구</option>
<option value='동작구'>동작구</option>
<option value='마포구'>마포구</option>
<option value='서대문구'>서대문구</option>
<option value='서초구'>서초구</option>
<option value='성동구'>성동구</option>
<option value='성북구'>성북구</option>
<option value='송파구'>송파구</option>
<option value='양천구'>양천구</option>
<option value='영등포구'>영등포구</option>
<option value='용산구'>용산구</option>
<option value='은평구'>은평구</option>
<option value='종로구'>종로구</option>
<option value='중구'>중구</option>
<option value='중랑구'>중랑구</option>
</select>
</form>
<footer id="footer">
<%- include("components/footer") -%>
</footer>
</body>
</html>