정지윤 / project_opensource

Go to a project
Toggle navigation Toggle navigation pinning
정지윤
51a00ddc 1 parent c099e225

예약화면 css 수정

Inline Side-by-side
Showing 19 changed files with 109 additions and 87 deletions
...@@ -12,4 +12,6 @@ ...@@ -12,4 +12,6 @@
12 url('/fonts/나눔손글씨 붓.svg#나눔손글씨 붓') format('svg') 12 url('/fonts/나눔손글씨 붓.svg#나눔손글씨 붓') format('svg')
13 src:local(※), url('/fonts/나눔손글씨 붓.woff') format('woff'); 13 src:local(※), url('/fonts/나눔손글씨 붓.woff') format('woff');
14 } 14 }
15 - body{font-family:Lora,'Helvetica Neue',Helvetica,Arial,sans-serif;position:relative;width:100%;height:100%;color:#fff;background-color:#000}html{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-family:나눔손글씨 붓 ,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;margin:0 0 35px;letter-spacing:1px;text-transform:uppercase}p{font-size:16px;line-height:1.5;margin:0 0 25px}@media (min-width:768px){p{font-size:18px;line-height:1.6;margin:0 0 35px}}a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#42dca3}a:focus,a:hover{text-decoration:none;color:#1d9b6c}#mainNav{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;margin-bottom:0;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.3);background-color:#000}#mainNav .navbar-toggler{font-size:14px;padding:11px;color:#fff;border:1px solid #fff}#mainNav .navbar-brand{font-weight:700}#mainNav a{color:#fff}#mainNav .navbar-nav .nav-item{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out}#mainNav .navbar-nav .nav-item:hover{color:fade(white,80%);outline:0;background-color:transparent}#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}@media (min-width:992px){#mainNav{padding-top:20px;padding-bottom:20px;-webkit-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;-moz-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;letter-spacing:1px;border-bottom:none;background:0 0}#mainNav.navbar-shrink{padding-top:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.3);background:#000}#mainNav .nav-link.active{outline:0;background-color:rgba(255,255,255,.3)}#mainNav .nav-link.active:hover{color:#fff}}.masthead{display:table;width:100%;height:auto;padding:200px 0;text-align:center;color:#fff;background:url(../img/intro-bg.jpg) no-repeat bottom center scroll; background-color:#000;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.masthead .intro-body{display:table-cell;vertical-align:middle}.masthead .intro-body .brand-heading{font-size:50px}.masthead .intro-body .intro-text{font-size:18px}@media (min-width:768px){.masthead{height:100%;padding:0}.masthead .intro-body .brand-heading{font-size:100px}.masthead .intro-body .intro-text{font-size:22px}}.btn-circle{font-size:26px;width:55px;height:55px;margin-top:15px;line-height:45px;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;color:#fff;border:2px solid #fff;border-radius:100%!important;background:0 0}.btn-circle:focus,.btn-circle:hover{color:#fff;outline:0;background:rgba(255,255,255,.1)}.content-section{padding-top:150px;padding-bottom:150px}.download-section{color:#fff;background:url(../img/downloads-bg.jpg) no-repeat center center scroll;background-color:#000;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#map{width:100%;height:300px}@media (min-width:992px){.content-section{padding-top:200px;padding-bottom:200px}#map{height:350px}}.btn{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-transform:uppercase;border-radius:0}.btn-default{color:#42dca3;border:1px solid #42dca3;background-color:transparent}.btn-default:focus,.btn-default:hover{color:#000;border:1px solid #42dca3;outline:0;background-color:#42dca3}ul.banner-social-buttons{margin-top:0}@media (max-width:1199px){ul.banner-social-buttons{margin-top:15px}}@media (max-width:767px){ul.banner-social-buttons li{display:block;margin-bottom:20px;padding:0}ul.banner-social-buttons li:last-child{margin-bottom:0}}footer{padding:50px 0}footer p{font-size:14px;margin:0}::-moz-selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}::selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}img::selection{background:0 0}img::-moz-selection{background:0 0}body{-webkit-tap-highlight-color:rgba(255,255,255,.2)} 15 + body{font-family:Lora,'Helvetica Neue',Helvetica,Arial,sans-serif;position:relative;width:100%;height:100%;color:#fff;background-color:#000}
16 + html{width:100%;height:100%}
17 + h1,h2,h3,h4,h5,h6{font-family:나눔손글씨 붓 ,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;margin:0 0 35px;letter-spacing:1px;text-transform:uppercase}p{font-size:16px;line-height:1.5;margin:0 0 25px;font-family:나눔스퀘어}@media (min-width:768px){p{font-size:18px;line-height:1.6;margin:0 0 35px}}a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#42dca3}a:focus,a:hover{text-decoration:none;color:#1d9b6c}#mainNav{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;margin-bottom:0;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.3);background-color:#000}#mainNav .navbar-toggler{font-size:14px;padding:11px;color:#fff;border:1px solid #fff}#mainNav .navbar-brand{font-weight:700}#mainNav a{color:#fff}#mainNav .navbar-nav .nav-item{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out}#mainNav .navbar-nav .nav-item:hover{color:fade(white,80%);outline:0;background-color:transparent}#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}@media (min-width:992px){#mainNav{padding-top:20px;padding-bottom:20px;-webkit-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;-moz-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;letter-spacing:1px;border-bottom:none;background:0 0}#mainNav.navbar-shrink{padding-top:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.3);background:#000}#mainNav .nav-link.active{outline:0;background-color:rgba(255,255,255,.3)}#mainNav .nav-link.active:hover{color:#fff}}.masthead{display:table;width:100%;height:auto;padding:200px 0;text-align:center;color:#fff;background:url(../img/intro-bg.jpg) no-repeat bottom center scroll; background-color:#000;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.masthead .intro-body{display:table-cell;vertical-align:middle}.masthead .intro-body .brand-heading{font-size:50px}.masthead .intro-body .intro-text{font-size:18px}@media (min-width:768px){.masthead{height:100%;padding:0}.masthead .intro-body .brand-heading{font-size:100px}.masthead .intro-body .intro-text{font-size:22px}}.btn-circle{font-size:26px;width:55px;height:55px;margin-top:15px;line-height:45px;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;color:#fff;border:2px solid #fff;border-radius:100%!important;background:0 0}.btn-circle:focus,.btn-circle:hover{color:#fff;outline:0;background:rgba(255,255,255,.1)}.content-section{padding-top:150px;padding-bottom:150px}.download-section{color:#fff;background:url(../img/sushi.jpg) no-repeat center center scroll;background-color:#000;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#map{width:100%;height:300px}@media (min-width:992px){.content-section{padding-top:200px;padding-bottom:200px}#map{height:350px}}.btn{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-transform:uppercase;border-radius:0}.btn-default{color:#42dca3;border:1px solid #42dca3;background-color:transparent}.btn-default:focus,.btn-default:hover{color:#000;border:1px solid #42dca3;outline:0;background-color:#42dca3}ul.banner-social-buttons{margin-top:0}@media (max-width:1199px){ul.banner-social-buttons{margin-top:15px}}@media (max-width:767px){ul.banner-social-buttons li{display:block;margin-bottom:20px;padding:0}ul.banner-social-buttons li:last-child{margin-bottom:0}}footer{padding:50px 0}footer p{font-size:14px;margin:0}::-moz-selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}::selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}img::selection{background:0 0}img::-moz-selection{background:0 0}body{-webkit-tap-highlight-color:rgba(255,255,255,.2)}
......
No preview for this file type
This file is too large to display.
...@@ -40,7 +40,6 @@ router.post('/reservation',function(req, res){ ...@@ -40,7 +40,6 @@ router.post('/reservation',function(req, res){
40 connection.query(sqlForInsertBoard, function (err, rows) { 40 connection.query(sqlForInsertBoard, function (err, rows) {
41 if (err) console.error("err : " + err); 41 if (err) console.error("err : " + err);
42 console.log("rows : " + JSON.stringify(rows)); 42 console.log("rows : " + JSON.stringify(rows));
43 - res.redirect('/resconfirm');
44 connection.release(); 43 connection.release();
45 // Don't use the connection here, it has been returned to the pool. 44 // Don't use the connection here, it has been returned to the pool.
46 }); 45 });
......
...@@ -38,11 +38,9 @@ ...@@ -38,11 +38,9 @@
38 <li class="nav-item"> 38 <li class="nav-item">
39 <a class="nav-link js-scroll-trigger" href="#about">About</a> 39 <a class="nav-link js-scroll-trigger" href="#about">About</a>
40 </li> 40 </li>
41 -
42 <li class="nav-item"> 41 <li class="nav-item">
43 <a class="nav-link js-scroll-trigger" href="#menu">Menu</a> 42 <a class="nav-link js-scroll-trigger" href="#menu">Menu</a>
44 </li> 43 </li>
45 -
46 <li class="nav-item"> 44 <li class="nav-item">
47 <a class="nav-link js-scroll-trigger" href="#download">Reservation</a> 45 <a class="nav-link js-scroll-trigger" href="#download">Reservation</a>
48 </li> 46 </li>
...@@ -50,7 +48,7 @@ ...@@ -50,7 +48,7 @@
50 <a class="nav-link js-scroll-trigger" href="#contact">Contact</a> 48 <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
51 </li> 49 </li>
52 <li class="nav-item"> 50 <li class="nav-item">
53 - <a class="nav-link js-scroll-trigger" href="#map">Map</a> 51 + <a class="nav-link js-scroll-trigger" href="#Map">Map</a>
54 </li> 52 </li>
55 </ul> 53 </ul>
56 </div> 54 </div>
...@@ -76,20 +74,20 @@ ...@@ -76,20 +74,20 @@
76 </header> 74 </header>
77 75
78 <!-- About Section --> 76 <!-- About Section -->
79 - <section id="about" class=" content-section text-center"> 77 + <section id="about" class=" content-section text-center" >
80 <div class="container"> 78 <div class="container">
81 <div class="row"> 79 <div class="row">
82 <div class="col-lg-8 mx-auto"> 80 <div class="col-lg-8 mx-auto">
83 - <h2>About 별빛바다 달빛초원</h2> 81 + <h1>About</h1>
84 <p> 82 <p>
85 - <a href="http://startbootstrap.com/template-overviews/grayscale/">01</a>. 83 + <a href="https://www.facebook.com/starbada/">01</a>
86 - <br>건강한 식재료와 제철 음식을 지향합니다.</p> 84 + <br>노량진수산시장보다 싱싱하다! 푸짐하다! 싸다!</p>
87 85
88 <p> 86 <p>
89 - <a href="http://gratisography.com/">02</a> 87 + <a href="https://www.facebook.com/starbada/">02</a>
90 <br>활어회/신선한 초밥/해산물 잔뜩 요리전문점</p> 88 <br>활어회/신선한 초밥/해산물 잔뜩 요리전문점</p>
91 <p> 89 <p>
92 - <a href="http://snazzymaps.com/">03</a>. 90 + <a href="https://www.facebook.com/starbada/">03</a>
93 <br>수원에서 가장 깔끔하고 싱싱한 횟집</p> 91 <br>수원에서 가장 깔끔하고 싱싱한 횟집</p>
94 </div> 92 </div>
95 </div> 93 </div>
...@@ -100,11 +98,10 @@ ...@@ -100,11 +98,10 @@
100 98
101 99
102 <!-- Menu Section --> 100 <!-- Menu Section -->
103 - <section id="menu" class=" content-section text-center"> 101 + <section id="menu" class="download-section content-section text-center">
104 - <div class="container">
105 <div class="row"> 102 <div class="row">
106 - <div class="col-lg-8 mx-auto"> 103 + <div class="col-lg-8 mx-auto" >
107 - <h2>Menu</h2> 104 + <h1>Menu</h1>
108 <p>별빛바다 달빛초원은 항상 싱싱한 생선만 손질합니다.</p> 105 <p>별빛바다 달빛초원은 항상 싱싱한 생선만 손질합니다.</p>
109 <a href="/menu" class="btn btn-default btn-lg">메뉴 보러가기</a> 106 <a href="/menu" class="btn btn-default btn-lg">메뉴 보러가기</a>
110 </div> 107 </div>
...@@ -115,24 +112,25 @@ ...@@ -115,24 +112,25 @@
115 112
116 113
117 <!-- Download Section --> 114 <!-- Download Section -->
118 - <section id="download" class="download-section content-section text-center"> 115 + <section id="download" class=" content-section text-center">
119 <div class="container"> 116 <div class="container">
120 <div class="col-lg-8 mx-auto"> 117 <div class="col-lg-8 mx-auto">
121 - <h2>Reservation</h2> 118 + <h1>Reservation</h1>
122 <p>예약은 1주일 안에만 가능합니다.</p> 119 <p>예약은 1주일 안에만 가능합니다.</p>
123 <a href="/reservation" class="btn btn-default btn-lg">예약하기</a> 120 <a href="/reservation" class="btn btn-default btn-lg">예약하기</a>
124 </div> 121 </div>
125 </div> 122 </div>
126 </section> 123 </section>
127 124
125 +
128 <!-- Contact Section --> 126 <!-- Contact Section -->
129 - <section id="contact" class="content-section text-center"> 127 + <section id="contact" class="download-section content-section text-center">
130 <div class="container"> 128 <div class="container">
131 <div class="row"> 129 <div class="row">
132 <div class="col-lg-8 mx-auto"> 130 <div class="col-lg-8 mx-auto">
133 - <h2>Contact 별빛바다 달빛초원</h2> 131 + <h1>Contact</h1>
134 - <p>전화번호 : 031-205-7220</p> 132 + <p>전화번호 : 031-203-7220
135 - <p>영업시간 : 매일 10:00 - 23:30 (Last Order 22:00)</p> 133 + <br>영업시간 : 매일 오전 11:00~ 오후 11:30 (Last Order 22:00)</p>
136 <ul class="list-inline banner-social-buttons"> 134 <ul class="list-inline banner-social-buttons">
137 <li class="list-inline-item"> 135 <li class="list-inline-item">
138 <a href="https://www.facebook.com/starbada/" class="btn btn-default btn-lg"> 136 <a href="https://www.facebook.com/starbada/" class="btn btn-default btn-lg">
...@@ -155,55 +153,46 @@ ...@@ -155,55 +153,46 @@
155 153
156 154
157 155
158 - <!-- Map Section -->
159 - <section id="contact" class="content-section text-center">
160 - <div class="container">
161 - <div class="row">
162 - <div class="col-lg-8 mx-auto">
163 - <h2>찾아오시는 길</h2>
164 - </div>
165 - </div>
166 - </div>
167 - <div id="map"></div>
168 156
169 <!-- 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/ --> 157 <!-- 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/ -->
170 <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script> 158 <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
171 159
172 - <style> 160 +
173 - #map { 161 + <section id="Map" class="content-section text-center">
174 - height: 400px; 162 + <div class="row">
175 - width: 100%; 163 + <div class="col-lg-8 mx-auto text-center">
176 - } 164 + <h1>찾아오시는 길</h1>
177 - </style> 165 + <p>경기도 수원시 영통구 영통동 1025-1(경기도 수원시 영통구 청명로 28) 1층 별빛바다 달빛초원</p>
178 - <body> 166 + <section id="map" class="content-section text-center">
179 - <p>경기도 수원시 영통구 영통동 1025-1(경기도 수원시 영통구 청명로 28) 1층 별빛바다 달빛초원</p> 167 +
180 - <section id="contact" class="content-section text-center"> 168 + <style>
181 - <div class="container"> 169 + #map {
182 - <div class="row"> 170 + height: 400px;
183 - <div class="col-lg-8 mx-auto"> 171 + width: 100%;
184 - 172 + }
185 - </div> 173 + </style>
186 - </div> 174 + <body>
187 - </div> 175 + <div id="map"></div>
188 - </section> 176 + <script>
189 - <div id="map"></div> 177 + function initMap() {
190 - <script> 178 + var uluru = {lat: -25.363, lng: 131.044};
191 - function initMap() { 179 + var map = new google.maps.Map(document.getElementById('map'), {
192 - var uluru = {lat: -25.363, lng: 131.044}; 180 + zoom: 4,
193 - var map = new google.maps.Map(document.getElementById('map'), { 181 + center: uluru
194 - zoom: 4, 182 + });
195 - center: uluru 183 + var marker = new google.maps.Marker({
196 - }); 184 + position: uluru,
197 - var marker = new google.maps.Marker({ 185 + map: map
198 - position: uluru, 186 + });
199 - map: map 187 + }
200 - }); 188 + </script>
201 - } 189 + <script async defer
202 - </script> 190 + src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAQobMFr9MjpbzdMVmL8qgTHLko3S00DGk&callback=initMap">
203 - <script async defer 191 + </script>
204 - src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAQobMFr9MjpbzdMVmL8qgTHLko3S00DGk&callback=initMap"> 192 + </body>
205 - </script> 193 + </div>
206 - </body> 194 + </div>
195 + </div>
207 196
208 <script> 197 <script>
209 function initMap() { 198 function initMap() {
...@@ -222,12 +211,14 @@ ...@@ -222,12 +211,14 @@
222 }); 211 });
223 } 212 }
224 </script> 213 </script>
214 + </section>
215 + </div>
216 + </div>
217 + </section>
225 218
226 <!-- Footer --> 219 <!-- Footer -->
227 <footer> 220 <footer>
228 <div class="container text-center"> 221 <div class="container text-center">
229 -
230 - <image src = "/img/수정됨_로고2.jpg">
231 <p>Copyright &copy;정지윤 오픈소스 프로젝트</p> 222 <p>Copyright &copy;정지윤 오픈소스 프로젝트</p>
232 </div> 223 </div>
233 </footer> 224 </footer>
......
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
34 <section id="about" class="reservationTheme content-section "> 34 <section id="about" class="reservationTheme content-section ">
35 <div class="container"> 35 <div class="container">
36 <br><br> 36 <br><br>
37 - <h2>Reservation</h2> 37 + <h2>Reservation <br>예약하기</h2>
38 <br><br> 38 <br><br>
39 <form class="well form-horizontal" action=" " method="post" id="contact_form"> 39 <form class="well form-horizontal" action=" " method="post" id="contact_form">
40 <fieldset> 40 <fieldset>
...@@ -254,7 +254,9 @@ ...@@ -254,7 +254,9 @@
254 <div class="form-group"> 254 <div class="form-group">
255 <label class="col-md-4 control-label"></label> 255 <label class="col-md-4 control-label"></label>
256 <div class="col-md-4"> 256 <div class="col-md-4">
257 - <button type="submit" class="btn btn-default btn-lg" >예약하기 <span class="glyphicon glyphicon-send "></span></button> 257 + 잠깐! No Show 문제를 방지하기 위해 예약 전, 선금 2000원을 입금해야 합니다!
258 + <a href="/pay" class="btn btn-default btn-lg">입금하기</a>
259 + <a href="/first" class="btn btn-default btn-lg">돌아가기</a>
258 </div> 260 </div>
259 261
260 </div> 262 </div>
...@@ -265,7 +267,6 @@ ...@@ -265,7 +267,6 @@
265 </div> 267 </div>
266 </script> 268 </script>
267 269
268 -<script type="text/javascript" src="/mail"></script>
269 270
270 <script> 271 <script>
271 function onWriteSubmit() 272 function onWriteSubmit()
......
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 +<html lang="en">
2 3
3 -<html>
4 <head> 4 <head>
5 - <title><%= title %></title> 5 + <meta charset="utf-8">
6 +
7 + <!-- Bootstrap core CSS -->
8 + <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
9 +
10 + <!-- Custom fonts for this template -->
11 + <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
12 + <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
13 + <link href='https://fonts.googleapis.com/css?family=Cabin:700' rel='stylesheet' type='text/css'>
14 +
15 + <!-- Custom styles for this template -->
16 + <link href="css/grayscale.min.css" rel="stylesheet">
17 +
18 + <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
19 + <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
20 +
21 + <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
22 + <link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css">
23 + <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
24 + <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
25 + <title>결제창</title>
6 <link rel='stylesheet' href='/stylesheets/style.css' /> 26 <link rel='stylesheet' href='/stylesheets/style.css' />
7 <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js" ></script> 27 <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js" ></script>
8 <script type="text/javascript" src="https://service.iamport.kr/js/iamport.payment-1.1.5.js"></script> 28 <script type="text/javascript" src="https://service.iamport.kr/js/iamport.payment-1.1.5.js"></script>
...@@ -17,14 +37,14 @@ ...@@ -17,14 +37,14 @@
17 pg : 'kakao', // version 1.1.0부터 지원. 37 pg : 'kakao', // version 1.1.0부터 지원.
18 pay_method : 'card', 38 pay_method : 'card',
19 merchant_uid : 'merchant_' + new Date().getTime(), 39 merchant_uid : 'merchant_' + new Date().getTime(),
20 - name : '주문명:결제테스트', 40 + name : '별빛바다 달빛초원 선금',
21 - amount : 100, 41 + amount : 2000,
22 buyer_email : 'jju0807@naver.com', 42 buyer_email : 'jju0807@naver.com',
23 buyer_name : '정지윤', 43 buyer_name : '정지윤',
24 buyer_tel : '010-8762-3073', 44 buyer_tel : '010-8762-3073',
25 buyer_addr : '서울특별시 강남구 삼성동', 45 buyer_addr : '서울특별시 강남구 삼성동',
26 buyer_postcode : '123-456', 46 buyer_postcode : '123-456',
27 - m_redirect_url : 'https://localhost:3000' 47 + m_redirect_url : 'https://localhost:3000/resconfirm'
28 }, function(rsp) { 48 }, function(rsp) {
29 if ( rsp.success ) { 49 if ( rsp.success ) {
30 var msg = '결제가 완료되었습니다.'; 50 var msg = '결제가 완료되었습니다.';
......
File mode changed
...@@ -25,16 +25,20 @@ ...@@ -25,16 +25,20 @@
25 25
26 <title>식당 예약</title> 26 <title>식당 예약</title>
27 27
28 - <style type="text/css"> 28 + <style type="text/css">
29 - .reservationTheme{ 29 + .reservationTheme{
30 - background:url('/img/res2.jpg') no-repeat; 30 + background:url('/img/12.jpg') no-repeat center fixed;
31 - } 31 + -webkit-background-size: cover;
32 - </style> 32 + -moz-background-size: cover;
33 + -o-background-size: cover;
34 + background-size: cover;
35 + }
36 + </style>
33 <section id="about" class="reservationTheme content-section "> 37 <section id="about" class="reservationTheme content-section ">
34 <div class="container"> 38 <div class="container">
35 <br><br> 39 <br><br>
36 - <h2>Thank you!</h2> 40 + <h1>Thank you!</h1>
37 - <h5>예약이 성공적으로 완료되었습니다</h5> 41 + <h2>감사합니다! <br>예약이 성공적으로 완료되었습니다</h2>
38 42
39 <div class="form-group"> 43 <div class="form-group">
40 <label class="col-md-4 control-label"></label> 44 <label class="col-md-4 control-label"></label>
......
...@@ -27,14 +27,18 @@ ...@@ -27,14 +27,18 @@
27 27
28 <style type="text/css"> 28 <style type="text/css">
29 .reservationTheme{ 29 .reservationTheme{
30 - background:url('/img/res2.jpg') no-repeat; 30 + background:url('/img/diapo1.jpg') no-repeat center fixed;
31 + -webkit-background-size: cover;
32 + -moz-background-size: cover;
33 + -o-background-size: cover;
34 + background-size: cover;
31 } 35 }
32 </style> 36 </style>
33 37
34 <section id="about" class="reservationTheme content-section "> 38 <section id="about" class="reservationTheme content-section ">
35 <div class="container"> 39 <div class="container">
36 <br><br> 40 <br><br>
37 - <h2>Reservation</h2> 41 + <h2>Reservation <br>예약하기</h2>
38 <br><br> 42 <br><br>
39 <form class="well form-horizontal" action=" " method="post" id="contact_form"> 43 <form class="well form-horizontal" action=" " method="post" id="contact_form">
40 <fieldset> 44 <fieldset>
...@@ -254,7 +258,9 @@ ...@@ -254,7 +258,9 @@
254 <div class="form-group"> 258 <div class="form-group">
255 <label class="col-md-4 control-label"></label> 259 <label class="col-md-4 control-label"></label>
256 <div class="col-md-4"> 260 <div class="col-md-4">
257 - <button type="submit" class="btn btn-default btn-lg" >예약하기 <span class="glyphicon glyphicon-send "></span></button> 261 + 잠깐! No Show 문제를 방지하기 위해 예약 전, 선금 2000원을 입금해야 합니다!
262 + <a href="/pay" class="btn btn-default btn-lg">입금하기</a>
263 + <a href="/first" class="btn btn-default btn-lg">돌아가기</a>
258 </div> 264 </div>
259 265
260 </div> 266 </div>
...@@ -265,7 +271,6 @@ ...@@ -265,7 +271,6 @@
265 </div> 271 </div>
266 </script> 272 </script>
267 273
268 -<script type="text/javascript" src="/mail"></script>
269 274
270 <script> 275 <script>
271 function onWriteSubmit() 276 function onWriteSubmit()
......