Blog posts

BlogsPosts.html

    <h1 class="text-center mt-4 blog-title-header">Posts</h1>
    <hr class="blog-title-separator" />
    <section class="blog-container">
        
      <!-- Cada post será um "article" e terá um post-id -->
      <article class="blog-post-container" data-post-id="1">
        <div class="row">
          <div class="blog-post-image col-3">
            <img src="https://bit.ly/2So2zvB"></img>
          </div>
          <div class="col-7">
            <div class="blog-post-title">Título do post 3</div>
            <div class="blog-post-body"> Esse é um teste de texto do blog, assim que o conteúdo vai aparecer</div>
          </div>
          <div class="col-2 d-flex align-items-center"> <!-- Botão de deletar que chama uma função -->
            <a style="color:white" class="btn btn-danger m-auto" onclick="DeletarPost(this)">X</a>
          </div>
        </div>
      </article>

    </section>