freeCodeCamp/guide/portuguese/css/css-frameworks/css-framework-foundation/index.md

1.7 KiB

title localeTitle
CSS Framework Foundation Fundação do Quadro CSS

Fundação do Quadro CSS

Foundation é uma estrutura CSS móvel de código aberto criada pela Zurb .

Começando

Aqui está um modelo HTML simples que inclui as últimas CSS e Javascript compiladas e reduzidas para a biblioteca Foundation.


    <!DOCTYPE html> 
    <html lang="en"> 
      <head> 
        <meta charset="utf-8"> 
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <title>Foundation Template</title> 
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/foundation/6.2.1/foundation.min.css"> 
      </head> 
      <body> 
        <h1>Hello World</h1> 
        <!-- Add all HTML Code here --> 
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
        <script src="https://cdn.jsdelivr.net/foundation/6.2.1/foundation.min.js"></script> 
      </body> 
    </html> 

Este exemplo faz uso de um CDN que carrega as configurações padrão. Se você quiser personalizar o layout da grade, altere as cores ou adicione e remova os componentes que você pode fazer na página de download da Fundação.

Recursos de aprendizagem

  1. Documentação da Fundação
  2. Lista de Tutoriais Básicos
  3. Arquivos de origem de fundação no GitHub
  4. DevTips YouTube Series on Foundation Grid