Este template pretende seguir, la "Guia de estandarización de imagen y aplicaciones graficas en sitios Web" del estado Plurinacional de Bolivia. Si bien se respeto toda la estructura básica, se hizo modificaciones en los tamaños, tanto de los elementos estructurales basicos (cabecera, cuerpo, banner lateral y pie de pagina), asi como tambien se modifico los elementos que se incluyen en cada uno de los anteriores (logos, iconos background, etc).
La guía no se refiere a la compativilidad de visialuzacion con dispositivos móviles, pero en esta implementación se la incluye utilizando el frameword de Frontend Bootstrap [getbootstrap.com/] y de esta forma haciendo Responsive.
Para la parte de iconografía, se esta utilizando FontAwesome [http://fontawesome.io/] ya que al tratarse de iconos basados en fuentes tipográficas, su peso es muy reducido y su manipulación / personalización es sencilla desde CSS.
[ACTUALIZACION] La "Guía de Estandares de imagen y aplicación gráfica en sitios Web" ya no se encuntra disponible en la última actualización de la página web de la ADSIB [https://adsib.gob.bo], pero se puede encontrar en otras fuentes:
-
Mi Plataforma http://www.miplataforma.gob.bo/uploads/marcolegal/ge-sw4b64e3d5.pdf
-
O también se puede verificar en una versión “guardada” de la página Web en archive.org http://web.archive.org/web/20160318211853/http://adsib.gob.bo/adsibnueva/guia.php
Varias opciones de inicio rápido están disponibles:
- Descarga la ultima version.
- Clonar el repositorio:
https://github.com/lvillasante/master-bolivia-template.git.
Dentro de la descarga se encuentran los siguientes directorios y archivos:
master-bolivia-template/
├── .gitignore
├── humans.txt
├── index.html
├── prepros.cfg
├── README.md
├── css/
│ ├── bootstrap.min.css
│ ├── font-awesome.min.css
│ ├── style.css
│ ├── style.css.map
├── fonts/
│ └── FontAwesome.otf
│ └── fontawesome-webfont.eot
│ └── fontawesome-webfont.svg
│ └── fontawesome-webfont.ttf
│ └── fontawesome-webfont.woff
│ └── fontawesome-webfont.woff2
├── images/
│ └── background.png
│ └── background_botonera.png
│ └── Bandera_Bolivia.png
│ └── banner_bolivia.jpg
│ └── banner_superior.png
│ └── banner1.jpg
│ └── banner2.jpg
│ └── banner3.jpg
│ └── botonera_principal.png
│ └── css3.png
│ └── down.gif
│ └── down2.png
│ └── escudo_boivia.jpg
│ └── escudo_boivia.gif
│ └── escudo_bolivia.jpg
│ └── espacio_marca.jpg
│ └── Excel.png
│ └── facebook.png
│ └── Fondo_Banner_Superior_.png
│ └── Fondo_Botonera_Lateral_de_Gobierno.png
│ └── Fondo_Botonera_Lateral_de_Interes.png
│ └── Fondo_Inferior.png
│ └── Fondo_Superior.png
│ └── glyphicons-halflings.png
│ └── glyphicons-halflings-white.png
│ └── home.png
│ └── linea_separadora.png
│ └── lupa.png
│ └── noimage.png
│ └── right.png
│ └── pdf.png
│ └── right.gif
│ └── rss.png
│ └── twitter.png
│ └── word.png
│ └── xhtml.png
│ └── youtube.png
├── js/
│ └── bolivia.js
│ └── bootstrap.min.js
│ └── jquery-1.12.4.min.js
├── scss/
│ └── _logo.scss
│ └── style.scss
- JQuery (https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js).
- Bootstrap (http://getbootstrap.com/).
- Fontawesome (http://fontawesome.io/).
Luis Villasante
[MIT license]