BOX-SERVICE-2.html

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

text/html BOX-SERVICE-2.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-SERVICE2</title>
	<link rel="stylesheet" type="text/css" 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=vq0sDo2EJCfs8J4uUhy8pqrBiPC5xPwbF0D2TkFFGdD8avmlsLtxd5-9_9Lq6rxCPYNLJGMe69LVFnlZEYpLB6qlNk9BKlsmyvQCcINYTSida2LHRZOoi4KysvkNlooUeKZZluVdqzhZlESZfoTw8syB9xn0ytX6pw1DNF1ftrOc8ZyTw93rf-SatSRnmdqBkYA19rzAekczAmCaNTxle6ZldHBM1JbAlK8nsqvRm6w" 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=aHR0cHM6Ly91Zm9iLmVkdS5ici9hLXVmb2IvZXN0cnV0dXJhL2RpcmV0b3JpYXMvZGlyY29tL2JveC1zZXJ2aWNlLTIuaHRtbC9AQGVkaXQvJTIwJTIwd2lkZ2V0JTIwJTIwZm9ybS53aWRnZXRzLmZpbGUvQEBkb3dubG9hZC9CT1gtU0VSVklDRS0yLmh0bWw"/><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: #fff; /* Ícone e texto ficam brancos ao passar o mouse */
}

.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/1FAIpQLSeGVOeXJEUOiNnLagwhKC7RImJNXOxUeT0EcI3eTyKsSB6Bcw/viewform" target="_blank" class="box-content"> 
					<i class="fa-solid fa-newspaper"></i>
					</a>
					<h3 class="intro-heading">Atendimento à Imprensa</h3>
				</div>
			</div>
			<div class="grid-col">
				<div class="grid-col_inner">
					<a href="https://docs.google.com/forms/d/e/1FAIpQLSeHtgdX2JdmMuUmDTtrwigi6ClYxrygWb5SIsxjmkS-RFpl4Q/viewform" target="_blank" class="box-content"> 
					<i class="fa-solid fa-book"></i>
					</a>
					<h3 class="intro-heading">Divulgação de TCC</h3>
				</div>
			</div>
			<div class="grid-col">				
				<div class="grid-col_inner">
					<a href="https://drive.google.com/drive/folders/0B4O9MbFmihcyemJ0cDVaVUFvbEU?resourcekey=0-GwcKumdJQE7m77r2z3yLHQ" target="_blank" class="box-content"> <i class="fa-solid fa-download"></i>
					</a>
					<h3 class="intro-heading">Downloads</h3>
				</div>
			</div>
			<div class="grid-col grid-lastcol">
				<div class="grid-col_inner">
					<a href="https://ufob.edu.br/a-ufob/estrutura/diretorias/dircom/relatorios" target="_blank" class="box-content"> 
					<i class="fa-solid fa-indent"></i>
					</a>
					<h3 class="intro-heading">Relátorios e Clipagens</h3>
				</div>				
			</div>
		</div>
	</div>
</body>
</html>