Created
April 17, 2021 15:06
-
-
Save NandoKstroNet/8bd0f51709c268819d4526f4f8ab7688 to your computer and use it in GitHub Desktop.
Layout base painel Meus Eventos do curso Laravel Mastery em http://laravelmastery.com.br
This file contains hidden or 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
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <meta name="description" content=""> | |
| <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors"> | |
| <meta name="generator" content="Jekyll v4.0.1"> | |
| <title>@yield('title') Administrar Eventos</title> | |
| <link rel="canonical" href="http://127.0.0.1:8000"> | |
| <!-- Bootstrap core CSS --> | |
| <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"> | |
| <meta name="msapplication-config" content="/docs/4.5/assets/img/favicons/browserconfig.xml"> | |
| <meta name="theme-color" content="#563d7c"> | |
| <style> | |
| .bd-placeholder-img { | |
| font-size: 1.125rem; | |
| text-anchor: middle; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| } | |
| @media (min-width: 768px) { | |
| .bd-placeholder-img-lg { | |
| font-size: 3.5rem; | |
| } | |
| } | |
| </style> | |
| <!-- Custom styles for this template --> | |
| <style> | |
| body { | |
| font-size: .875rem; | |
| } | |
| .feather { | |
| width: 16px; | |
| height: 16px; | |
| vertical-align: text-bottom; | |
| } | |
| /* | |
| * Sidebar | |
| */ | |
| .sidebar { | |
| position: fixed; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 100; /* Behind the navbar */ | |
| padding: 48px 0 0; /* Height of navbar */ | |
| box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); | |
| } | |
| @media (max-width: 767.98px) { | |
| .sidebar { | |
| top: 5rem; | |
| } | |
| } | |
| .sidebar-sticky { | |
| position: relative; | |
| top: 0; | |
| height: calc(100vh - 48px); | |
| padding-top: .5rem; | |
| overflow-x: hidden; | |
| overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ | |
| } | |
| @supports ((position: -webkit-sticky) or (position: sticky)) { | |
| .sidebar-sticky { | |
| position: -webkit-sticky; | |
| position: sticky; | |
| } | |
| } | |
| .sidebar .nav-link { | |
| font-weight: 500; | |
| color: #333; | |
| } | |
| .sidebar .nav-link .feather { | |
| margin-right: 4px; | |
| color: #999; | |
| } | |
| .sidebar .nav-link.active { | |
| color: #007bff; | |
| } | |
| .sidebar .nav-link:hover .feather, | |
| .sidebar .nav-link.active .feather { | |
| color: inherit; | |
| } | |
| .sidebar-heading { | |
| font-size: .75rem; | |
| text-transform: uppercase; | |
| } | |
| /* | |
| * Navbar | |
| */ | |
| .navbar-brand { | |
| padding-top: .75rem; | |
| padding-bottom: .75rem; | |
| font-size: 1rem; | |
| background-color: rgba(0, 0, 0, .25); | |
| box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25); | |
| } | |
| .navbar .navbar-toggler { | |
| top: .25rem; | |
| right: 1rem; | |
| } | |
| .navbar .form-control { | |
| padding: .75rem 1rem; | |
| border-width: 0; | |
| border-radius: 0; | |
| } | |
| .form-control-dark { | |
| color: #fff; | |
| background-color: rgba(255, 255, 255, .1); | |
| border-color: rgba(255, 255, 255, .1); | |
| } | |
| .form-control-dark:focus { | |
| border-color: transparent; | |
| box-shadow: 0 0 0 3px rgba(255, 255, 255, .25); | |
| } | |
| </style> | |
| <!-- Custom styles for this template --> | |
| </head> | |
| <body> | |
| <nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow"> | |
| <a class="navbar-brand col-md-3 col-lg-2 mr-0 px-3" href="#">Meus Eventos</a> | |
| <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-toggle="collapse" data-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation"> | |
| <span class="navbar-toggler-icon"></span> | |
| </button> | |
| <ul class="navbar-nav px-3"> | |
| <li class="nav-item text-nowrap"> | |
| <a class="nav-link" href="#">Sair</a> | |
| </li> | |
| </ul> | |
| </nav> | |
| <div class="container-fluid"> | |
| <div class="row"> | |
| <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse"> | |
| <div class="sidebar-sticky pt-3"> | |
| <ul class="nav flex-column"> | |
| <li class="nav-item"> | |
| <a class="nav-link active" href="#"> | |
| <span data-feather="file"></span> | |
| Eventos | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </nav> | |
| <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4"> | |
| @yield('content') | |
| </main> | |
| </div> | |
| </div> | |
| <script | |
| src="https://code.jquery.com/jquery-3.6.0.min.js" | |
| integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" | |
| crossorigin="anonymous"></script> | |
| <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment