ufobnumeros.html
última modificação
26/09/2024 11h36
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>
Todo o conteúdo deste site está publicado sob a licença Creative Commons Atribuição-SemDerivações 3.0 Não Adaptada.