Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Laravel</title>
- <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
- <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
- <style>
- html, body {
- background-color: #fff;
- color: #636b6f;
- font-family: 'Raleway', sans-serif;
- font-weight: 100;
- height: 100vh;
- margin: 0;
- }
- .full-height {
- height: 100vh;
- }
- .flex-center {
- align-items: center;
- display: block;
- justify-content: center;
- }
- .position-ref {
- position: relative;
- }
- </style>
- </head>
- <body>
- <div class="flex-center position-ref full-height">
- <div>
- <ul class="nav nav-tabs" role="tablist">
- <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
- <li role="presentation"><a href="#about" aria-controls="about" role="tab" data-toggle="tab">About</a></li>
- </ul>
- <div class="tab-content" style="height: 400px;">
- <div role="tabpanel" class="tab-pane active" id="home" style="height: 100%;">
- {!! Mapper::render()!!}
- </div>
- <div role="tabpanel" class="tab-pane" id="about">
- <p>About</p>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement