leeseohyun(lee)

Modify layout and design of 'menu.ejs'

......@@ -40,24 +40,22 @@
<h2 class="fw-bolder">추천메뉴</h2>
<p class="lead fw-normal text-muted mb-5">Recommend the menu you can eat at the rest stop</p>
</div>
<center><hr style ="height:2px; width: 55%"></hr></center>
<div class="row gx-5 row-cols-1 row-cols-sm-2 row-cols-xl-4 justify-content-center">
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="https://dummyimage.com/150x150/ced4da/6c757d" alt="..." />
<h5 class="fw-bolder"><recommend1></recommend1></h5>
<div class="fst-italic text-muted"><rec1></rec1></div>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="https://dummyimage.com/150x150/ced4da/6c757d" alt="..." />
<h5 class="fw-bolder"><recommend2></recommend2></h5>
<div class="fst-italic text-muted"><rec2></rec2></div>
</div>
</div>
<div class="col mb-5 mb-5 mb-sm-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="https://dummyimage.com/150x150/ced4da/6c757d" alt="..." />
<h5 class="fw-bolder"><recommend3></recommend3></h5>
<div class="fst-italic text-muted"><rec3></rec3></div>
</div>
......@@ -68,147 +66,93 @@
</div>
</section>
<!--menu1-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu1></menu1></h4>
</div>
</section>
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname1></foodname1></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost1></foodcost1></p>
</div>
</div>
</section>
<!--menu2-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu2></menu2></h4>
</div>
</section>
<section class="py-5 bg-light" id="scroll-target">
<section class="py-5 bg-light">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname2></foodname2></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost2></foodcost2></p>
</div>
</div>
</section>
<!--menu3-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu3></menu3> </h4>
</div>
</section>
<h2 class="fw-bolder">전체메뉴</h2>
<p class="lead fw-normal text-muted mb-5">the menu you can eat at the rest stop</p>
</div>
<center><hr style ="height:2px; width: 55%"></hr></center>
<div class="row gx-5 row-cols-1 row-cols-sm-2 row-cols-xl-4 justify-content-center">
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname1></foodname1></h5>
<div class="fst-italic text-muted"><foodcost1></foodcost1></div>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname2></foodname2></h5>
<div class="fst-italic text-muted"><foodcost2></foodcost2></div>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname3></foodname3></h5>
<div class="fst-italic text-muted"><foodcost3></foodcost3></div>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname4></foodname4></h5>
<div class="fst-italic text-muted"><foodcost4></foodcost4></div>
</div>
</div>
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname3></foodname3></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost3></foodcost3></p>
</div>
</div>
</section>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder">&emsp;</h5>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder">&emsp;</h5>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder">&emsp;</h5>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder">&emsp;</h5>
</div>
</div>
<!--menu4-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu4></menu4></h4>
</div>
</section>
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname4></foodname4></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost4></foodcost4></p>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname5></foodname5></h5>
<div class="fst-italic text-muted"><foodcost5></foodcost5></div>
</div>
</div>
</div>
</section>
<!--menu5-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu5></menu5> </h4>
</div>
</section>
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname5></foodname5></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost5></foodcost5></p>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname6></foodname6></h5>
<div class="fst-italic text-muted"><foodcost6></foodcost6></div>
</div>
</div>
</div>
</section>
<!--menu6-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu6></menu6> </h4>
</div>
</section>
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname6></foodname6></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost6></foodcost6></p>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname7></foodname7></h5>
<div class="fst-italic text-muted"><foodcost7></foodcost7></div>
</div>
</div>
</div>
</section>
<!--menu7-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu7></menu7> </h4>
</div>
</section>
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname7></foodname7></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost7></foodcost6></p>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<h5 class="fw-bolder"><foodname8></foodname8></h5>
<div class="fst-italic text-muted"><foodcost8></foodcost8></div>
</div>
</div>
</div>
</section>
<!--menu8-->
<section class="py-3">
<div class="container px-0.1 my-0.1">
<div class="text-center">
<h4 class="fw-bolder"> <menu8></menu8> </h4>
</div>
</section>
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-2 my-2">
<div class="text-center">
<h2 class="fw-bolder"><foodname8></foodname8></h2>
<p class="lead fw-normal text-muted mb-0"><foodcost8></foodcost8></p>
</div>
</div>
</section>
</section>
</main>
<!-- Footer-->
......