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>