会員限定コンテンツの記述例

contents.html

<div class="row">
    <div class="col-xs-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3>会員限定動画</h3>
            </div>
            <div class="panel-body">
                <p>
                    お知らせ
                    <br> お知らせ
                    <br> お知らせ
                    <br> お知らせ
                    <br>
                </p>

                <div class="row">
                    <div class="col-sm-6">
                        <div class="thumbnail" style="min-height: 420px;">
                            <div class="embed-responsive embed-responsive-16by9">
                                <iframe width="560" height="315" src="https://www.youtube.com/embed/9wba_etmVLA" frameborder="0" allowfullscreen></iframe>
                            </div>
                            <div class="caption">
                                <h4>ソロストーブタイタン solo stove titan</h4>
                                <p>ソロストーブタイタンの箱開けから、点火、おつまみの調理まで。 ふじみ野ログハウスで撮影。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="thumbnail" style="min-height: 420px;">
                            <div class="embed-responsive embed-responsive-16by9">
                                <iframe width="560" height="315" src="https://www.youtube.com/embed/9wba_etmVLA" frameborder="0" allowfullscreen></iframe>
                            </div>
                            <div class="caption">
                                <h4>ソロストーブタイタン solo stove titan</h4>
                                <p>ソロストーブタイタンの箱開けから、点火、おつまみの調理まで。 ふじみ野ログハウスで撮影。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>