Ultimos Posts

<!-- INICIO MAIN -->
  <main>
    <!-- INICIO ULTIMOS POSTS -->
    <section>
      <div class='ultimos-posts'>
        <div class='container'>
          <div class='d-flex'>

            <h2>Últimos Posts</h2>

            <ul>
              <div class="d-flex">
                <div class="destaque">
                  <li>
                    <img class="bg" src="img/bg-git.jpg" alt="profile-sample2" />
                    <figcaption>
                      <h3>Git & Github: O que é? Por que? Como iniciar com versionamento?</h3>

                      <div class="autor-destaque">
                        <div class="d-flex">
                          <div class="foto-autor">
                            <img src="img/avatar.png" alt="Foto do Autor">
                          </div><!-- /foto-autor -->

                          <div class="sobre-autor">
                            <p>Diego Fernandes</p>
                            <span>CTO - Rocketseat</span>
                          </div><!-- /sobre-autor -->
                        </div><!-- /d-flex -->
                      </div><!-- /autor-destaque -->

                    </figcaption>
                    <a href="#"></a>
                  </li>
                </div><!-- /destaque -->

                <div class="sub-itens">
                  <li>
                    <a href="#">
                      <p>PWA: O que é? Vale a pena? Quando utilizar?</p>
                      <span>Diego Fernandes</span>
                    </a>
                  </li>

                  <li>
                    <a href="#">
                      <p>Criando template de React Native para novos projetos</p>
                      <span>Diego Fernandes</span>
                    </a>
                  </li>

                  <li>
                    <a href="#">
                      <p>Context API do React 16.3.0 e métodos de ciclo de vida</p>
                      <span>Diego Fernandes</span>
                    </a>
                  </li>

                  <li>
                    <a href="#">
                      <p>Git & Github: O que é? Por que? Como iniciar com versionamento?</p>
                      <span>Diego Fernandes</span>
                    </a>
                  </li>
                </div><!-- /sub-itens -->
              </div><!-- /d-flex -->
            </ul>

          </div><!-- /d-flex -->
        </div><!-- /container -->
      </div><!-- /ultimos-posts -->
    </section>
    <!-- FIM ULTIMOS POSTS -->
    
    </main>
<!-- FIM MAIN -->