diff --git a/README.md b/README.md index 3a44434578555f7cc4a35309ec982d1291a53470..da9c504b8f1207694102bfadee3d8b99eebe0935 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,12 @@ # BFACSS -Base de CSS para la creación de sitios pertenecientes a Blockchain Federal Argentina. +Base de CSS para la creación de sitios pertenecientes a Blockchain Federal Argentina. Está basado en [Bootstrap] (v.3.3.7). En este repositorio podés descargar los archivos de BFACSS para trabajar de manera local. +## Template +El archivo 'boilertemplate.html' sirve como base para el markup para cualquier desarrollo. + ## Puesta en marcha Copiar toda la carpeta 'dist' en su proyecto. @@ -33,3 +36,4 @@ En la carpeta 'dist' están los archivos finales. * **"gulp deploy"** para compilar, minimizar y optimizar archivos [Node.js]: https://nodejs.org/en/ +[Bootstrap]: https://getbootstrap.com/docs/3.3/ diff --git a/boilertemplate.html b/boilertemplate.html new file mode 100644 index 0000000000000000000000000000000000000000..896b8c6b99fae9ca2b1d355376ac3fc619108d50 --- /dev/null +++ b/boilertemplate.html @@ -0,0 +1,63 @@ +<!DOCTYPE html> +<html lang="es-AR"> +<head> + <meta charset="utf-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <title>TITLENAME | Blockchain Federal Argentina</title> + <link rel="shortcut icon" href="favicon.ico" /> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="stylesheet" type="text/css" media="screen" href="./dist/css/vendor.css" /> + <link rel="stylesheet" type="text/css" media="screen" href="./dist/css/main.css" /> +</head> +<body> + <a href="#main-content" class="visually-hidden focusable skip-link">Pasar al contenido principal</a> + <nav id="navbar" role="banner" class="navbar navbar-default navbar-fixed-top navbar-content"> + <div class="container"> + <div class="navbar-header"> + <div class="region region-navigation"> + <a class="logo navbar-btn pull-left" href="https://bfa.ar/" rel="home"> + <img id="logo" src="./dist/images/logo.svg" alt="Blockchain Federal Argentina"> + </a> + </div> + </div> + </div> + </nav> + <div class="diagonal-header"></div> + <main class="container" id="main-content"> + + <!-- INSERT CONTENT HERE --> + + </main> + <!-- FOOTER A DISCRECIÓN DEL DESARROLLO --> + <footer role="contentinfo"> + <div class="container"> + <div class="row"> + <div class="col col-xs-12"> + <div class="region region-footer"> + <section> + <h2>Redes Sociales</h2> + <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"> + <ul> + <li><a href="https://www.facebook.com/bfa.ar" target="_blank"><i class="fab fa-facebook-f fa-2x" + aria-hidden="true"></i><span class="sr-only">Facebook</span></a></li> + <li><a href="https://www.twitter.com/bfa_ar" target="_blank"><i class="fab fa-twitter fa-2x" + aria-hidden="true"></i><span class="sr-only">Twitter</span></a></li> + <li><a href="https://www.instagram.com/bfa_ar" target="_blank"><i class="fab fa-instagram fa-2x" + aria-hidden="true"></i><span class="sr-only">Instagram</span></a></li> + <li><a href="https://www.linkedin.com/company/bfar/" target="_blank"><i class="fab fa-linkedin-in fa-2x" + aria-hidden="true"></i><span class="sr-only">Linkedin</span></a></li> + </ul> + <p class="font_small">Blockchain Federal Argentina</p> + </div> + </section> + </div> + </div> + </div> + </div> + </footer> + <!-- Placed at the end of the document so the pages load faster --> + <script src="./dist/js/vendor.js"></script> + <script src="./dist/js/main.js"></script> +</body> + +</html> \ No newline at end of file