1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>@yield('title')</title>
- <!-- Styles -->
- <style>
- html, body {
- background-color: #fff;
- color: #636b6f;
- font-family: 'Nunito', sans-serif;
- font-weight: 100;
- height: 100vh;
- margin: 0;
- }
- .full-height {
- height: 100vh;
- }
- .flex-center {
- align-items: center;
- display: flex;
- justify-content: center;
- }
- .position-ref {
- position: relative;
- }
- .code {
- border-right: 2px solid;
- font-size: 26px;
- padding: 0 15px 0 15px;
- text-align: center;
- }
- .message {
- font-size: 18px;
- text-align: center;
- }
- </style>
- </head>
- <body>
- <div class="flex-center position-ref full-height">
- <div class="code">
- @yield('code')
- </div>
- <div class="message" style="padding: 10px;">
- @yield('message')
- </div>
- </div>
- </body>
- </html>
|