<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Login Form</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <style>
        body, html {
            margin: 0; padding: 0; height: 100%;
            display: flex; justify-content: center; align-items: center;
            background-color: rgb(23, 88, 135);
            font-family: Arial, sans-serif;
        }
        .form-container {
            display: flex; justify-content: center; align-items: center;
            height: 100%;
        }
        .login-form {
            width: 300px; padding: 20px;
            background-color: rgb(4, 80, 92);
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
            text-align: center;
            color: white;
        }
        .login-form img {
            width: 80px; margin-bottom: 10px;
        }
        .login-form h2 {
            margin: 0; padding: 10px 0;
            font-size: 20px;
        }
        .login-form input[type="text"],
        .login-form input[type="password"] {
            width: 100%; padding: 10px; margin: 10px 0;
            border: none; border-radius: 4px;
            box-sizing: border-box;
            font-size: 16px;
        }
        .login-form button {
            width: 100%; padding: 10px;
            background-color: #ff0055;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
        }
        .login-form button:hover {
            background-color: #e6004c;
        }
        .login-form .options {
            margin-top: 10px;
            font-size: 14px;
            color: #d1d1d1;
        }
        .login-form .options a {
            color: #ff0055;
            text-decoration: none;
        }
        .login-form .options a:hover {
            text-decoration: underline;
        }
        .error-message {
            color: red;
            font-size: 14px;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div class="form-container">
        <div class="login-form">
            <img src="https://l.top4top.io/p_3692ee6941.png" alt="Logo" />
            <h2>Login Form</h2>
                        <form method="post" autocomplete="off">
                <input type="text" name="username" placeholder="Username ..." required />
                <input type="password" name="password" placeholder="Password ..." required />
                <button type="submit">Sign in</button>
            </form>
            <div class="options">
                <label><input type="checkbox" /> Remember Me</label><br />
                <a href="#">Create Account</a> | <a href="#">Forget Password?</a>
            </div>
        </div>
    </div>
</body>
</htm<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://cafam.org.ar/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://cafam.org.ar/wp-sitemap-posts-post-1.xml</loc></sitemap><sitemap><loc>https://cafam.org.ar/wp-sitemap-posts-page-1.xml</loc></sitemap><sitemap><loc>https://cafam.org.ar/wp-sitemap-posts-portfolio-item-1.xml</loc></sitemap><sitemap><loc>https://cafam.org.ar/wp-sitemap-taxonomies-category-1.xml</loc></sitemap><sitemap><loc>https://cafam.org.ar/wp-sitemap-taxonomies-post_format-1.xml</loc></sitemap><sitemap><loc>https://cafam.org.ar/wp-sitemap-taxonomies-portfolio-category-1.xml</loc></sitemap><sitemap><loc>https://cafam.org.ar/wp-sitemap-taxonomies-portfolio-tag-1.xml</loc></sitemap><sitemap><loc>https://cafam.org.ar/wp-sitemap-taxonomies-testimonials-category-1.xml</loc></sitemap><sitemap><loc>https://cafam.org.ar/wp-sitemap-users-1.xml</loc></sitemap></sitemapindex>
