<!--View Information-->
<!--View name : Cloth Shop-->
<!--State name : app.clothShop-->
<!--URL : #app/clothShop-->

<ion-view title="Material Store">
    <!--cloth shop section-->
    <ion-content id="cloth-shop-content">

        <!--toolbar section-->
        <md-toolbar class="bar-subheader md-tall md-primary toolbar-medium toolbar-in-content">
            <div>
                <h1>SALE 40% OFF</h1>

                <h2>Order Now !!</h2>

                <h2>
                    <i class="fa fa-star"></i>
                    <i class="fa fa-star"></i>
                    <i class="fa fa-star"></i>
                    <i class="fa fa-star"></i>
                    <i class="fa fa-star"></i>
                </h2>
            </div>
        </md-toolbar><!--end toolbar section-->

        <!--product list content-->
        <div id="product-list" class="row">

            <div class="col">
                <div class="cube-item" style="background-image: url(img/shirt_01.png);">
                    <h1>
                        Plain Shirt
                    </h1>

                    <p>
                        A shirt with pain design.
                    </p>
                </div>
                <div class="cube-item" style="background-image: url(img/shirt_03.png);">
                    <h1>
                        Spring Shirt
                    </h1>

                    <p>
                        A shirt with Spring design.
                    </p>
                </div>
                <div class="cube-item" style="background-image: url(img/shirt_05.png);">
                    <h1>
                        Plain Shirt
                    </h1>

                    <p>
                        A shirt with pain design.
                    </p>
                </div>
                <div class="cube-item" style="background-image: url(img/shirt_02.png);">
                    <h1>
                        Spring Shirt
                    </h1>

                    <p>
                        A shirt with spring design.
                    </p>
                </div>
                <div class="cube-item" style="background-image: url(img/shirt_04.png);">
                    <h1>
                        Spring Shirt
                    </h1>

                    <p>
                        A shirt with spring design.
                    </p>
                </div>
                <div class="cube-item" style="background-image: url(img/shirt_02.png);">
                    <h1>
                        Plain Shirt
                    </h1>

                    <p>
                        A shirt with pain design.
                    </p>
                </div>
            </div>

            <div class="col">
                <div class="cube-item" style="background-image: url(img/shirt_02.png);">
                    <h1>
                        Spring Shirt
                    </h1>

                    <p>
                        A shirt with spring design.
                    </p>
                </div>
                <div class="cube-item" style="background-image: url(img/shirt_04.png);">
                    <h1>
                        Spring Shirt
                    </h1>

                    <p>
                        A shirt with spring design.
                    </p>
                </div>
                <div class="cube-item" style="background-image: url(img/shirt_02.png);">
                    <h1>
                        Plain Shirt
                    </h1>

                    <p>
                        A shirt with pain design.
                    </p>
                </div>
                <div class="cube-item" style="background-image: url(img/shirt_01.png);">
                    <h1>
                        Plain Shirt
                    </h1>

                    <p>
                        A shirt with pain design.
                    </p>
                </div>
                <div class="cube-item" style="background-image: url(img/shirt_03.png);">
                    <h1>
                        Spring Shirt
                    </h1>

                    <p>
                        A shirt with Spring design.
                    </p>
                </div>
                <div class="cube-item" style="background-image: url(img/shirt_05.png);">
                    <h1>
                        Plain Shirt
                    </h1>

                    <p>
                        A shirt with pain design.
                    </p>
                </div>
            </div>
        </div><!--end product list content-->
    </ion-content><!--end cloth shop section-->

</ion-view>