Layout

Estructura básica

A continuación se muestra la estructura mínina (layout) a las que deberán apegarse las aplicaciones. Las rutas a las hojas de estilos y scripts de JavaScript pueden variar según la estructura de carpetas utilizada en cada aplicación.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>App Name / Title</title>

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Favicon -->
    <link rel="shortcut icon" href="/assets/contpaqi/svg/isotype-day.svg">

    <!-- Required CSS -->
    <link rel="stylesheet" href="/fonts/fonts.css">
    <link rel="stylesheet" href="/icons/cti-icons.css">
    <link rel="stylesheet" href="/css/blue-heart.css">
  </head>

  <body>
    <div class="page-wrapper">
      <header class="fixed-top">
        <nav class="navbar navbar-expand-lg top-navbar">
          <!-- Content omitted for simplicity -->
        </nav>
      </header>

      <nav id="sidebar">
        <!-- Content omitted for simplicity -->
      </nav>

      <div class="content">
        <!-- Main Content -->
      </div>

      <nav class="navbar fixed-bottom bottom-navbar">
        <!-- Content omitted for simplicity -->
      </nav>
    </div>

    <!-- JavaScript -->
    <script type="text/javascript" src="/assets/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/assets/plugins/toastr/toastr.min.js"></script>
    <script type="text/javascript" src="/assets/contpaqi/js/main.js"></script>
  </body>
</html>