<!doctype html> <html lang="fr"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"> <link href="pdc-ico.svg" rel="icon"/> <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" rel="stylesheet"> <title> PDC Farm </title> <style> /* * Globals */ html, body { height: 100%; /*background-color: #333;*/ } body { display: flex; align-items: center; background-color: #f5f5f5; } .cover-container { width: 100%; max-width: 330px; padding: 15px; margin-top: 10em; } /*.cover {*/ /* padding: 0 1.5rem;*/ /*}*/ .cover .btn-lg { padding: .75rem 1.25rem; font-weight: 700; } .btn-lg { display: block; width: 100%; margin: 10px; color: #fff; background-color: #343a40; border-color: #343a40; padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; } /* * Footer */ /*.mastfoot {*/ /* color: rgba(255, 255, 255, .5);*/ /*}*/ </style> </head> <body class="text-center"> <div class="cover-container d-flex h-100 p-3 mx-auto flex-column"> <main class="inner cover" role="main"> <img class="mb-4" height="72" src="pdc-farm.svg" width="72"> <h1 class="h3 font-weight-normal my-5">Plan de Charge</h1> <p class="lead"> Les différentes instances de l'application hébergées à l'Irap: </p> <p class="lead"> <a class="btn btn-lg btn-secondary" href="https://plan-de-charges.irap.omp.eu/public/">Public</a> <a class="btn btn-lg btn-secondary" href="https://plan-de-charges.irap.omp.eu/irap/">Irap</a> </p> </main> <footer class="mt-5 mb-3 text-muted"> <p class="text-muted text-center"> Plan de Charge<br/> © 2021 IRAP </p> </footer> </div> </body> </html>