Skip to content
Snippets Groups Projects
Commit c267697c authored by Otto Zaiser's avatar Otto Zaiser
Browse files

Agregando menu al boilertemplate y agregando responsives

parent 9539feff
No related branches found
No related tags found
No related merge requests found
...@@ -19,14 +19,48 @@ ...@@ -19,14 +19,48 @@
<img id="logo" src="./dist/images/logo.svg" alt="Blockchain Federal Argentina"> <img id="logo" src="./dist/images/logo.svg" alt="Blockchain Federal Argentina">
</a> </a>
</div> </div>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div> </div>
<div id="navbar-collapse" class="navbar-collapse collapse">
<nav role="navigation" aria-labelledby="bfa-mainmenu">
<h2 class="sr-only" id="bfa-mainmenu">Navegación Principal</h2>
<ul class="menu nav navbar-nav navbar-right">
<li>
<a href="/" class="is-active">Inicio</a>
</li>
<li>
<a href="#" class="is-active">Item</a>
</li>
<li class="expanded dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">Submenu <span class="caret"></span></a>
<ul class="menu navbar-right dropdown-menu">
<li>
<a href="#">Subitem menu</a>
</li>
<li>
<a href="#">Subitem menu</a>
</li>
<li>
<a href="#">Subitem menu</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div> </div>
</nav> </nav>
<div class="diagonal-header"></div> <div class="diagonal-header"></div>
<main class="container" id="main-content"> <main class="container" id="main-content">
<!-- INSERT CONTENT HERE --> <!-- INSERT CONTENT HERE -->
</main> </main>
<!-- FOOTER A DISCRECIÓN DEL DESARROLLO --> <!-- FOOTER A DISCRECIÓN DEL DESARROLLO -->
<footer role="contentinfo"> <footer role="contentinfo">
...@@ -36,17 +70,21 @@ ...@@ -36,17 +70,21 @@
<div class="region region-footer"> <div class="region region-footer">
<section> <section>
<h2>Redes Sociales</h2> <h2>Redes Sociales</h2>
<div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"> <div
class="field field--name-body field--type-text-with-summary field--label-hidden field--item">
<ul> <ul>
<!-- No disponible por decisión de Comunicación. <!-- No disponible por decisión de Comunicación.
<li><a href="https://www.facebook.com/bfa.ar" target="_blank"><i class="fab fa-facebook-f fa-2x" <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> --> 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" <li><a href="https://www.twitter.com/bfa_ar" target="_blank"><i
aria-hidden="true"></i><span class="sr-only">Twitter</span></a></li> class="fab fa-twitter fa-2x" aria-hidden="true"></i><span
<li><a href="https://www.instagram.com/bfa_ar" target="_blank"><i class="fab fa-instagram fa-2x" class="sr-only">Twitter</span></a></li>
aria-hidden="true"></i><span class="sr-only">Instagram</span></a></li> <li><a href="https://www.instagram.com/bfa_ar" target="_blank"><i
<li><a href="https://www.linkedin.com/company/bfar/" target="_blank"><i class="fab fa-linkedin-in fa-2x" class="fab fa-instagram fa-2x" aria-hidden="true"></i><span
aria-hidden="true"></i><span class="sr-only">Linkedin</span></a></li> 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> </ul>
<p class="font_small">Blockchain Federal Argentina</p> <p class="font_small">Blockchain Federal Argentina</p>
</div> </div>
...@@ -60,5 +98,4 @@ ...@@ -60,5 +98,4 @@
<script src="./dist/js/vendor.js"></script> <script src="./dist/js/vendor.js"></script>
<script src="./dist/js/main.js"></script> <script src="./dist/js/main.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
This diff is collapsed.
...@@ -8,6 +8,7 @@ body { ...@@ -8,6 +8,7 @@ body {
line-height: 1.45; line-height: 1.45;
color: $tipo; color: $tipo;
margin-top: 0; margin-top: 0;
min-width: 300px;
} }
.alert{ .alert{
display: none; display: none;
......
...@@ -238,7 +238,7 @@ ...@@ -238,7 +238,7 @@
} }
.menu{ .menu{
margin-top: 25px; // margin-top: 25px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment