ufobnumeros.html

última modificação 20/12/2024 07h46

text/html ufobnumeros.html — 4 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>
    <script type="text/javascript" src="https://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=crsIH1smeFVWbJ8XzwleWpyF3chbtgGRunhgUFMz8fIdBDE8KDNeaJe-GleMwCjkBubJuuz_A63Y1QWeE1ePs8ljKw9_SQqOuFbFmdRhNfBpQGA1w-ZKZdcyLp3vkthKi9yszTMmnsU3GSmDruoa_M6-aFrFy1JKzpRzSG7YwQ5LCR7fKEdA_yVMijHHJe9c" 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=aHR0cHM6Ly91Zm9iLmVkdS5ici9udW1lcm9zL3Vmb2JudW1lcm9zLmh0bWwvQEBlZGl0LyUyMCUyMHdpZGdldCUyMCUyMGZvcm0ud2lkZ2V0cy5maWxlL0BAZG93bmxvYWQvdWZvYm51bWVyb3MuaHRtbA"/><script type="text/javascript" src="https://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=B5rCR-JpIKgQW6BRkufRQa7fnkIM_h22kz_uH5eHe-R7hJJZtEBCccp22qvGEiZMFCShbW1k9VOlnxl-2PUH4uUcwC75F7h9Y5_aqo-L75E89fsT0JBnf9lNYha4WgGXbWjU1CnwvT3HmIJkn67BPLo0gggZH7XXjC_jQxz_qib96N_F-thXE75vIL5YbmRZ" 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=aHR0cHM6Ly91Zm9iLmVkdS5ici9udW1lcm9zL3Vmb2JudW1lcm9zLmh0bWwvQEBlZGl0LyUyMCUyMHdpZGdldCUyMCUyMGZvcm0ud2lkZ2V0cy5maWxlL0BAZG93bmxvYWQvdWZvYm51bWVyb3MuaHRtbA"/><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">2704</span><span class="subtitulo">Egressos (as)</span></div>
			<div class="col-md-3"><span class="titulo">3805</span><span class="subtitulo">Estudantes</span></div>
			<div class="col-md-3"><span class="titulo">361</span><span class="subtitulo">Professores (as)</span></div>
			<div class="col-md-3"><span class="titulo">258</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>