-
Notifications
You must be signed in to change notification settings - Fork 0
/
min.food-menu2.html
executable file
·1 lines (1 loc) · 1.5 KB
/
min.food-menu2.html
1
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=500"><meta name="author" content=""><meta name="description" content=""><meta name="keywords" content=""><title>JS Accordion</title><link href="https://fonts.googleapis.com/css?family=Vollkorn" rel="stylesheet"><link href="dist/bundle.min.css" rel="stylesheet"><script src="dist/bundle.min.js"></script><link href="favicon.ico" rel="shortcut icon" type="image/x-icon"></head><body><main><div class="row row-food background-white" data-aos="fade-up"><div class="grid-container no-padding-for-small-only"><div class="grid-x"><div class="cell medium-12" id="food-lunch"><div class="fluid-columns padding-top-60 padding-bottom-60 hide-for-small-only"><template v-for="(categoryItems, index) in items"><h4 class="heading-food">{{ index }}</h4><div class="food-body"><template v-for="item in categoryItems"><h5 class="title-food">{{ item.title }}</h5><p class="description-food">{{ item.description }}</p></template><br><br></div></template></div><div class="accordion accordion-items show-for-small-only"><template v-for="(categoryItems, index) in items"><h4 class="heading-accordion">{{ index }}</h4><div class="accordion-body"><div class="accordion-text"><template v-for="item in categoryItems"><h5 class="title-food">{{ item.title }}</h5><p class="description-food">{{ item.description }}</p></template></div><br><br></div></template></div></div></div></div></div></main></body></html>