-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
c93042c
commit b7551ac
Showing
2 changed files
with
333 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,256 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="es"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
| <link rel="shortcut icon" href="https://www.buenosaires.gob.ar/sites/gcaba/files/favicon.png" type="image/png"> | ||
|
|
||
| <title>Plantillas GCBA</title> | ||
|
|
||
| <!-- Obelisco --> | ||
| <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet" /> | ||
| <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap" rel="stylesheet"> </link> | ||
| <link rel="stylesheet" href="./node_modules/@gcba/obelisco/dist/obelisco.css"> | ||
| <link href='https://unpkg.com/boxicons@2.0.9/css/boxicons.min.css' rel='stylesheet'> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <main> | ||
| <article class="pb-5 mb-4"> | ||
| <header class="pt-5 pb-5 mb-5 text-white bg-dark"> | ||
| <div class="container pt-1"> | ||
| <div class="row"> | ||
| <div class="col-12 col-lg-8"> | ||
| <div class="mt-2 pt-1"> | ||
| <h1 class="mb-3">Plantillas GCBA</h1> | ||
| <p class="lead">Las plantillas se crean en Obelisco como sus propios marcos extendidos, con sus componentes y complementos, documentación y herramientas de construcción.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </header> | ||
|
|
||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-12 col-lg-4 mb-4"> | ||
| <div class="group-access"> | ||
| <div class="card-access"> | ||
| <div class="card-access-body p-list reverse"> | ||
| <div> | ||
| <h3 class="card-access-title">Área de Gobierno</h3> | ||
| <p class="card-access-text">Plantillas</p> | ||
| </div> | ||
| <i class="bx bxs-buildings card-access-icon"></i> | ||
| </div> | ||
| <div class="container-access"> | ||
| <hr class="clearfix" /> | ||
| <div class="access-option"> | ||
| <h2 class="title-option">Primer nivel</h2> | ||
| <a href="./pagina_area/area_de_gobierno_1_nivel/op1.html" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Opción 1</span> | ||
| </a> | ||
| <a href="./pagina_area/area_de_gobierno_1_nivel/op2.html" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Opción 2</span> | ||
| </a> | ||
| <h2 class="title-option">Segundo nivel</h2> | ||
| <a href="./pagina_area/area_de_gobierno_2_nivel/op1.html" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Opción 1</span> | ||
| </a> | ||
| <a href="./pagina_area/area_de_gobierno_2_nivel/op2.html" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Opción 2</span> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-12 col-lg-4 mb-4"> | ||
| <div class="group-access"> | ||
| <div class="card-access"> | ||
| <div class="card-access-body p-list reverse"> | ||
| <div> | ||
| <h3 class="card-access-title">Formularios</h3> | ||
| <p class="card-access-text">Modelos de ejemplo</p> | ||
| </div> | ||
| <i class="bx bxs-spreadsheet card-access-icon"></i> | ||
| </div> | ||
| <div class="container-access"> | ||
| <hr class="clearfix" /> | ||
| <div class="access-option"> | ||
| <a href="./formularios/inscripcion/" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Inscripción</span> | ||
| </a> | ||
| <a href="./formularios/solicitud/" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Solicitud</span> | ||
| </a> | ||
| <a href="./formularios/trabaja_con_nosotros/" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Trabajá con nosotros</span> | ||
| </a> | ||
| <h2 class="title-option">Contacto</h2> | ||
| <a href="./formularios/contacto/adicciones.html" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Adicciones</span> | ||
| </a> | ||
| <a href="./formularios/contacto/sindicatura_general.html" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Sindicatura General</span> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-12 col-lg-4 mb-4"> | ||
| <div class="group-access"> | ||
| <div class="card-access"> | ||
| <div class="card-access-body p-list reverse"> | ||
| <div> | ||
| <h3 class="card-access-title">Institucional</h3> | ||
| <p class="card-access-text">Modelos de ejemplo</p> | ||
| </div> | ||
| <i class="bx bxs-school card-access-icon"></i> | ||
| </div> | ||
| <div class="container-access"> | ||
| <hr class="clearfix" /> | ||
| <div class="access-option"> | ||
| <a href="./institucional/op1.html" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Opción 1</span> | ||
| </a> | ||
| <a href="./institucional/op2.html" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Opción 2</span> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col-12 col-lg-4 mb-4"> | ||
| <div class="group-access"> | ||
| <div class="card-access"> | ||
| <div class="card-access-body p-list reverse"> | ||
| <div> | ||
| <h3 class="card-access-title">Noticias</h3> | ||
| <p class="card-access-text">Modelos de ejemplo</p> | ||
| </div> | ||
| <i class="bx bxs-message-detail card-access-icon"></i> | ||
| </div> | ||
| <div class="container-access"> | ||
| <hr class="clearfix" /> | ||
| <div class="access-option"> | ||
| <a href="./noticias/galeria.html" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Galería de imágenes</span> | ||
| </a> | ||
| <a href="./noticias/foco_en_accionable.html" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Foco en accionable</span> | ||
| </a> | ||
| <a href="./noticias/foco_en_texto.html" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Foco en texto</span> | ||
| </a> | ||
| <a href="./noticias/foco_en_video.html" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Foco en video</span> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-12 col-lg-4 mb-4"> | ||
| <div class="group-access"> | ||
| <div class="card-access"> | ||
| <div class="card-access-body p-list reverse"> | ||
| <div> | ||
| <h3 class="card-access-title">Página de Área</h3> | ||
| <p class="card-access-text">Modelos de ejemplo</p> | ||
| </div> | ||
| <i class="bx bxs-book-content card-access-icon"></i> | ||
| </div> | ||
| <div class="container-access"> | ||
| <hr class="clearfix" /> | ||
| <div class="access-option"> | ||
| <a href="./pagina_area/cultura/" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Cultura</span> | ||
| </a> | ||
| <a href="./pagina_area/educacion/" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Educación</span> | ||
| </a> | ||
| <a href="./pagina_area/justicia y seguridad/" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Justicia y Seguridad</span> | ||
| </a> | ||
| <a href="./pagina_area/museo/" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Museo</span> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="col-12 col-lg-4 mb-4"> | ||
| <div class="group-access"> | ||
| <div class="card-access"> | ||
| <div class="card-access-body p-list reverse"> | ||
| <div> | ||
| <h3 class="card-access-title">Página de Libro</h3> | ||
| <p class="card-access-text">Modelo de ejemplo</p> | ||
| </div> | ||
| <i class="bx bxs-book-open card-access-icon"></i> | ||
| </div> | ||
| <div class="container-access"> | ||
| <hr class="clearfix" /> | ||
| <div class="access-option"> | ||
| <a href="./pagina_libro/" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Opción 1</span> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col-12 col-lg-4 mb-4"> | ||
| <div class="group-access"> | ||
| <div class="card-access"> | ||
| <div class="card-access-body p-list reverse"> | ||
| <div> | ||
| <h3 class="card-access-title">Página Simple</h3> | ||
| <p class="card-access-text">Modelos de ejemplo</p> | ||
| </div> | ||
| <i class="bx bxs-bookmark card-access-icon"></i> | ||
| </div> | ||
| <div class="container-access"> | ||
| <hr class="clearfix" /> | ||
| <div class="access-option"> | ||
| <a href="./pagina_simple/pagina_simple_op1/opcion-1.html" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Opción 1</span> | ||
| </a> | ||
| <a href="./pagina_simple/pagina_simple_op2/" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Opción 2</span> | ||
| </a> | ||
| <a href="./pagina_simple/pagina_simple_op3/" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Opción 3</span> | ||
| </a> | ||
| <a href="./pagina_simple/pagina_simple_op4/" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Opción 4</span> | ||
| </a> | ||
| <a href="./pagina_simple/pagina_simple_op5/" target="_blank" class="list-group-item item-sm"> | ||
| <span class="access-title">Opción 5</span> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </article> | ||
| </main> | ||
|
|
||
|
|
||
| <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> | ||
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,77 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="es"> | ||
|
|
||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
| <link rel="shortcut icon" href="https://www.buenosaires.gob.ar/sites/gcaba/files/favicon.png" type="image/png"> | ||
|
|
||
| <!-- Obelisco --> | ||
| <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap" | ||
| rel="stylesheet" /> | ||
| <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap" rel="stylesheet"> | ||
| </link> | ||
| <link rel="stylesheet" href="./../../node_modules/@gcba/obelisco/dist/obelisco.css"> | ||
| <link href='https://unpkg.com/boxicons@2.0.9/css/boxicons.min.css' rel='stylesheet'> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <header class="navbar navbar-light navbar-md" id="header-obelisco"> | ||
| <div class="container"> | ||
| <a href="https://www.buenosaires.gob.ar/" class="navbar-brand"> | ||
| <img class="header-logo" src="../../assets/header/logoBA.svg" alt="Ciudad de Buenos Aires" /> | ||
| </a> | ||
| <div class="navbar-search d-responsive ml-auto"> | ||
| <form class="form-search form-search-sm"> | ||
| <div class="form-group"> | ||
| <input type="search" class="form-control form-control-sm input-search" id="header-search-example-1" | ||
| name="header-search" placeholder="Buscar..." aria-label="Ingrese su búsqueda" /> | ||
| <button class="reset" type="reset"></button> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| <button class="navbar-toggler collapsed ml-2" data-toggle="collapse" data-target="#navbarSupportedContent" | ||
| aria-controls="navbarSupportedContent" aria-expanded="false"> | ||
| Menú | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| <ul class="nav nav-pills"> | ||
| <li class="nav-item"> | ||
| <a href="../index.html" class="nav-link nav-link-sm active"> | ||
| <span>Inicio</span> | ||
| </a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a href="#" class="nav-link nav-link-sm"> | ||
| <span>Chateá con BOTI</span> | ||
| </a> | ||
| </li> | ||
| <li class="nav-item d-responsive"> | ||
| <div class="navbar-search"> | ||
| <form class="form-search form-search-sm"> | ||
| <div class="form-group"> | ||
| <input type="search" class="form-control form-control-sm input-search" id="header-search-example-2" | ||
| name="header-search" placeholder="Buscar..." aria-label="Ingrese su búsqueda" /> | ||
| <button class="reset" type="reset"></button> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a href="#" class="btn btn-link"><span>Accedé a tu cuenta</span></a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </header> | ||
|
|
||
|
|
||
| <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> | ||
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> | ||
| </body> | ||
|
|
||
| </html> |