home.html

<ons-page id="home-page">
    <ons-card>
        <h2 class="title">流山テイクアウトマップ <small>by Code for NAGAREYAMA</small></h2>
        <div class="content">
            <div style="margin-bottom:20px;">
                流山のテイクアウトできるお店をご紹介しています！お家でお店の味を楽しもう
            </div>
            <div class="home_image_center">
                <img src="ogp.png" width="50%">
            </div>
        </div>
    </ons-card>

    <ons-card>
        <div class="content">
            アクセスありがとうございます。
            <ul style="list-style-type: square;">
                <li>みなさんからの情報提供を元に、地域のお店のテイクアクトやお弁当情報を追加/更新しています。</li>
                <li>テイクアウトして美味しい地域を応援しませんか。</li>
            </ul>
        </div>
    </ons-card>

    <ons-card>
        <div class="content">
            <b>＜運営主体＞</b>流山テイクアウトマッププロジェクト<br>
            <b>＜協力＞</b> Code for NAGAREYAMA
        </div>
    </ons-card>

    <style>
        .home_image_center {
            max-width: 60%;
            margin: 0 auto;
            text-align:center;
            border: 1px;
        }

        /*
        .disp-block {
            display: block;
        }
        .blockcenter{
            margin-left: auto;
            margin-right: auto;
            border: 1px solid #999;
        }
        */
        /*
        ul {
            list-style-type: square;
        }
         */
    </style>

</ons-page>