<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mortgage Loan Officer - Mass General Brigham | Job Opening</title>
    
    <!-- SEO Meta Tags -->
    <meta name="description" content="Join Mass General Brigham as a Mortgage Loan Officer in Huntsville, AL. $120,000 - $176,000. Apply now for this Freelance position.">
    <meta name="keywords" content="Mortgage Loan Officer, Mass General Brigham, jobs in Huntsville, AL, business jobs, career opportunities">
    <meta name="robots" content="index, follow">
    <meta name="author" content="Mass General Brigham">
    
    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="Mortgage Loan Officer - Mass General Brigham">
    <meta property="og:description" content="Join Mass General Brigham as a Mortgage Loan Officer in Huntsville, AL. $120,000 - $176,000. Apply now!">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://alusicoh.live/css/styles.css?v=.02">
    <meta property="og:site_name" content="Mass General Brigham Careers">
    
    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Mortgage Loan Officer - Mass General Brigham">
    <meta name="twitter:description" content="Join Mass General Brigham as a Mortgage Loan Officer in Huntsville, AL. $120,000 - $176,000. Apply now!">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://alusicoh.live/css/styles.css?v=.02">
    
    
    <!-- JobPosting Structured Data -->
    <script type="application/ld+json">
{
    "@context": "https://schema.org/",
    "@type": "JobPosting",
    "title": "Mortgage Loan Officer",
    "description": "We are looking for an experienced Mortgage Loan Officer to join our dynamic business team. This role involves strategic planning, process optimization, and driving key business initiatives that contribute to our company's growth and success. You will collaborate with various stakeholders across the organization to identify opportunities, analyze data, and implement solutions that improve operational efficiency and business outcomes.",
    "identifier": {
        "@type": "PropertyValue",
        "name": "Mass General Brigham",
        "value": "ad76a200d3914154b509d7ae48cfc1e4"
    },
    "datePosted": "2026-05-10",
    "validThrough": "2026-06-21",
    "employmentType": "CONTRACTOR",
    "hiringOrganization": {
        "@type": "Organization",
        "name": "Mass General Brigham",
        "sameAs": "https://www.example.com/mass-general-brigham"
    },
    "jobLocation": {
        "@type": "Place",
        "address": {
            "@type": "PostalAddress",
            "addressLocality": "Huntsville",
            "addressRegion": "AL",
            "addressCountry": "US"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": 39.8283,
            "longitude": -98.5795
        }
    },
    "baseSalary": {
        "@type": "MonetaryAmount",
        "currency": "USD",
        "value": {
            "@type": "QuantitativeValue",
            "minValue": 120000,
            "maxValue": 176000,
            "unitText": "YEAR"
        }
    },
    "experienceRequirements": "Executive",
    "skills": "Quality Assurance, CRM Software, GDPR, Illustrator, Budget Management, Figma, Operations Management",
    "workHours": "40 hours per week",
    "industry": "Business",
    "jobBenefits": "Commuter Benefits, Personal Days, Equipment Allowance, Catered Lunches, Adoption Leave, Paid Time Off, Home Office Setup, Kitchen Facilities, Employee of the Month"
}
    </script>
    
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poiret+One&family=Raleway:wght@300;400;600;800&display=swap');
        
        * { box-sizing: border-box; }
        
        body {
            font-family: 'Raleway', sans-serif;
            margin: 0;
            padding: 20px;
            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
            color: #ffffff;
            min-height: 100vh;
        }
        
        .job-posting {
            max-width: 900px;
            margin: 0 auto;
            background: linear-gradient(145deg, #2c2c54 0%, #40407a 100%);
            border: 3px solid #ffd700;
            border-radius: 15px;
            overflow: hidden;
            position: relative;
            box-shadow: 
                0 20px 40px rgba(0, 0, 0, 0.3),
                inset 0 0 0 1px rgba(255, 215, 0, 0.2);
        }
        
        .art-deco-border {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                repeating-linear-gradient(
                    0deg,
                    transparent 0px,
                    transparent 10px,
                    rgba(255, 215, 0, 0.1) 10px,
                    rgba(255, 215, 0, 0.1) 12px
                ),
                repeating-linear-gradient(
                    90deg,
                    transparent 0px,
                    transparent 10px,
                    rgba(255, 215, 0, 0.1) 10px,
                    rgba(255, 215, 0, 0.1) 12px
                );
            pointer-events: none;
        }
        
        .job-header {
            background: linear-gradient(135deg, #ffd700 0%, #ffb300 50%, #ff8f00 100%);
            color: #1a1a2e;
            text-align: center;
            padding: 50px 40px;
            position: relative;
            overflow: hidden;
        }
        
        .header-ornament {
            position: absolute;
            top: 10px;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 20px;
            background: repeating-linear-gradient(
                90deg,
                #1a1a2e 0px,
                #1a1a2e 5px,
                transparent 5px,
                transparent 15px
            );
        }
        
        .job-title {
            font-family: 'Poiret One', cursive;
            font-size: 3.5rem;
            font-weight: 400;
            margin: 20px 0 15px 0;
            text-transform: uppercase;
            letter-spacing: 3px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
            position: relative;
        }
        
        .job-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 150px;
            height: 3px;
            background: linear-gradient(90deg, transparent, #1a1a2e, transparent);
        }
        
        .company-name {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 10px;
            letter-spacing: 2px;
        }
        
        .location-badge {
            display: inline-block;
            background: rgba(26, 26, 46, 0.8);
            color: #ffd700;
            padding: 8px 20px;
            border-radius: 25px;
            font-size: 1rem;
            font-weight: 400;
            margin-top: 15px;
            border: 1px solid #ffd700;
        }
        
        .job-content {
            padding: 50px 40px;
            position: relative;
        }
        
        .geometric-divider {
            width: 100%;
            height: 40px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10'%3E%3Cpolygon points='0,0 25,10 50,0 75,10 100,0 100,10 0,10' fill='%23ffd700'/%3E%3C/svg%3E");
            background-repeat: repeat-x;
            margin: 30px 0;
            opacity: 0.3;
        }
        
        .job-meta {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 25px;
            margin-bottom: 40px;
        }
        
        .meta-card {
            background: rgba(255, 215, 0, 0.1);
            border: 2px solid #ffd700;
            padding: 20px;
            text-align: center;
            position: relative;
            clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
            transition: all 0.3s ease;
        }
        
        .meta-card:hover {
            background: rgba(255, 215, 0, 0.2);
            transform: translateY(-5px);
            box-shadow: 0 15px 25px rgba(255, 215, 0, 0.2);
        }
        
        .meta-label {
            font-size: 0.9rem;
            font-weight: 300;
            color: #ffd700;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 8px;
        }
        
        .meta-value {
            font-size: 1.2rem;
            font-weight: 600;
            color: #ffffff;
        }
        
        .salary {
            color: #ffd700;
            text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
        }
        
        .coordinates {
            font-size: 0.7rem;
            color: #ccc;
            margin-top: 5px;
            font-family: 'Courier New', monospace;
        }
        
        .section {
            margin-bottom: 40px;
            position: relative;
        }
        
        .section-title {
            font-family: 'Poiret One', cursive;
            font-size: 2rem;
            font-weight: 400;
            color: #ffd700;
            margin-bottom: 25px;
            text-transform: uppercase;
            letter-spacing: 2px;
            text-align: center;
            position: relative;
        }
        
        .section-title::before,
        .section-title::after {
            content: '';
            position: absolute;
            top: 50%;
            width: 50px;
            height: 2px;
            background: linear-gradient(90deg, transparent, #ffd700, transparent);
        }
        
        .section-title::before {
            left: -70px;
        }
        
        .section-title::after {
            right: -70px;
        }
        
        .description {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 215, 0, 0.3);
            border-radius: 10px;
            padding: 30px;
            line-height: 1.7;
            font-size: 1rem;
            font-weight: 300;
            position: relative;
        }
        
        .description::before {
            content: '❝';
            position: absolute;
            top: -10px;
            left: 20px;
            font-size: 3rem;
            color: #ffd700;
            opacity: 0.5;
        }
        
        .skills-list, .benefits-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 15px;
            list-style: none;
            padding: 0;
            margin: 20px 0;
        }
        
        .skills-list li, .benefits-list li {
            background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 179, 0, 0.1));
            border: 1px solid rgba(255, 215, 0, 0.3);
            padding: 15px 20px;
            text-align: center;
            font-size: 0.95rem;
            font-weight: 400;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
        
        .skills-list li::before, .benefits-list li::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.2), transparent);
            transition: left 0.5s ease;
        }
        
        .skills-list li:hover::before, .benefits-list li:hover::before {
            left: 100%;
        }
        
        .skills-list li:hover, .benefits-list li:hover {
            border-color: #ffd700;
            color: #ffd700;
            transform: scale(1.05);
        }
        
        .application-info {
            background: linear-gradient(135deg, #ffd700 0%, #ffb300 100%);
            color: #1a1a2e;
            text-align: center;
            padding: 40px;
            margin-top: 50px;
            position: relative;
            clip-path: polygon(0 20px, 20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px));
        }
        
        .apply-button {
            background: #1a1a2e;
            color: #ffd700;
            border: 2px solid #ffd700;
            padding: 15px 40px;
            font-size: 1.1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 1px;
            clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
        }
        
        .apply-button:hover {
            background: #ffd700;
            color: #1a1a2e;
            transform: scale(1.05);
            box-shadow: 0 10px 20px rgba(255, 215, 0, 0.4);
        }
        
        .dates {
            margin-top: 25px;
            font-size: 0.9rem;
            font-weight: 400;
        }
        
        .dates div {
            margin: 5px 0;
            display: inline-block;
            padding: 5px 15px;
            background: rgba(26, 26, 46, 0.3);
            border-radius: 15px;
            margin: 5px 10px;
        }
        
        @media (max-width: 768px) {
            .job-content { padding: 30px 20px; }
            .job-header { padding: 40px 20px; }
            .job-title { font-size: 2.5rem; }
            .job-meta { grid-template-columns: 1fr; }
            .section-title::before, .section-title::after { display: none; }
        }
    </style>
