Maqueta corporativa

Pots crear una pàgina d'error, redirecció o aturada de servei fàcilment amb el següent HTML d'exemple: demo.

<!doctype html>
<html lang="ca">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Diputació de Barcelona</title>
    <link rel="icon" href="https://maqueta.diba.cat/v4/assets/dist/favicon.ico" crossorigin="anonymous">
    <link rel="preload" href="https://maqueta.diba.cat/v4/assets/fonts/diba/web/DiBaScreen-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="https://maqueta.diba.cat/v4/assets/dist/diba-bootstrap.min.css" crossorigin="anonymous">
    <meta name="theme-color" content="#992A38">
    <meta name="google-site-verification" content="eMMO_UMLIrFyD0LPZL5__ck81D7FQr0tTzbrEExOGlE">
</head>
<body class="d-flex flex-column min-vh-100">
    <div class="container">
        <div class="row py-4">
            <div class="col pt-1">
                <a href="https://diba.cat">
                    <img src="https://maqueta.diba.cat/v4/assets/img/logos/diba.svg" height="50" alt="Diputació de Barcelona" class="logo-md">
                </a>
            </div>
        </div>
        <main class="pb-4">
            <div class="text-center p-4 m-4">
                <p class="c-diba h4 mb-4">
                    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-exclamation-triangle-fill" viewBox="0 0 16 16">
                        <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2"/>
                    </svg>
                    Error del servidor.
                </p>
                <p class="text-muted">Mentrestant pots provar d'accedir als següents serveis:</p>
                <div class="list-group list-group-flush col-md-6 offset-md-3">
                    <a class="list-group-item list-group-item-action" href="https://diba.cat/">
                        Diba
                    </a>
                    <a class="list-group-item list-group-item-action" href="https://seuelectronica.diba.cat/">
                        Seu electrònica
                    </a>
                    <a class="list-group-item list-group-item-action" href="https://dibaaps.diba.cat/vus/login.asp">
                        Accés restringit
                    </a>
                </div>
            </div>
        </main>
    </div>
    <div class="container-fluid bottom-diba separador mt-auto">
        <footer class="p-4" id="region-main-footer">
            <div class="row my-3">
                <div class="col-12 text-center">
                    <address class="mb-0">Diputació de Barcelona. Rambla de Catalunya, 126. 08008 Barcelona. Tel. 934 022 222</address>
                </div>
            </div>
        </footer>
    </div>
</body>
</html>