Rádio ANJ - Ouça: Pop Alemão

Mini Styleguide

Text Styles - Títulos

[h1] Mini Styleguide

[h2] Mini Styleguide

[h3] Mini Styleguide

[h4] Mini Styleguide

[h5] Mini Styleguide
[h6] Mini Styleguide

Text Styles - Highlights

Text Hightlights

Todos na torcida por esta amizade

Todos na torcida por esta amizade

Todos na torcida por esta amizade (centralizado)

Subtítulo com letra um pouco menor e mais delicada

Título de Seção

Headliner de Seção: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, unde recusandae sed at iusto, commodi! Voluptatum quos laboriosam, maxime aliquid.

Boxes

Placeholder
Equipe de Cycling garante vaga nas Olimpíadas
Placeholder
Histórias
Placeholder
Histórias

Blog

Placeholder
Equipe de Cycling garante vaga nas Olimpíadas

Central

Buttons

Clipping

Botão Azul Botão Amarelo Botão Verde Botão Vermelho

Normais

Botão Azul Botão Amarelo Botão Verde Botão Vermelho

Inputs

          
            
              {% import 'components/button.twig' as button %}

              {# Definição #}
              {% macro btn(color,class,text,link) %}
                <a href="{{link}}" type="button" class="btn btn-default btn-{{color}} {{class}}">{{text}}</a>  
              {% endmacro %}

              {# Utilização #}
              
              {# Import #}
              {% import 'components/button.twig' as button %}              
              
              {# Calls #}
              {{ button.btn('blue','btn-clip','Botão Teste Macro','http://www.google.com.br') }}
              {{ button.btn('green','btn-clip btn-block','Botão Full','http://www.google.com.br') }}      
            
          
        
Botão Teste Macro Botão Full