BOX-SERVICE.html

última modificação 05/11/2025 18h14

text/html BOX-SERVICE.html — 4 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">
    <script type="text/javascript" src="https://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=FSPB_Scb-pGD70d6BopFC9MwmSjaYOAoJHPqBenM34vc02OzU6cmzyhXB1fVCW-IZkCxP4rza6jLHG8kf1rezaQwPacCHjN_MIJmrCVwAshctdCQXCa9wROR9ffyFZDK3CEizGqpeKy_KpLgSSE_AXlHbVInYP76lGYz33TdLPqgvvJ-6fvzddA73ccG5otb0EbBr4RgKPoSxOPL9rAq6g" charset="UTF-8"></script><link rel="stylesheet" crossorigin="anonymous" href="https://gc.kis.v2.scr.kaspersky-labs.com/E3E8934C-235A-4B0E-825A-35A08381A191/abn/main.css?attr=aHR0cHM6Ly91Zm9iLmVkdS5ici9hLXVmb2IvZXN0cnV0dXJhL2RpcmV0b3JpYXMvZGlyY29tL2JveC1zZXJ2aWNlLmh0bWwvQEBlZGl0LyUyMCUyMHdpZGdldCUyMCUyMGZvcm0ud2lkZ2V0cy5maWxlL0BAZG93bmxvYWQvQk9YLVNFUlZJQ0UuaHRtbA"/><script type="text/javascript" src="https://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=mGpql7Ui-C7ge2YEeE8b5450N1UAk6dtu_qGArcRwqDkI2rcDKEnduHdSVSpozH3pfq9oG_a6YusBOezH7an5Je7No-Qx2hbAhD0DskEvxKUdLAGzS2y2CCKdpHH3P1o2v2WMxC95sYYugJ9_M094pIQkWw9-UTfMK8vWSjZ35L6buA8uLJTLcBh1J8_thzTUtntBVgk058bBnaoJkv9yg" charset="UTF-8"></script><link rel="stylesheet" crossorigin="anonymous" href="https://gc.kis.v2.scr.kaspersky-labs.com/E3E8934C-235A-4B0E-825A-35A08381A191/abn/main.css?attr=aHR0cHM6Ly91Zm9iLmVkdS5ici9hLXVmb2IvZXN0cnV0dXJhL2RpcmV0b3JpYXMvZGlyY29tL2JveC1zZXJ2aWNlLmh0bWwvQEBlZGl0LyUyMCUyMHdpZGdldCUyMCUyMGZvcm0ud2lkZ2V0cy5maWxlL0BAZG93bmxvYWQvQk9YLVNFUlZJQ0UuaHRtbA"/><style type="text/css">
	

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

.box-services {
	margin-bottom: 20px;
	font-family: 'Lato', sans-serif;
  	font-size: 14px;
  	line-height: 20px;
  	color: #282828;
	
}
.box-services .grid-col {
	float: left;
	width: 24.96%;
	background: #fff;
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	border-color: #d1e9e5;
	text-align: center;
	transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
}
.box-services .grid-layout:last-child .grid-col {
	border-width: 1px 0px 1px 1px;
}
.box-services .grid-layout:last-child .grid-col.grid-lastcol {
	border-width: 1px;
}
.box-services .grid-col.grid-lastcol {
	border-width: 1px 1px 0px 1px;
}
.box-services .grid-col .box-content {
	padding: 55px 20px 45px;
	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: #0c5749;
}
.box-services .grid-col :hover i, 
.box-services .grid-col:hover .intro-heading  {
	color: #f2f2f2;
}
.box-services .grid-col i {
	font-size: 30px;
	color: #0c5749;
	margin: 0;
}
.box-services .grid-col .intro-heading {
	color: #0c5749;
	font-size: 15px;
	font-weight: bold;
}

</style>
    <script src="js/slider-script.js" defer></script>
</head>
<body>
    <div class="box-services">
		<div class="grid-layout grid1 grid-layout4 clearafter">
			<div class="grid-col">
				<div class="grid-col_inner">
					<a href="https://docs.google.com/forms/d/e/1FAIpQLScKxIMczQKiPfFx_wXj8pYjtGc2asiYFU8GxLZULR8NvCfsGQ/viewform" target="_blank" class="box-content"> 
					<i class="fa-solid fa-pencil"></i>
					</a>
					<h3 class="intro-heading">Artes e Textos</h3>
				</div>
			</div>
			<div class="grid-col">
				<div class="grid-col_inner">
					<a href="https://docs.google.com/forms/d/1NjYDLnLCkcP2LB95rfDEav08HFXu0GKfTxNu1LsUjHo/" target="_blank" class="box-content"> 
					<i class="fa fa-camera-retro"></i>
					</a>
					<h3 class="intro-heading">Cobertura Fotográfica</h3>
				</div>
			</div>
			<div class="grid-col">
				<div class="grid-col_inner">
					<a href="https://ufob.edu.br/a-ufob/estrutura/diretorias/dircom/divulgacao-cientifica" target="_blank" class="box-content"> 
					<i class="fa-solid fa-microscope"></i>
					</a>
					<h3 class="intro-heading">Divulgação Científica</h3>
				</div>
			</div>
			<div class="grid-col grid-lastcol">
				<div class="grid-col_inner">
					<a href="https://docs.google.com/forms/d/e/1FAIpQLSdpVHL2cOR-Q80ra7bmP9LNUBFwnqgpaThMMc-BBVTCEwkIqA/viewform" target="_blank" class="box-content"> 
					<i class="fa-solid fa-calendar-check"></i>
					</a>
					<h3 class="intro-heading">Eventos</h3>
				</div>
			</div>
		</div>
	</div>


</body>
</html>