box-ingresso2.html

última modificação 30/09/2024 10h56

text/html box-ingresso2.html — 3 KB

Conteúdo do arquivo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BOX-SERVICE</title>
	<link rel= "stylesheet" href = "fontawesome/css/all.min.css">
	<link rel="stylesheet" type="text/css" href="++theme++layout-2024-1/fontawesome/css/all.min.css">
    <style type="text/css">
	

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.box-services {
	margin-bottom: 10px;
	margin-left: 20px;
	font-family: 'Raleway', sans-serif;
  	font-size: 20px;
  	/* line-height: 15px; */
  	color: #282828;
	
}
.box-services .grid-col {
	float: left;
	display: inline-flex;
	margin: 2px;
	width: 361px;
	background: #fff;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #0c5749;
	text-align: center;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.box-services .grid-layout:last-child .grid-col {
	border-width: 0px 1px 50px 1px;
}
.box-services .grid-layout:last-child .grid-col.grid-lastcol {
	border-width: 0px 1px 50px 1px;
}
.box-services .grid-col.grid-lastcol {
	border-width: 0px 0px 0px 0px;
}
.box-services .grid-col .box-content {
	padding: 0px 0px 0px;
	width: 100%;
	display: inline-block;
	transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.box-services .grid-col:hover {
	background: #cccccc;
}
.box-services .grid-col :hover i, 
.box-services .grid-col:hover .intro-heading  {
	color: #0c5749;
}
.box-services .grid-col i {
	font-size: 30px;
	color: #0c5749;
	margin: 0px;
}
.box-services .grid-col .intro-heading {
	color: #0c5749;
	font-size: 25px;
	font-weight: bold;
}

</style>
    
</head>
<body>
    <div class="box-services">
		<div class="grid-layout grid1 grid-layout4 clearafter">
			<div class="grid-col">
				<div class="grid-col_inner">
					<img src="https://ufob.edu.br/ingresso-1/img/icon_4.png">
					<a href="https://docs.google.com/forms/d/e/1FAIpQLScKxIMczQKiPfFx_wXj8pYjtGc2asiYFU8GxLZULR8NvCfsGQ/viewform" target="_blank" class="box-content">
					</a>
					<h3 class="intro-heading">Quando acontece a seleção para o SISU?</h3>
				</div>
			</div>
			<div class="grid-col">
				<div class="grid-col_inner">
					<img src="https://ufob.edu.br/ingresso-1/img/icon_5_1.png">
					<a href="https://docs.google.com/forms/d/1NjYDLnLCkcP2LB95rfDEav08HFXu0GKfTxNu1LsUjHo/" target="_blank" class="box-content">
					</a>
					<h3 class="intro-heading">Quais são as modalidades de cota?</h3>
				</div>
			</div>
			<div class="grid-col grid-lastcol">
				<div class="grid-col_inner">
					<img src="https://ufob.edu.br/ingresso-1/img/icon_6_1.png">
					<a href="https://docs.google.com/forms/d/e/1FAIpQLSeHtgdX2JdmMuUmDTtrwigi6ClYxrygWb5SIsxjmkS-RFpl4Q/viewform" target="_blank" class="box-content"> 
					</a>
					<h3 class="intro-heading">Quem precisa comprovar renda?</h3>
				</div>
			</div>				
		</div>
	</div>


</body>
</html>