Skip to content

Instantly share code, notes, and snippets.

Created March 6, 2020 19:55
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?
<!doctype html>
<html lang="es">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="{{env("APP_NAME")}}">
<meta name="author" content="Parzibyte">
<title>@yield("titulo") - {{env("APP_NAME")}}</title>
<link href="{{url("/css/bootstrap.min.css")}}" rel="stylesheet">
<link href="{{url("/css/all.min.css")}}" rel="stylesheet">
body {
padding-top: 70px;
/*Para la barra inferior fija*/
padding-bottom: 70px;
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<a class="navbar-brand" target="_blank" href="//">{{env("APP_NAME")}}</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
id="botonMenu" aria-label="Mostrar u ocultar menú">
<span class="navbar-toggler-icon"></span>
<div class="collapse navbar-collapse" id="menu">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="{{ route('login') }}">Login</a>
<li class="nav-item">
<a class="nav-link" href="{{ route('register') }}">
<li class="nav-item">
<a class="nav-link" href="{{route("home")}}">Inicio&nbsp;<i class="fa fa-home"></i></a>
<li class="nav-item">
<a class="nav-link" href="{{route("productos.index")}}">Productos&nbsp;<i class="fa fa-box"></i></a>
<li class="nav-item">
<a class="nav-link" href="{{route("vender.index")}}">Vender&nbsp;<i class="fa fa-cart-plus"></i></a>
<li class="nav-item">
<a class="nav-link" href="{{route("ventas.index")}}">Ventas&nbsp;<i class="fa fa-list"></i></a>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="{{route("logout")}}" class="nav-link">
Salir ({{ Auth::user()->name }})
<li class="nav-item">
<a class="nav-link" href="">Soporte&nbsp;<i
class="fa fa-hands-helping"></i></a>
<li class="nav-item">
<a class="nav-link" href="{{route("acerca_de")}}">Acerca de&nbsp;<i class="fa fa-info"></i></a>
<script type="text/javascript">
// Tomado de
document.addEventListener("DOMContentLoaded", () => {
const menu = document.querySelector("#menu"),
botonMenu = document.querySelector("#botonMenu");
if (menu) {
botonMenu.addEventListener("click", () => menu.classList.toggle("show"));
<main class="container-fluid">
<footer class="px-2 py-2 fixed-bottom bg-dark">
<span class="text-muted">Punto de venta en Laravel
<i class="fa fa-code text-white"></i>
<i class="fa fa-heart" style="color: #ff2b56;"></i>
<a class="text-white" href="//">Parzibyte</a>
<a target="_blank" class="text-white" href="//">
<i class="fab fa-github"></i>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment