Layout not displayed with post.content in Jekyll

When I build, Jekyll only display the post content without the layout. That is, it only inject the raw md/html post content and disregard completely the layout I attached to the article

here is my index.html

    ---
    layout: default
    ---

    {% for post in site.posts reversed %}
        {{ post.content }}
    {% endfor %}

my post layout

---
layout: none
---

    <div class="container">
        <div class="row first-row">
            <div class="col-sm-12">
                <div class="title-area">
                    <h2>{{ page.title }}</h2>
                    <p>{{ page.subtitle }}</p>
                </div>
                <div class="text-area">
                    {{ content }}
                </div>
            </div>
        </div>
    </div>

my post

---
layout: post
title: "test"
subtitle: "subtitle test"
---

Lorem ipsum