Showing
1 changed file
with
43 additions
and
99 deletions
... | @@ -40,24 +40,22 @@ | ... | @@ -40,24 +40,22 @@ |
40 | <h2 class="fw-bolder">추천메뉴</h2> | 40 | <h2 class="fw-bolder">추천메뉴</h2> |
41 | <p class="lead fw-normal text-muted mb-5">Recommend the menu you can eat at the rest stop</p> | 41 | <p class="lead fw-normal text-muted mb-5">Recommend the menu you can eat at the rest stop</p> |
42 | </div> | 42 | </div> |
43 | + <center><hr style ="height:2px; width: 55%"></hr></center> | ||
43 | <div class="row gx-5 row-cols-1 row-cols-sm-2 row-cols-xl-4 justify-content-center"> | 44 | <div class="row gx-5 row-cols-1 row-cols-sm-2 row-cols-xl-4 justify-content-center"> |
44 | <div class="col mb-5 mb-5 mb-xl-0"> | 45 | <div class="col mb-5 mb-5 mb-xl-0"> |
45 | <div class="text-center"> | 46 | <div class="text-center"> |
46 | - <img class="img-fluid rounded-circle mb-4 px-4" src="https://dummyimage.com/150x150/ced4da/6c757d" alt="..." /> | ||
47 | <h5 class="fw-bolder"><recommend1></recommend1></h5> | 47 | <h5 class="fw-bolder"><recommend1></recommend1></h5> |
48 | <div class="fst-italic text-muted"><rec1></rec1></div> | 48 | <div class="fst-italic text-muted"><rec1></rec1></div> |
49 | </div> | 49 | </div> |
50 | </div> | 50 | </div> |
51 | <div class="col mb-5 mb-5 mb-xl-0"> | 51 | <div class="col mb-5 mb-5 mb-xl-0"> |
52 | <div class="text-center"> | 52 | <div class="text-center"> |
53 | - <img class="img-fluid rounded-circle mb-4 px-4" src="https://dummyimage.com/150x150/ced4da/6c757d" alt="..." /> | ||
54 | <h5 class="fw-bolder"><recommend2></recommend2></h5> | 53 | <h5 class="fw-bolder"><recommend2></recommend2></h5> |
55 | <div class="fst-italic text-muted"><rec2></rec2></div> | 54 | <div class="fst-italic text-muted"><rec2></rec2></div> |
56 | </div> | 55 | </div> |
57 | </div> | 56 | </div> |
58 | <div class="col mb-5 mb-5 mb-sm-0"> | 57 | <div class="col mb-5 mb-5 mb-sm-0"> |
59 | <div class="text-center"> | 58 | <div class="text-center"> |
60 | - <img class="img-fluid rounded-circle mb-4 px-4" src="https://dummyimage.com/150x150/ced4da/6c757d" alt="..." /> | ||
61 | <h5 class="fw-bolder"><recommend3></recommend3></h5> | 59 | <h5 class="fw-bolder"><recommend3></recommend3></h5> |
62 | <div class="fst-italic text-muted"><rec3></rec3></div> | 60 | <div class="fst-italic text-muted"><rec3></rec3></div> |
63 | </div> | 61 | </div> |
... | @@ -68,144 +66,90 @@ | ... | @@ -68,144 +66,90 @@ |
68 | </div> | 66 | </div> |
69 | </section> | 67 | </section> |
70 | 68 | ||
71 | - | ||
72 | - <!--menu1--> | ||
73 | <section class="py-3"> | 69 | <section class="py-3"> |
74 | <div class="container px-0.1 my-0.1"> | 70 | <div class="container px-0.1 my-0.1"> |
75 | - <div class="text-center"> | ||
76 | - <h4 class="fw-bolder"> <menu1></menu1></h4> | ||
77 | </div> | 71 | </div> |
78 | </section> | 72 | </section> |
79 | 73 | ||
80 | - <section class="py-5 bg-light" id="scroll-target"> | 74 | + <section class="py-5 bg-light"> |
81 | <div class="container px-2 my-2"> | 75 | <div class="container px-2 my-2"> |
82 | <div class="text-center"> | 76 | <div class="text-center"> |
83 | - <h2 class="fw-bolder"><foodname1></foodname1></h2> | 77 | + <h2 class="fw-bolder">전체메뉴</h2> |
84 | - <p class="lead fw-normal text-muted mb-0"><foodcost1></foodcost1></p> | 78 | + <p class="lead fw-normal text-muted mb-5">the menu you can eat at the rest stop</p> |
85 | </div> | 79 | </div> |
86 | - </div> | 80 | + <center><hr style ="height:2px; width: 55%"></hr></center> |
87 | - </section> | 81 | + <div class="row gx-5 row-cols-1 row-cols-sm-2 row-cols-xl-4 justify-content-center"> |
88 | - | 82 | + <div class="col mb-5 mb-5 mb-xl-0"> |
89 | - | ||
90 | - <!--menu2--> | ||
91 | - <section class="py-3"> | ||
92 | - <div class="container px-0.1 my-0.1"> | ||
93 | <div class="text-center"> | 83 | <div class="text-center"> |
94 | - <h4 class="fw-bolder"> <menu2></menu2></h4> | 84 | + <h5 class="fw-bolder"><foodname1></foodname1></h5> |
85 | + <div class="fst-italic text-muted"><foodcost1></foodcost1></div> | ||
95 | </div> | 86 | </div> |
96 | - </section> | 87 | + </div> |
97 | - | 88 | + <div class="col mb-5 mb-5 mb-xl-0"> |
98 | - <section class="py-5 bg-light" id="scroll-target"> | ||
99 | - <div class="container px-2 my-2"> | ||
100 | <div class="text-center"> | 89 | <div class="text-center"> |
101 | - <h2 class="fw-bolder"><foodname2></foodname2></h2> | 90 | + <h5 class="fw-bolder"><foodname2></foodname2></h5> |
102 | - <p class="lead fw-normal text-muted mb-0"><foodcost2></foodcost2></p> | 91 | + <div class="fst-italic text-muted"><foodcost2></foodcost2></div> |
103 | </div> | 92 | </div> |
104 | </div> | 93 | </div> |
105 | - </section> | 94 | + <div class="col mb-5 mb-5 mb-xl-0"> |
106 | - | ||
107 | - | ||
108 | - <!--menu3--> | ||
109 | - <section class="py-3"> | ||
110 | - <div class="container px-0.1 my-0.1"> | ||
111 | <div class="text-center"> | 95 | <div class="text-center"> |
112 | - <h4 class="fw-bolder"> <menu3></menu3> </h4> | 96 | + <h5 class="fw-bolder"><foodname3></foodname3></h5> |
97 | + <div class="fst-italic text-muted"><foodcost3></foodcost3></div> | ||
113 | </div> | 98 | </div> |
114 | - </section> | 99 | + </div> |
115 | - | 100 | + <div class="col mb-5 mb-5 mb-xl-0"> |
116 | - <section class="py-5 bg-light" id="scroll-target"> | ||
117 | - <div class="container px-2 my-2"> | ||
118 | <div class="text-center"> | 101 | <div class="text-center"> |
119 | - <h2 class="fw-bolder"><foodname3></foodname3></h2> | 102 | + <h5 class="fw-bolder"><foodname4></foodname4></h5> |
120 | - <p class="lead fw-normal text-muted mb-0"><foodcost3></foodcost3></p> | 103 | + <div class="fst-italic text-muted"><foodcost4></foodcost4></div> |
121 | </div> | 104 | </div> |
122 | </div> | 105 | </div> |
123 | - </section> | ||
124 | 106 | ||
125 | 107 | ||
126 | - <!--menu4--> | 108 | + <div class="col mb-5 mb-5 mb-xl-0"> |
127 | - <section class="py-3"> | ||
128 | - <div class="container px-0.1 my-0.1"> | ||
129 | <div class="text-center"> | 109 | <div class="text-center"> |
130 | - <h4 class="fw-bolder"> <menu4></menu4></h4> | 110 | + <h5 class="fw-bolder"> </h5> |
131 | </div> | 111 | </div> |
132 | - </section> | 112 | + </div> |
133 | - | 113 | + <div class="col mb-5 mb-5 mb-xl-0"> |
134 | - <section class="py-5 bg-light" id="scroll-target"> | ||
135 | - <div class="container px-2 my-2"> | ||
136 | <div class="text-center"> | 114 | <div class="text-center"> |
137 | - <h2 class="fw-bolder"><foodname4></foodname4></h2> | 115 | + <h5 class="fw-bolder"> </h5> |
138 | - <p class="lead fw-normal text-muted mb-0"><foodcost4></foodcost4></p> | ||
139 | </div> | 116 | </div> |
140 | </div> | 117 | </div> |
141 | - </section> | 118 | + <div class="col mb-5 mb-5 mb-xl-0"> |
142 | - | ||
143 | - | ||
144 | - <!--menu5--> | ||
145 | - <section class="py-3"> | ||
146 | - <div class="container px-0.1 my-0.1"> | ||
147 | <div class="text-center"> | 119 | <div class="text-center"> |
148 | - <h4 class="fw-bolder"> <menu5></menu5> </h4> | 120 | + <h5 class="fw-bolder"> </h5> |
149 | </div> | 121 | </div> |
150 | - </section> | 122 | + </div> |
151 | - | 123 | + <div class="col mb-5 mb-5 mb-xl-0"> |
152 | - <section class="py-5 bg-light" id="scroll-target"> | ||
153 | - <div class="container px-2 my-2"> | ||
154 | <div class="text-center"> | 124 | <div class="text-center"> |
155 | - <h2 class="fw-bolder"><foodname5></foodname5></h2> | 125 | + <h5 class="fw-bolder"> </h5> |
156 | - <p class="lead fw-normal text-muted mb-0"><foodcost5></foodcost5></p> | ||
157 | </div> | 126 | </div> |
158 | </div> | 127 | </div> |
159 | - </section> | ||
160 | 128 | ||
161 | 129 | ||
162 | - <!--menu6--> | 130 | + <div class="col mb-5 mb-5 mb-xl-0"> |
163 | - <section class="py-3"> | ||
164 | - <div class="container px-0.1 my-0.1"> | ||
165 | - <div class="text-center"> | ||
166 | - <h4 class="fw-bolder"> <menu6></menu6> </h4> | ||
167 | - </div> | ||
168 | - </section> | ||
169 | - | ||
170 | - <section class="py-5 bg-light" id="scroll-target"> | ||
171 | - <div class="container px-2 my-2"> | ||
172 | <div class="text-center"> | 131 | <div class="text-center"> |
173 | - <h2 class="fw-bolder"><foodname6></foodname6></h2> | 132 | + <h5 class="fw-bolder"><foodname5></foodname5></h5> |
174 | - <p class="lead fw-normal text-muted mb-0"><foodcost6></foodcost6></p> | 133 | + <div class="fst-italic text-muted"><foodcost5></foodcost5></div> |
175 | </div> | 134 | </div> |
176 | </div> | 135 | </div> |
177 | - </section> | 136 | + <div class="col mb-5 mb-5 mb-xl-0"> |
178 | - | ||
179 | - <!--menu7--> | ||
180 | - <section class="py-3"> | ||
181 | - <div class="container px-0.1 my-0.1"> | ||
182 | <div class="text-center"> | 137 | <div class="text-center"> |
183 | - <h4 class="fw-bolder"> <menu7></menu7> </h4> | 138 | + <h5 class="fw-bolder"><foodname6></foodname6></h5> |
139 | + <div class="fst-italic text-muted"><foodcost6></foodcost6></div> | ||
184 | </div> | 140 | </div> |
185 | - </section> | 141 | + </div> |
186 | - | 142 | + <div class="col mb-5 mb-5 mb-xl-0"> |
187 | - <section class="py-5 bg-light" id="scroll-target"> | ||
188 | - <div class="container px-2 my-2"> | ||
189 | <div class="text-center"> | 143 | <div class="text-center"> |
190 | - <h2 class="fw-bolder"><foodname7></foodname7></h2> | 144 | + <h5 class="fw-bolder"><foodname7></foodname7></h5> |
191 | - <p class="lead fw-normal text-muted mb-0"><foodcost7></foodcost6></p> | 145 | + <div class="fst-italic text-muted"><foodcost7></foodcost7></div> |
192 | </div> | 146 | </div> |
193 | </div> | 147 | </div> |
194 | - </section> | 148 | + <div class="col mb-5 mb-5 mb-xl-0"> |
195 | - | ||
196 | - <!--menu8--> | ||
197 | - <section class="py-3"> | ||
198 | - <div class="container px-0.1 my-0.1"> | ||
199 | <div class="text-center"> | 149 | <div class="text-center"> |
200 | - <h4 class="fw-bolder"> <menu8></menu8> </h4> | 150 | + <h5 class="fw-bolder"><foodname8></foodname8></h5> |
151 | + <div class="fst-italic text-muted"><foodcost8></foodcost8></div> | ||
201 | </div> | 152 | </div> |
202 | - </section> | ||
203 | - | ||
204 | - <section class="py-5 bg-light" id="scroll-target"> | ||
205 | - <div class="container px-2 my-2"> | ||
206 | - <div class="text-center"> | ||
207 | - <h2 class="fw-bolder"><foodname8></foodname8></h2> | ||
208 | - <p class="lead fw-normal text-muted mb-0"><foodcost8></foodcost8></p> | ||
209 | </div> | 153 | </div> |
210 | </div> | 154 | </div> |
211 | </section> | 155 | </section> | ... | ... |
-
Please register or login to post a comment