정지윤 / project_opensource

Go to a project
Toggle navigation Toggle navigation pinning
정지윤
95d1f838 1 parent 53d3e9e7

달력 추가

Expand all
Inline Side-by-side
Showing 11 changed files with 407 additions and 85 deletions
1 +node_modules
2 +<<<<<<< HEAD
3 +.sass-cache
4 +=======
5 +bower_components
6 +>>>>>>> master
1 +sudo: false
2 +language: node_js
3 +node_js:
4 + - "node"
5 +install: npm install
6 +script:
7 + - npm test
8 + - gulp
9 +cache:
10 + directories:
11 + - node_modules
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.
This diff is collapsed. Click to expand it.
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 +});
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 &copy; 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">
138 - <label class="col-md-4 control-label">예약 날짜</label> 144 +
139 - <input type="text" placeholder = "클릭하여 달력 보기" id="datepicker"></p></p> 145 + <label class="col-md-4 control-label">예약 날짜</label>
140 - <script> 146 + <div class="input-group input-append date" id="dateRangePicker"> </div>
141 - $( function() { 147 + <script>
142 - $( "#datepicker" ).datepicker(); 148 + $('#dateRangePicker').datepicker({
143 - } ); 149 + format: "yyyy-mm-dd",
144 - </script> 150 + language: "kr"
145 - </label> 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 + });
176 + </script>
177 + </div>
146 </div> 178 </div>
147 -<br> 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">
158 - <div class="col-md-4 inputGroupContainer">
159 - <div class="input-group">
160 <label class="col-md-4 control-label">요청사항</label> 145 <label class="col-md-4 control-label">요청사항</label>
161 -<i class="glyphicon glyphicon-pencil"></i></span> 146 + <div class="col-md-4 inputGroupContainer">
147 + <div class="input-group">
148 + <span class="input-group-addon"><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>
......