templates/base_out.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en" data-bs-theme="auto">
  3.     <head>
  4.         <link rel="canonical" href="https://getbootstrap.com/docs/5.3/examples/cheatsheet/">    
  5.         <script src="https://kit.fontawesome.com/db3c9f6c50.js" crossorigin="anonymous"></script>
  6.         <link href="{{ asset('styles/bootstrap.min.css') }}" rel="stylesheet">
  8.         <style>
  9.             .bd-placeholder-img {
  10.                 font-size: 1.125rem;
  11.                 text-anchor: middle;
  12.                 -webkit-user-select: none;
  13.                 -moz-user-select: none;
  14.                 user-select: none;
  15.             }
  17.             @media (min-width: 768px) {
  18.                 .bd-placeholder-img-lg {
  19.                 font-size: 3.5rem;
  20.                 }
  21.             }
  23.             .b-example-divider {
  24.                 width: 100%;
  25.                 height: 3rem;
  26.                 background-color: rgba(0, 0, 0, .1);
  27.                 border: solid rgba(0, 0, 0, .15);
  28.                 border-width: 1px 0;
  29.                 box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  30.             }
  32.             .b-example-vr {
  33.                 flex-shrink: 0;
  34.                 width: 1.5rem;
  35.                 height: 100vh;
  36.             }
  38.             .bi {
  39.                 vertical-align: -.125em;
  40.                 fill: currentColor;
  41.             }
  43.             .nav-scroller {
  44.                 position: relative;
  45.                 z-index: 2;
  46.                 height: 2.75rem;
  47.                 overflow-y: hidden;
  48.             }
  50.             .nav-scroller .nav {
  51.                 display: flex;
  52.                 flex-wrap: nowrap;
  53.                 padding-bottom: 1rem;
  54.                 margin-top: -1px;
  55.                 overflow-x: auto;
  56.                 text-align: center;
  57.                 white-space: nowrap;
  58.                 -webkit-overflow-scrolling: touch;
  59.             }
  61.             .btn-bd-primary {
  62.                 --bd-violet-bg: #712cf9;
  63.                 --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
  65.                 --bs-btn-font-weight: 600;
  66.                 --bs-btn-color: var(--bs-white);
  67.                 --bs-btn-bg: var(--bd-violet-bg);
  68.                 --bs-btn-border-color: var(--bd-violet-bg);
  69.                 --bs-btn-hover-color: var(--bs-white);
  70.                 --bs-btn-hover-bg: #6528e0;
  71.                 --bs-btn-hover-border-color: #6528e0;
  72.                 --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  73.                 --bs-btn-active-color: var(--bs-btn-hover-color);
  74.                 --bs-btn-active-bg: #5a23c8;
  75.                 --bs-btn-active-border-color: #5a23c8;
  76.             }
  77.             .bd-mode-toggle {
  78.                 z-index: 1500;
  79.             }
  80.             
  81.         </style>
  83.     
  84.         <link href="{{ asset('styles/cheatsheet.css') }}" rel="stylesheet">
  86.         {% block stylesheets %}
  87.             {{ encore_entry_link_tags('app') }}
  88.         {% endblock %}
  90.         {% block javascripts %}
  91.             {{ encore_entry_script_tags('app') }}
  92.         {% endblock %}
  95.     </head>
  96.     <body class="bg-body-tertiary">
  97.       <div class="container-fluid cabecera">
  98.             <div class="container" >
  99.                 <div id="logo">
  100.                     <div id="lineas">
  101.                         <div id="azul"></div>
  102.                         <div id="rojo"></div>
  103.                     </div>
  104.                     <span>Registro Nacional de Puntos de Cultura Comunitaria</span>
  105.                 </div>
  106.             </div>
  107.       </div>
  109.       <!-- n1: containers -->
  110.       <div class="container-fluid">
  112.         <!-- n2: User -->
  113.         <div class="container ">
  114.             <div class="row">
  115.                 <div class="col datos">
  116.                 </div>
  117.             </div>
  118.         </div>
  121.         <!-- n2: Content Principal -->
  122.         <div class="container" >
  123.           {% for type, messages in app.flashes %}
  124.                     {% for message in messages %}
  125.                         <div class="alert alert-{{type}} alert-dismissible fade show" role="alert">
  126.                           <strong>
  127.                                 {{type 
  128.                                     |replace(
  129.                                         {
  130.                                             'warning': '',
  131.                                             'success': '',
  132.                                             'danger': ''
  133.                                         }
  134.                                         ) 
  135.                                     | raw
  136.                                 }}
  137.                             </strong> 
  138.                             {{ message | raw }}
  139.                           <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  140.                         </div>
  141.                     
  142.                     {% endfor %}
  143.                 {% endfor %}
  145.           {% block body_all %}
  146.             <div class="row">
  147.               <div class="col-9">
  148.                 
  149.                 {% block body_c9 %}{% endblock %}
  150.                 <hr class="mt-4 mb-4">
  151.               </div>
  152.             
  153.               <!-- n2.2: Botonera Derecha -->
  154.               <div class="col-3">
  155.                 {% block body_c3 %}
  156.                 {% endblock %}
  157.               </div>  
  158.             </div>
  159.           {% endblock %}
  160.         </div>
  162.         <!-- n2: Footer -->
  163.         <div id="footer" style="margin-top:30px;">
  164.           <div class="container">
  165.           <a href="https://www.cultura.gob.cl/" target="_blank"><img id="logo-footer" src="{{ asset('img/mincap.png') }}" alt=""></a>
  166.           <p><strong><a href="https://www.cultura.gob.cl/" target="_blank">Ministerio de las Culturas, las Artes y el Patrimonio</a></strong><br>
  167.             <a href="https://www.gob.cl/" target="_blank">Gobierno de Chile</a><br>
  168.             Valparaíso: Plaza Sotomayor 233.<br>
  169.             Santiago: Paseo Ahumada 48, pisos 4, 5, 6, 7,8 y 11.<br>
  170.             Contáctanos: <a href="https://siac.cultura.gob.cl/formulariosiac" target="_blank">Formulario de atención ciudadana</a><br>
  171.             <a href="https://www.cultura.gob.cl/politica-de-privacidad/" target="_blank">Política de Privacidad </a>
  172.           </p>
  173.         </div>
  174.       </div>
  177.         
  180.       <script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
  182.       <script src="{{ asset('js/cheatsheet.js') }}"></script>
  184.       <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
  186.   
  187.       {% block javascript_end_body %}{% endblock %}
  188.       
  190.         
  192.     </body>
  193. </html>