Style Guide

Acordeon

This is the first item’s accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It’s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second item’s accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It’s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item’s accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It’s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Button


<a href="#">
	<button class="igc-btn">Botão Padrão</button>
</a>

Button Secundário


<a href="#">
	<button class="igc-btn-alt">Botão Padrão</button>
</a>

Button Light


<a href="#">
	<button class="igc-btn-light">Botão Padrão</button>
</a>

Button Light G


<a href="#">
	<button class="igc-btn-light-g">Botão Padrão</button>
</a>

Box Padrão

Box Header

Mussum Ipsum, cacilds vidis litro abertis. Viva Forevis aptent taciti sociosqu ad litora torquent. Cevadis im ampola pa arma uma pindureta. Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo! Per aumento de cachacis, eu reclamis.


<div class="col-4">
	<a href="" class="no-a-decoration">
		<div class="igc-box">
			<div class="igc-box-h">Box Header</div>
			<div class="igc-box-img"></div>
			<div class="igc-box-f">TEXTO TEXTO.</div>
		</div>
	</a>
</div>

Box Light

Box Header

Nome do usuário link

(31) 3409-5425

e-mail: tularuchkys@yahoo.com.br

						
<div class="container">
	<div class="row">
		<div class="col-4">
			<div class="igc-box-light">
				<div class="igc-box-light-h">Box Header</div>
				<div class="igc-box-light-f">
					<a href="#">
						<p>Nome do usuário link</p>
					</a>
					<p>(31) 3409-5425</p>
					<p><strong>e-mail:</strong> tularuchkys@yahoo.com.br</p>
				</div>
			</div>
		</div>
	</div>
</div>

Calendar Box

10
Out

Concurso Público: Professor Adjunto do Departamento de Geologia - Edital 1640/2021