161 lines
5.9 KiB
HTML
161 lines
5.9 KiB
HTML
<!--View Information-->
|
|
<!--View name : Restaurant-->
|
|
<!--State name : app.restaurant-->
|
|
<!--URL : #app/restaurant-->
|
|
|
|
<ion-view title="Material Restaurant">
|
|
<!--restaurant section-->
|
|
<ion-content id="restaurant">
|
|
<!--slider section-->
|
|
<ion-slide-box id="restaurant-slide-box" show-pager="false" active-slide="0">
|
|
<ion-slide class="slide-01">
|
|
<div class="content">
|
|
<h1>
|
|
Bakery Day
|
|
</h1>
|
|
|
|
<p>
|
|
40% Off Now!!
|
|
</p>
|
|
</div>
|
|
</ion-slide>
|
|
<ion-slide class="slide-02">
|
|
<div class="content">
|
|
<h1>
|
|
Bread Hour
|
|
</h1>
|
|
|
|
<p>
|
|
90% Off Now!!
|
|
</p>
|
|
</div>
|
|
</ion-slide>
|
|
<ion-slide class="slide-03">
|
|
<div class="content">
|
|
<h1>
|
|
CupCake Festival
|
|
</h1>
|
|
|
|
<p>
|
|
50% Off Friday
|
|
</p>
|
|
</div>
|
|
</ion-slide>
|
|
</ion-slide-box><!--end slider section-->
|
|
|
|
<!--restaurant content section-->
|
|
<div id="restaurant-content">
|
|
<div class="row ">
|
|
<div class="col promotions-header">
|
|
<h1>
|
|
<i class="fa fa-bullhorn"></i> Promotions
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
<!--product slide section-->
|
|
<ion-scroll direction="x" class="product-slide-list">
|
|
<div class="feed-list">
|
|
<div class="feed-item">
|
|
<div class="img-header" style="background-image: url('img/food_02.png')">
|
|
</div>
|
|
<div class="content">
|
|
SALE 50%
|
|
</div>
|
|
</div>
|
|
<div class="feed-item">
|
|
<div class="img-header" style="background-image: url('img/food_01.png')">
|
|
</div>
|
|
<div class="content">
|
|
SALE 90%
|
|
</div>
|
|
</div>
|
|
<div class="feed-item">
|
|
<div class="img-header" style="background-image: url('img/food_03.png')">
|
|
</div>
|
|
<div class="content">
|
|
SALE 70%
|
|
</div>
|
|
</div>
|
|
<div class="feed-item">
|
|
<div class="img-header" style="background-image: url('img/food_04.png')">
|
|
</div>
|
|
<div class="content">
|
|
SALE 60%
|
|
</div>
|
|
</div>
|
|
<div class="feed-item">
|
|
<div class="img-header" style="background-image: url('img/food_05.png')">
|
|
</div>
|
|
<div class="content">
|
|
SALE 30%
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ion-scroll>
|
|
<div class="row">
|
|
<div class="col menu-header">
|
|
<h1>
|
|
<i class="fa fa-spoon"></i> More Menu
|
|
</h1>
|
|
</div>
|
|
</div><!--end product slide section-->
|
|
|
|
<!--product slide section-->
|
|
<ion-scroll direction="x" class="product-slide-list">
|
|
<div class="feed-list">
|
|
<div class="feed-item">
|
|
<div class="img-header" style="background-image: url('img/food_07.png')">
|
|
</div>
|
|
<div class="content">
|
|
SALE 60%
|
|
</div>
|
|
</div>
|
|
<div class="feed-item">
|
|
<div class="img-header" style="background-image: url('img/food_08.png')">
|
|
</div>
|
|
<div class="content">
|
|
SALE 90%
|
|
</div>
|
|
</div>
|
|
<div class="feed-item">
|
|
<div class="img-header" style="background-image: url('img/food_09.png')">
|
|
</div>
|
|
<div class="content">
|
|
SALE 40%
|
|
</div>
|
|
</div>
|
|
<div class="feed-item">
|
|
<div class="img-header" style="background-image: url('img/food_06.png')">
|
|
</div>
|
|
<div class="content">
|
|
SALE 50%
|
|
</div>
|
|
</div>
|
|
<div class="feed-item">
|
|
<div class="img-header" style="background-image: url('img/food_10.png')">
|
|
</div>
|
|
<div class="content">
|
|
SALE 50%
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ion-scroll><!--end product slide section-->
|
|
|
|
<div class="row">
|
|
<div class="col menu-header">
|
|
<h1>
|
|
<i class="fa fa-inbox"></i> Reservation
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col menu-content-detail">
|
|
Reservation@material.com
|
|
<br/>
|
|
Thanks You.
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!--end restaurant content section-->
|
|
</ion-content><!--end restaurant section-->
|
|
</ion-view> |