Skip to content

Instantly share code, notes, and snippets.

@SalmanRavoof
Created August 20, 2019 07:38
Show Gist options
  • Select an option

  • Save SalmanRavoof/f45777c6363c17436225f8a256cf2664 to your computer and use it in GitHub Desktop.

Select an option

Save SalmanRavoof/f45777c6363c17436225f8a256cf2664 to your computer and use it in GitHub Desktop.
A simple test PHP file.
<html>
<head>
<title>PHP-Test</title>
</head>
<body>
<?php echo '<h1>Hello World!</h1><h3>Welcome to WPMU DEV</h3>'; ?>
</body>
</html>
@sachsono
Copy link

<title>Login - Dashboard</title> <style> body { margin: 0; padding: 0; height: 100vh; background-image: url("{{ asset('images/supernovabg.jpeg') }}"); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; }
    .login-container {
        background: rgba(255, 255, 255, 0.95);
        border-radius: 10px;
        padding: 2rem;
        width: 100%;
        max-width: 400px;
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    }

    .login-header {
        text-align: center;
        margin-bottom: 2rem;
    }

    .login-header img {
        width: 150px;
        margin-bottom: 1rem;
    }

    .login-header h4 {
        color: #333;
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }

    .form-label {
        color: #333;
        font-weight: 500;
        margin-bottom: 0.5rem;
    }

    .form-control {
        height: 45px;
        background-color: #f8f9fe;
        border: 1px solid #e1e4e8;
        border-radius: 5px;
        padding: 0.75rem 1rem;
        font-size: 14px;
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .form-text {
        color: #666;
        font-size: 12px;
        margin-bottom: 1rem;
    }

    .form-check {
        margin: 1rem 0;
    }

    .form-check-input {
        margin-right: 8px;
    }

    .form-check-label {
        color: #333;
        font-size: 14px;
    }

    .btn-submit {
        background-color: #4285f4;
        color: white;
        width: 100%;
        padding: 12px;
        border: none;
        border-radius: 5px;
        font-weight: 500;
        font-size: 16px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .btn-submit:hover {
        background-color: #3367d6;
    }

    .error-message {
        color: #dc3545;
        font-size: 13px;
        margin-top: 5px;
    }

    /* Hapus style default untuk input focus */
    .form-control:focus {
        box-shadow: none;
        border-color: #4285f4;
        background-color: #fff;
    }
</style>
Logo

LOGIN

                <form method="POST" action="{{ route('login') }}">
                    @csrf

                    <div class="mb-3">
                        <label for="email" class="form-label">Email address</label>
                        <input type="email" 
                               class="form-control @error('email') is-invalid @enderror" 
                               id="email"
                               name="email" 
                               value="{{ old('email') }}" 
                               required 
                               autocomplete="email" 
                               autofocus>
                        <div class="form-text">We'll never share your email with anyone else.</div>
                        @error('email')
                            <div class="error-message">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="password" class="form-label">Password</label>
                        <input type="password" 
                               class="form-control @error('password') is-invalid @enderror" 
                               id="password"
                               name="password" 
                               required 
                               autocomplete="current-password">
                        @error('password')
                            <div class="error-message">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-check">
                        <input class="form-check-input" 
                               type="checkbox" 
                               name="remember" 
                               id="remember" 
                               {{ old('remember') ? 'checked' : '' }}>
                        <label class="form-check-label" for="remember">
                            Check me out
                        </label>
                    </div>

                    <button type="submit" class="btn-submit">
                        Submit
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>

@nullray64
Copy link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment