ufobnumeros.html

última modificação 26/09/2024 11h36

text/html ufobnumeros.html — 3 KB

Conteúdo do arquivo

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

    <title>Números</title>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
        body {
            margin: 0;
            font-family: 'Raleway', sans-serif;
        }

        .header {
            font-family: 'Raleway', sans-serif;
            font-size: 40px;
            font-weight: 900;
            display: block;
            white-space: nowrap;
            text-align: center;
            color: #333;
            text-align: center;
            padding: 10px 0;
        }

        .numeros {
            padding: 0 0 20px 0;
            background-color: #fff;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }

        .row {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }

        .col-md-3 {
            flex: 0 0 21%;
            max-width: 30%;
            margin-bottom: 30px;
        }

        .titulo {
            font-family: 'Raleway', sans-serif;
            font-size: 40px;
            font-weight: 800;
            display: block;
            white-space: nowrap;
            text-align: center;
            color: #333;
        }

        .subtitulo {
            font-size: 19px;
            display: block;
            font-weight: 500;
            text-align: center;
            color: #666;
        }

        @media (max-width: 768px) {
            .col-md-3 {
                flex: 0 0 35%;
                max-width: 35%;
                margin-bottom: 10px;
            }
        }

        @media (max-width: 576px) {
            .col-md-3 {
                flex: 0 0 100%;
                max-width: 100%;
                margin-bottom: 30px;
            }
        }
    </style>
</head>
<body>
    <!-- <header class="header">
        <p>UFOB em Números</p>        
    </header>     -->
    <section class="numeros"></section>
	<div class="container">
		<div class="row">
			<div class="col-md-3"><span class="titulo">2495</span><span class="subtitulo">Egressos (as)</span></div>
			<div class="col-md-3"><span class="titulo">3791</span><span class="subtitulo">Estudantes</span></div>
			<div class="col-md-3"><span class="titulo">404</span><span class="subtitulo">Professores (as)</span></div>
			<div class="col-md-3"><span class="titulo">291</span><span class="subtitulo">Técnicos (as) Administrativos (as)</span></div>
			<div class="col-md-3"><span class="titulo">12395</span><span class="subtitulo">Títulos nas bibliotecas</span></div>
			<div class="col-md-3"><span class="titulo">110</span><span class="subtitulo">Laboratórios</span></div>
			<div class="col-md-3"><span class="titulo">30</span><span class="subtitulo">Cursos de graduação</span></div>
			<div class="col-md-3"><span class="titulo">10</span><span class="subtitulo">Cursos stricto sensu</span></div>		
	    </div>
    </section>
</body>
</html>
Voltar ao topo
Todo o conteúdo deste site está publicado sob a licença Creative Commons Atribuição-SemDerivações 3.0 Não Adaptada.