<!--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>