Untitled

<!doctype html>
<html>
<head>
    <title>Meta Box Demo Suite</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:700" rel="stylesheet">
    <style>
        body {
            text-align: center;
            margin: 100px 0;
            font: 18px/1.8 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
        }

        .wrapper {
            display: inline-block;
            padding: 40px 40px 20px;
            border: 1px solid #f0f0f0;
            border-radius: 3px;
            box-shadow: 0 20px 50px 5px rgba(0, 0, 0, .1);
        }

        .branding {
            display: flex;
            align-items: center;
        }

        .title {
            font: 36px "Roboto Slab", serif;
            margin: 0 0 0 10px;
        }

        .alert {
            padding: .5rem 1.25rem;
            margin-bottom: 1rem;
            border: 1px solid #bcdff1;
            border-radius: 3px;
            color: #31708f;
            background: #d9edf7;
            font-weight: bold;
            font-size: 16px;
        }

        form {
            text-align: left;
        }

        form > p {
            display: flex;
            align-items: center;
        }

        label {
            display: inline-block;
            font-weight: 600;
            min-width: 100px;
        }

        input {
            border: 1px solid #ddd;
            border-radius: 3px;
            padding: .75rem 1.25rem;
            flex: 1;
            font-size: 1rem;
        }

        .button {
            border: none;
            background: #3f3b54;
            font-size: 20px;
            transition: opacity .3s;
            color: #fff;
            cursor: pointer;
        }

        .button:hover {
            opacity: .85;
        }
    </style>
    <?php do_action( 'demo_head' ); ?>
</head>
<body>
<div class="wrapper">
    <div class="branding">
        <img class="logo" src="https://i1.wp.com/metabox.io/wp-content/uploads/2015/08/cropped-logo.png?fit=64%2C64&ssl=1">
        <h1 class="title">Meta Box Demo</h1>
    </div>
    <p class="alert">Username: <code>demo</code>, password: <code>demo</code></p>
    <?php
    wp_login_form( [
        'label_username' => 'Username',
        'label_password' => 'Password',
        'label_log_in'   => 'Log In',
        'remember'       => false,
        'redirect'       => admin_url( '/' ),
    ] );
    ?>
</div>
</body>
</html>