index.html

---
layout: base
title: Para iniciantes
---
<div class="content limit nobg">
  <div class="box concept-box">
    <h1>Comece aqui</h1>
    <p>Informa&ccedil;&otilde;es b&aacute;sicas e important&iacute;ssimas para voc&ecirc; n&atilde;o se perder no caminho.</p>
    <a href="{{site.baseurl}}/manual/obasico/" class="btn">Continue lendo</a>
  </div>
  <div class="box html-box">
    <h1>O que &eacute; HTML?</h1>
    <p>Saiba como funciona o HTML e quais as suas principais tags.</p>
    <a href="{{site.baseurl}}/manual/html/" class="btn">Continue lendo</a>
  </div>
  <div class="box css-box">
    <h1>O que é CSS?</h1>
    <p>Entenda como funciona a linguagem visual que formata o layout de sites.</p>
    <a href="{{site.baseurl}}/manual/css/" class="btn">Continue lendo</a>
  </div>
  <div class="box js-box">
    <h1>O que é JavaScript?</h1>
    <p>Como funciona o JavaScript, linguagem usada para controlar elementos e muito mais.</p>
    <a href="{{site.baseurl}}/manual/js/" class="btn">Continue lendo</a>
  </div>
</div>

<article class="content limit">
  <h1>Sobre este guia</h1>
  <p>Este guia foi criado pela comunidade brasileira de desenvolvimento web para ajudar iniciantes da área que queiram encontrar conteúdo básico de qualidade e assim ingressar na área com mais confian&ccedil;a e conhecimento. Aproveite e divulgue o máximo possível!</p>
</article>