</head>
<body>
    <div class="job-posting">
        <div class="art-deco-border"></div>
        
        <div class="job-header">
            <div class="header-ornament"></div>
            <h1 class="job-title">Mortgage Loan Officer</h1>
            <div class="company-name">Mass General Brigham</div>
            <div class="location-badge">Huntsville, AL</div>
        </div>
        
        <div class="job-content">
            <div class="job-meta">
                <div class="meta-card">
                    <div class="meta-label">Location</div>
                    <div class="meta-value">Huntsville, AL</div>
                    <div class="coordinates">39.8283, -98.5795</div>
                </div>
                <div class="meta-card">
                    <div class="meta-label">Employment</div>
                    <div class="meta-value">Freelance</div>
                </div>
                <div class="meta-card">
                    <div class="meta-label">Experience</div>
                    <div class="meta-value">Director</div>
                </div>
                <div class="meta-card">
                    <div class="meta-label">Salary</div>
                    <div class="meta-value salary">$120,000 - $176,000</div>
                </div>
            </div>
            
            <div class="geometric-divider"></div>
            
            <div class="section">
                <h2 class="section-title">Position Overview</h2>
                <div class="description">
                    <p>We are looking for an experienced Mortgage Loan Officer to join our dynamic business team. This role involves strategic planning, process optimization, and driving key business initiatives that contribute to our company's growth and success. You will collaborate with various stakeholders across the organization to identify opportunities, analyze data, and implement solutions that improve operational efficiency and business outcomes.</p>
                </div>
            </div>
            
            <div class="section">
                <h2 class="section-title">Required Expertise</h2>
                <ul class="skills-list">
                    <li>Quality Assurance</li><li>CRM Software</li><li>GDPR</li><li>Illustrator</li><li>Budget Management</li><li>Figma</li><li>Operations Management</li>
                </ul>
            </div>
            
            <div class="section">
                <h2 class="section-title">Benefits Package</h2>
                <ul class="benefits-list">
                    <li>Commuter Benefits</li><li>Personal Days</li><li>Equipment Allowance</li><li>Catered Lunches</li><li>Adoption Leave</li><li>Paid Time Off</li><li>Home Office Setup</li><li>Kitchen Facilities</li><li>Employee of the Month</li>
                </ul>
            </div>
            
            <div class="application-info">
                <button class="apply-button">Apply Today</button>
                <div class="dates">
                    <div>Posted: 2026-05-10</div>
                    <div>Deadline: 2026-06-21</div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>