Showing
11 changed files
with
401 additions
and
79 deletions
public/css/.gitignore
0 → 100644
public/css/.travis.yml
0 → 100644
public/css/LICENSE
0 → 100644
1 | +The MIT License (MIT) | ||
2 | + | ||
3 | +Copyright (c) 2013-2017 Blackrock Digital LLC | ||
4 | + | ||
5 | +Permission is hereby granted, free of charge, to any person obtaining a copy | ||
6 | +of this software and associated documentation files (the "Software"), to deal | ||
7 | +in the Software without restriction, including without limitation the rights | ||
8 | +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
9 | +copies of the Software, and to permit persons to whom the Software is | ||
10 | +furnished to do so, subject to the following conditions: | ||
11 | + | ||
12 | +The above copyright notice and this permission notice shall be included in | ||
13 | +all copies or substantial portions of the Software. | ||
14 | + | ||
15 | +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
16 | +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
17 | +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
18 | +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
19 | +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
20 | +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN | ||
21 | +THE SOFTWARE. |
public/css/datepicker3.css
0 → 100644
This diff is collapsed. Click to expand it.
public/css/gulpfile.js
0 → 100644
1 | +var gulp = require('gulp'); | ||
2 | +var sass = require('gulp-sass'); | ||
3 | +var browserSync = require('browser-sync').create(); | ||
4 | +var header = require('gulp-header'); | ||
5 | +var cleanCSS = require('gulp-clean-css'); | ||
6 | +var rename = require("gulp-rename"); | ||
7 | +var uglify = require('gulp-uglify'); | ||
8 | +var pkg = require('./package.json'); | ||
9 | + | ||
10 | +// Set the banner content | ||
11 | +var banner = ['/*!\n', | ||
12 | + ' * Start Bootstrap - <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)\n', | ||
13 | + ' * Copyright 2013-' + (new Date()).getFullYear(), ' <%= pkg.author %>\n', | ||
14 | + ' * Licensed under <%= pkg.license %> (https://github.com/BlackrockDigital/<%= pkg.name %>/blob/master/LICENSE)\n', | ||
15 | + ' */\n', | ||
16 | + '' | ||
17 | +].join(''); | ||
18 | + | ||
19 | +// Compiles SCSS files from /scss into /css | ||
20 | +gulp.task('sass', function() { | ||
21 | + return gulp.src('scss/grayscale.scss') | ||
22 | + .pipe(sass()) | ||
23 | + .pipe(header(banner, { | ||
24 | + pkg: pkg | ||
25 | + })) | ||
26 | + .pipe(gulp.dest('css')) | ||
27 | + .pipe(browserSync.reload({ | ||
28 | + stream: true | ||
29 | + })) | ||
30 | +}); | ||
31 | + | ||
32 | +// Minify compiled CSS | ||
33 | +gulp.task('minify-css', ['sass'], function() { | ||
34 | + return gulp.src('css/grayscale.css') | ||
35 | + .pipe(cleanCSS({ | ||
36 | + compatibility: 'ie8' | ||
37 | + })) | ||
38 | + .pipe(rename({ | ||
39 | + suffix: '.min' | ||
40 | + })) | ||
41 | + .pipe(gulp.dest('css')) | ||
42 | + .pipe(browserSync.reload({ | ||
43 | + stream: true | ||
44 | + })) | ||
45 | +}); | ||
46 | + | ||
47 | +// Minify custom JS | ||
48 | +gulp.task('minify-js', function() { | ||
49 | + return gulp.src('js/grayscale.js') | ||
50 | + .pipe(uglify()) | ||
51 | + .pipe(header(banner, { | ||
52 | + pkg: pkg | ||
53 | + })) | ||
54 | + .pipe(rename({ | ||
55 | + suffix: '.min' | ||
56 | + })) | ||
57 | + .pipe(gulp.dest('js')) | ||
58 | + .pipe(browserSync.reload({ | ||
59 | + stream: true | ||
60 | + })) | ||
61 | +}); | ||
62 | + | ||
63 | +// Copy vendor files from /node_modules into /vendor | ||
64 | +// NOTE: requires `npm install` before running! | ||
65 | +gulp.task('copy', function() { | ||
66 | + gulp.src([ | ||
67 | + 'node_modules/bootstrap/dist/**/*', | ||
68 | + '!**/npm.js', | ||
69 | + '!**/bootstrap-theme.*', | ||
70 | + '!**/*.map' | ||
71 | + ]) | ||
72 | + .pipe(gulp.dest('vendor/bootstrap')) | ||
73 | + | ||
74 | + gulp.src(['node_modules/jquery/dist/jquery.js', 'node_modules/jquery/dist/jquery.min.js']) | ||
75 | + .pipe(gulp.dest('vendor/jquery')) | ||
76 | + | ||
77 | + gulp.src(['node_modules/jquery.easing/*.js']) | ||
78 | + .pipe(gulp.dest('vendor/jquery-easing')) | ||
79 | + | ||
80 | + gulp.src([ | ||
81 | + 'node_modules/font-awesome/**', | ||
82 | + '!node_modules/font-awesome/**/*.map', | ||
83 | + '!node_modules/font-awesome/.npmignore', | ||
84 | + '!node_modules/font-awesome/*.txt', | ||
85 | + '!node_modules/font-awesome/*.md', | ||
86 | + '!node_modules/font-awesome/*.json' | ||
87 | + ]) | ||
88 | + .pipe(gulp.dest('vendor/font-awesome')) | ||
89 | +}) | ||
90 | + | ||
91 | +// Default task | ||
92 | +gulp.task('default', ['sass', 'minify-css', 'minify-js', 'copy']); | ||
93 | + | ||
94 | +// Configure the browserSync task | ||
95 | +gulp.task('browserSync', function() { | ||
96 | + browserSync.init({ | ||
97 | + server: { | ||
98 | + baseDir: '' | ||
99 | + }, | ||
100 | + }) | ||
101 | +}) | ||
102 | + | ||
103 | +// Dev task with browserSync | ||
104 | +gulp.task('dev', ['browserSync', 'sass', 'minify-css', 'minify-js'], function() { | ||
105 | + gulp.watch('scss/*.scss', ['sass']); | ||
106 | + gulp.watch('css/*.css', ['minify-css']); | ||
107 | + gulp.watch('js/*.js', ['minify-js']); | ||
108 | + // Reloads the browser whenever HTML or JS files change | ||
109 | + gulp.watch('*.html', browserSync.reload); | ||
110 | + gulp.watch('js/**/*.js', browserSync.reload); | ||
111 | +}); |
public/css/index.html
0 → 100644
1 | +<!DOCTYPE html> | ||
2 | +<html lang="en"> | ||
3 | + | ||
4 | + <head> | ||
5 | + | ||
6 | + <meta charset="utf-8"> | ||
7 | + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
8 | + <meta name="description" content=""> | ||
9 | + <meta name="author" content=""> | ||
10 | + | ||
11 | + <title>식당 예약</title> | ||
12 | + | ||
13 | + <!-- Bootstrap core CSS --> | ||
14 | + <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> | ||
15 | + | ||
16 | + <!-- Custom fonts for this template --> | ||
17 | + <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> | ||
18 | + <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css"> | ||
19 | + <link href='https://fonts.googleapis.com/css?family=Cabin:700' rel='stylesheet' type='text/css'> | ||
20 | + | ||
21 | + <!-- Custom styles for this template --> | ||
22 | + <link href="css/grayscale.min.css" rel="stylesheet"> | ||
23 | + | ||
24 | + </head> | ||
25 | + | ||
26 | + <body id="page-top"> | ||
27 | + | ||
28 | + <!-- Navigation --> | ||
29 | + <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"> | ||
30 | + <div class="container"> | ||
31 | + <a class="navbar-brand js-scroll-trigger" href="#page-top">그로또 예약 사이트</a> | ||
32 | + <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> | ||
33 | + Menu | ||
34 | + <i class="fa fa-bars"></i> | ||
35 | + </button> | ||
36 | + <div class="collapse navbar-collapse" id="navbarResponsive"> | ||
37 | + <ul class="navbar-nav ml-auto"> | ||
38 | + <li class="nav-item"> | ||
39 | + <a class="nav-link js-scroll-trigger" href="#about">소개</a> | ||
40 | + </li> | ||
41 | + <li class="nav-item"> | ||
42 | + <a class="nav-link js-scroll-trigger" href="#download">예약</a> | ||
43 | + </li> | ||
44 | + <li class="nav-item"> | ||
45 | + <a class="nav-link js-scroll-trigger" href="#contact">오시는 길</a> | ||
46 | + </li> | ||
47 | + </ul> | ||
48 | + </div> | ||
49 | + </div> | ||
50 | + </nav> | ||
51 | + | ||
52 | + <!-- Intro Header --> | ||
53 | + <header class="masthead"> | ||
54 | + <div class="intro-body"> | ||
55 | + <div class="container"> | ||
56 | + <div class="row"> | ||
57 | + <div class="col-lg-8 mx-auto"> | ||
58 | + <h1 class="brand-heading">GROTTO!</h1> | ||
59 | + <p class="intro-text"> | ||
60 | + <br>정지윤</p> | ||
61 | + <a href="#about" class="btn btn-circle js-scroll-trigger"> | ||
62 | + <i class="fa fa-angle-double-down animated"></i> | ||
63 | + </a> | ||
64 | + </div> | ||
65 | + </div> | ||
66 | + </div> | ||
67 | + </div> | ||
68 | + </header> | ||
69 | + | ||
70 | + <!-- About Section --> | ||
71 | + <section id="about" class=" content-section text-center"> | ||
72 | + <div class="container"> | ||
73 | + <div class="row"> | ||
74 | + <div class="col-lg-8 mx-auto"> | ||
75 | + <h2>About GROTTO</h2> | ||
76 | + <p> | ||
77 | + <a href="http://startbootstrap.com/template-overviews/grayscale/">Grotto - Let your senses fly</a>. | ||
78 | + <br>당신의 오감을 날려드립니다.</p> | ||
79 | + | ||
80 | + <p> | ||
81 | + <a href="http://gratisography.com/">Coffee - Kona coffee</a> | ||
82 | + <br>세계 3대 커피 하와이안 코나 원두를 사용합니다.</p> | ||
83 | + <p> | ||
84 | + <a href="http://snazzymaps.com/">Wine - Wine expert</a>. | ||
85 | + <br>150가지 종류의 와인을 와인을 닮은 공간에서 편하게 즐기세요.</p> | ||
86 | + </div> | ||
87 | + </div> | ||
88 | + </div> | ||
89 | + </section> | ||
90 | + | ||
91 | + <!-- Download Section --> | ||
92 | + <section id="download" class="download-section content-section text-center"> | ||
93 | + <div class="container"> | ||
94 | + <div class="col-lg-8 mx-auto"> | ||
95 | + <h2>Reservation</h2> | ||
96 | + <p>당일 예약은 전화예약만 가능합니다.</p> | ||
97 | + <a href="http://startbootstrap.com/template-overviews/grayscale/" class="btn btn-default btn-lg">예약하기</a> | ||
98 | + </div> | ||
99 | + </div> | ||
100 | + </section> | ||
101 | + | ||
102 | + <!-- Contact Section --> | ||
103 | + <section id="contact" class="content-section text-center"> | ||
104 | + <div class="container"> | ||
105 | + <div class="row"> | ||
106 | + <div class="col-lg-8 mx-auto"> | ||
107 | + <h2>Contact GROTTO</h2> | ||
108 | + <p>전화번호 : 031-205-7220</p> | ||
109 | + <p>영업시간 : 매일 10:00 - 23:30 (Last Order 22:00)</p> | ||
110 | + <ul class="list-inline banner-social-buttons"> | ||
111 | + <li class="list-inline-item"> | ||
112 | + <a href="https://www.facebook.com/grottosuwon/" class="btn btn-default btn-lg"> | ||
113 | + <i class="fa fa-facebook fa-fw"></i> | ||
114 | + <span class="network-name">facebook</span> | ||
115 | + </a> | ||
116 | + </li> | ||
117 | + <li class="list-inline-item"> | ||
118 | + <a href="https://www.instagram.com/grotto_since2011/" class="btn btn-default btn-lg"> | ||
119 | + <i class="fa fa-instagram fa-fw"></i> | ||
120 | + <span class="network-name">Instagram</span> | ||
121 | + </a> | ||
122 | + </li> | ||
123 | + <li class="list-inline-item"> | ||
124 | + <a href="https://plus.google.com/+Startbootstrap/posts" class="btn btn-default btn-lg"> | ||
125 | + <i class="fa fa-google-plus fa-fw"></i> | ||
126 | + <span class="network-name">Google+</span> | ||
127 | + </a> | ||
128 | + </li> | ||
129 | + </ul> | ||
130 | + </div> | ||
131 | + </div> | ||
132 | + </div> | ||
133 | + </section> | ||
134 | + | ||
135 | + <!-- Map Section --> | ||
136 | + <div id="map"></div> | ||
137 | + | ||
138 | + <!-- Footer --> | ||
139 | + <footer> | ||
140 | + <div class="container text-center"> | ||
141 | + <p>Copyright © Your Website 2017</p> | ||
142 | + </div> | ||
143 | + </footer> | ||
144 | + | ||
145 | + <!-- Bootstrap core JavaScript --> | ||
146 | + <script src="vendor/jquery/jquery.min.js"></script> | ||
147 | + <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> | ||
148 | + | ||
149 | + <!-- Plugin JavaScript --> | ||
150 | + <script src="vendor/jquery-easing/jquery.easing.min.js"></script> | ||
151 | + | ||
152 | + <!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ --> | ||
153 | + <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script> | ||
154 | + | ||
155 | + <!-- Custom scripts for this template --> | ||
156 | + <script src="js/grayscale.min.js"></script> | ||
157 | + | ||
158 | + </body> | ||
159 | + | ||
160 | +</html> |
This diff is collapsed. Click to expand it.
1 | +/** | ||
2 | + * Korean translation for bootstrap-datepicker | ||
3 | + * Gu Youn <http://github.com/guyoun> | ||
4 | + */ | ||
5 | +;(function($){ | ||
6 | + $.fn.datepicker.dates['kr'] = { | ||
7 | + days: ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일", "일요일"], | ||
8 | + daysShort: ["일", "월", "화", "수", "목", "금", "토", "일"], | ||
9 | + daysMin: ["일", "월", "화", "수", "목", "금", "토", "일"], | ||
10 | + months: ["1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월"], | ||
11 | + monthsShort: ["1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월"] | ||
12 | + }; | ||
13 | +}(jQuery)); |
... | @@ -3,9 +3,6 @@ | ... | @@ -3,9 +3,6 @@ |
3 | 3 | ||
4 | <head> | 4 | <head> |
5 | <meta charset="utf-8"> | 5 | <meta charset="utf-8"> |
6 | - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
7 | - <meta name="description" content=""> | ||
8 | - <meta name="author" content=""> | ||
9 | 6 | ||
10 | <title>식당 예약</title> | 7 | <title>식당 예약</title> |
11 | 8 | ||
... | @@ -20,6 +17,14 @@ | ... | @@ -20,6 +17,14 @@ |
20 | <!-- Custom styles for this template --> | 17 | <!-- Custom styles for this template --> |
21 | <link href="css/grayscale.min.css" rel="stylesheet"> | 18 | <link href="css/grayscale.min.css" rel="stylesheet"> |
22 | 19 | ||
20 | + <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script> | ||
21 | + <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> | ||
22 | + | ||
23 | + <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> | ||
24 | + <link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css"> | ||
25 | + <script src="https://code.jquery.com/jquery-1.12.4.js"></script> | ||
26 | + <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> | ||
27 | + | ||
23 | 28 | ||
24 | 29 | ||
25 | <style type="text/css"> | 30 | <style type="text/css"> |
... | @@ -98,6 +103,8 @@ | ... | @@ -98,6 +103,8 @@ |
98 | </div> | 103 | </div> |
99 | </div> | 104 | </div> |
100 | 105 | ||
106 | + | ||
107 | + | ||
101 | <!--예약시간--> | 108 | <!--예약시간--> |
102 | <div class="form-group"> | 109 | <div class="form-group"> |
103 | <div class="col-md-4 selectContainer"> | 110 | <div class="col-md-4 selectContainer"> |
... | @@ -131,28 +138,65 @@ | ... | @@ -131,28 +138,65 @@ |
131 | </div> | 138 | </div> |
132 | </div> | 139 | </div> |
133 | 140 | ||
134 | - <!--예약날짜--> | ||
135 | <div class="form-group"> | 141 | <div class="form-group"> |
136 | <div class="col-md-4 selectContainer"> | 142 | <div class="col-md-4 selectContainer"> |
137 | <div class="input-group"> | 143 | <div class="input-group"> |
144 | + | ||
138 | <label class="col-md-4 control-label">예약 날짜</label> | 145 | <label class="col-md-4 control-label">예약 날짜</label> |
139 | - <input type="text" placeholder = "클릭하여 달력 보기" id="datepicker"></p></p> | 146 | + <div class="input-group input-append date" id="dateRangePicker"> </div> |
140 | <script> | 147 | <script> |
141 | - $( function() { | 148 | + $('#dateRangePicker').datepicker({ |
142 | - $( "#datepicker" ).datepicker(); | 149 | + format: "yyyy-mm-dd", |
143 | - } ); | 150 | + language: "kr" |
151 | + }); | ||
152 | + </script> | ||
153 | + </div> | ||
154 | + </div> | ||
155 | + </div> | ||
156 | + | ||
157 | + | ||
158 | + | ||
159 | + | ||
160 | + <div class="container"> | ||
161 | + <div class="row"> | ||
162 | + <div class='col-sm-6'> | ||
163 | + <div class="form-group"> | ||
164 | + <div class='input-group date' id='datetimepicker1'> | ||
165 | + <input type='text' class="form-control" /> | ||
166 | + <span class="input-group-addon"> | ||
167 | + <span class="glyphicon glyphicon-calendar"></span> | ||
168 | + </span> | ||
169 | + </div> | ||
170 | + </div> | ||
171 | + </div> | ||
172 | + <script type="text/javascript"> | ||
173 | + $(document).ready(function(){ | ||
174 | + $('#datetimepicker1').datetimepicker(); | ||
175 | + }); | ||
144 | </script> | 176 | </script> |
145 | - </label> | ||
146 | </div> | 177 | </div> |
147 | -<br> | 178 | + </div> |
179 | + | ||
180 | + | ||
181 | + | ||
182 | + | ||
183 | + | ||
184 | + | ||
185 | + | ||
186 | + | ||
187 | + | ||
188 | + | ||
189 | + | ||
190 | + <br> | ||
148 | <div class="form-group"> | 191 | <div class="form-group"> |
192 | + <div class="col-md-4 selectContainer"> | ||
149 | <div class="input-group"> | 193 | <div class="input-group"> |
150 | <label class="col-md-4 control-label">요청사항</label> | 194 | <label class="col-md-4 control-label">요청사항</label> |
151 | <i class="glyphicon glyphicon-pencil"></i> | 195 | <i class="glyphicon glyphicon-pencil"></i> |
152 | <textarea class="form-control" name="content" placeholder="Project Description" style="width:310px; height:100px;"></textarea> | 196 | <textarea class="form-control" name="content" placeholder="Project Description" style="width:310px; height:100px;"></textarea> |
153 | </div> | 197 | </div> |
154 | </div> | 198 | </div> |
155 | - </div> | 199 | + |
156 | 200 | ||
157 | 201 | ||
158 | <br> | 202 | <br> | ... | ... |
1 | -<!DOCTYPE html> | 1 | +<!doctype html> |
2 | -<html> | 2 | +<html lang="en"> |
3 | <head> | 3 | <head> |
4 | - <meta charset = "utf-8"> | 4 | + <meta charset="utf-8"> |
5 | - <title><%= title %></title> | 5 | + <meta name="viewport" content="width=device-width, initial-scale=1"> |
6 | - <link rel = 'stylesheet' href='stylesheets/style.css'/> | 6 | + <title>jQuery UI Datepicker - Default functionality</title> |
7 | - <meta charset = "utf-8"> | 7 | + <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> |
8 | - <meta http-equiv="X-UA-Compatible" content = "IE=edge"> | 8 | + <link rel="stylesheet" href="/resources/demos/style.css"> |
9 | - <meta name = "viewport" content = "width=device-width, initial-scale=1"> | 9 | + <script src="https://code.jquery.com/jquery-1.12.4.js"></script> |
10 | - <title><%= title %></title> | 10 | + <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> |
11 | - <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> | 11 | + <script> |
12 | - <link rel = 'bootstrap' href = 'javascripts/bootstrap.js'/> | 12 | + $( function() { |
13 | - <link rel = 'jquery' href = 'javascripts/jquery-3.3.1.min.js'/> | 13 | + $( "#datepicker" ).datepicker(); |
14 | + } ); | ||
15 | + </script> | ||
14 | </head> | 16 | </head> |
15 | <body> | 17 | <body> |
16 | -<h1><%= title %></h1> | ||
17 | 18 | ||
18 | -<a href="/board/write">글쓰기로 이동</a> | 19 | +<p>Date: <input type="text" id="datepicker"></p> |
19 | -<br> | ||
20 | -<br> | ||
21 | 20 | ||
22 | -<table class = "table table-striped table-bordered table-hober"> | ||
23 | - <thead> | ||
24 | - <tr class="list-table1 blue"> | ||
25 | - <td>번호</td> | ||
26 | - <td>작성자</td> | ||
27 | - <td>제목</td> | ||
28 | - <td>조회수</td> | ||
29 | - <td>변경일</td> | ||
30 | - </tr> | ||
31 | -<tbody> | ||
32 | -<% | ||
33 | - for(var i=0; i<rows.length; i++) | ||
34 | - { | ||
35 | - var oneItem = rows[i]; | ||
36 | -%> | ||
37 | - <tr> | ||
38 | - <td><%=oneItem.idx%></td> | ||
39 | - <td><%=oneItem.creater_id%></td> | ||
40 | - <td><%=oneItem.title%></td> | ||
41 | - <td><%=oneItem.hit%></td> | ||
42 | - <td><%=oneItem.modidate%></td> | ||
43 | - </tr> | ||
44 | - | ||
45 | -<% | ||
46 | - } | ||
47 | -%> | ||
48 | -</table> | ||
49 | -<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> | ||
50 | - <!-- 모든 컴파일된 플러그인을 포함합니다 (아래), 원하지 않는다면 필요한 각각의 파일을 포함하세요 --> | ||
51 | - <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> | ||
52 | 21 | ||
53 | </body> | 22 | </body> |
54 | </html> | 23 | </html> | ... | ... |
... | @@ -6,27 +6,14 @@ | ... | @@ -6,27 +6,14 @@ |
6 | <script src="https://code.jquery.com/jquery-1.12.4.js"></script> | 6 | <script src="https://code.jquery.com/jquery-1.12.4.js"></script> |
7 | <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> | 7 | <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> |
8 | 8 | ||
9 | - | ||
10 | - | ||
11 | <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> | 9 | <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> |
12 | <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet"> | 10 | <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet"> |
11 | +<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.0/css/bootstrapValidator.min.css" rel="stylesheet"> | ||
13 | 12 | ||
14 | <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> | 13 | <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> |
15 | <link rel="stylesheet" href="http://resources/demos/style.css"> | 14 | <link rel="stylesheet" href="http://resources/demos/style.css"> |
16 | 15 | ||
17 | 16 | ||
18 | - | ||
19 | - <!-- Custom fonts for this template --> | ||
20 | - <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> | ||
21 | - <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css"> | ||
22 | - <link href='https://fonts.googleapis.com/css?family=Cabin:700' rel='stylesheet' type='text/css'> | ||
23 | - | ||
24 | - <!-- Custom styles for this template --> | ||
25 | - <link href="css/grayscale.min.css" rel="stylesheet"> | ||
26 | - | ||
27 | - | ||
28 | - | ||
29 | - | ||
30 | <div class="container"> | 17 | <div class="container"> |
31 | <br><br> | 18 | <br><br> |
32 | <label class="col-md-4 control-label"><legend>예약하기</legend></label> | 19 | <label class="col-md-4 control-label"><legend>예약하기</legend></label> |
... | @@ -37,16 +24,16 @@ | ... | @@ -37,16 +24,16 @@ |
37 | <form method="POST" action="/res"> | 24 | <form method="POST" action="/res"> |
38 | <!-- Form Name --> | 25 | <!-- Form Name --> |
39 | 26 | ||
40 | - <!-- Text input--> | 27 | +<!-- 이름--> |
41 | - <div class="form-group"> | 28 | +<div class="form-group"> |
42 | - <label class="col-md-4 control-label">이름</label> | 29 | + <label class="col-md-4 control-label" br>이름</label> |
43 | <div class="col-md-4 inputGroupContainer"> | 30 | <div class="col-md-4 inputGroupContainer"> |
44 | <div class="input-group"> | 31 | <div class="input-group"> |
45 | - <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span> | 32 | + <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> |
46 | - <input name="email" placeholder="홍길동" class="form-control" type="text"> | 33 | + <input name="creater_id" placeholder="이름" class="form-control" type="text"> |
47 | - </div> | ||
48 | </div> | 34 | </div> |
49 | </div> | 35 | </div> |
36 | +</div> | ||
50 | 37 | ||
51 | 38 | ||
52 | <!-- 휴대전화--> | 39 | <!-- 휴대전화--> |
... | @@ -155,10 +142,10 @@ | ... | @@ -155,10 +142,10 @@ |
155 | <!-- Text area --> | 142 | <!-- Text area --> |
156 | 143 | ||
157 | <div class="form-group"> | 144 | <div class="form-group"> |
145 | + <label class="col-md-4 control-label">요청사항</label> | ||
158 | <div class="col-md-4 inputGroupContainer"> | 146 | <div class="col-md-4 inputGroupContainer"> |
159 | <div class="input-group"> | 147 | <div class="input-group"> |
160 | - <label class="col-md-4 control-label">요청사항</label> | 148 | + <span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span> |
161 | -<i class="glyphicon glyphicon-pencil"></i></span> | ||
162 | <textarea class="form-control" name="content" placeholder="Project Description" style="width:310px; height:100px;"></textarea> | 149 | <textarea class="form-control" name="content" placeholder="Project Description" style="width:310px; height:100px;"></textarea> |
163 | </div> | 150 | </div> |
164 | </div> | 151 | </div> | ... | ... |
-
Please register or login to post a comment