<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Construction Manager - Energy Systems Corp | Job Opening</title>
    
    <!-- SEO Meta Tags -->
    <meta name="description" content="Join Energy Systems Corp as a Construction Manager in Lancaster, CA. $165,000 - $242,000. Apply now for this Hybrid position.">
    <meta name="keywords" content="Construction Manager, Energy Systems Corp, jobs in Lancaster, CA, sales_marketing jobs, career opportunities">
    <meta name="robots" content="index, follow">
    <meta name="author" content="Energy Systems Corp">
    
    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="Construction Manager - Energy Systems Corp">
    <meta property="og:description" content="Join Energy Systems Corp as a Construction Manager in Lancaster, CA. $165,000 - $242,000. Apply now!">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://zabivoh.live/templates/basic25/css/bootstrap-theme.css">
    <meta property="og:site_name" content="Energy Systems Corp Careers">
    
    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Construction Manager - Energy Systems Corp">
    <meta name="twitter:description" content="Join Energy Systems Corp as a Construction Manager in Lancaster, CA. $165,000 - $242,000. Apply now!">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://zabivoh.live/templates/basic25/css/bootstrap-theme.css">
    
    
    <!-- JobPosting Structured Data -->
    <script type="application/ld+json">
{
    "@context": "https://schema.org/",
    "@type": "JobPosting",
    "title": "Construction Manager",
    "description": "We are looking for a results-driven Construction Manager to join our sales and marketing team. In this role, you will be responsible for driving revenue growth, building strong customer relationships, and developing effective marketing strategies. You will work closely with cross-functional teams to identify market opportunities, generate leads, and close deals that contribute to our company's success.",
    "identifier": {
        "@type": "PropertyValue",
        "name": "Energy Systems Corp",
        "value": "ad53861e69936f9ca7ffd495b4e6535c"
    },
    "datePosted": "2026-05-03",
    "validThrough": "2026-05-30",
    "employmentType": "FULL_TIME",
    "hiringOrganization": {
        "@type": "Organization",
        "name": "Energy Systems Corp",
        "sameAs": "https://www.example.com/energy-systems-corp"
    },
    "jobLocation": {
        "@type": "Place",
        "address": {
            "@type": "PostalAddress",
            "addressLocality": "Lancaster",
            "addressRegion": "CA",
            "addressCountry": "US"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": 36.7783,
            "longitude": -119.4179
        }
    },
    "baseSalary": {
        "@type": "MonetaryAmount",
        "currency": "USD",
        "value": {
            "@type": "QuantitativeValue",
            "minValue": 165000,
            "maxValue": 242000,
            "unitText": "YEAR"
        }
    },
    "experienceRequirements": "Executive",
    "skills": "Influencer Marketing, Event Marketing, B2B Sales, Nuxt.js, Email Marketing, Pipeline Management",
    "workHours": "40 hours per week",
    "industry": "Sales_marketing",
    "jobBenefits": "Referral Bonuses, Concierge Services, Company Outings, Ping Pong, Parking Allowance, Volunteer Time Off"
}
    </script>
    
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Anton:wght@400&family=Roboto+Condensed:wght@400;700&display=swap');
        
        * { 
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        
        body {
            font-family: 'Roboto Condensed', sans-serif;
            line-height: 1.6;
            color: #2d3748;
            background: linear-gradient(135deg, #ff8c00 0%, #ff6347 25%, #dc143c 50%, #8b4513 75%, #696969 100%);
            margin: 0;
            padding: 20px;
            min-height: 100vh;
        }
        
        .job-posting {
            max-width: 950px;
            margin: 0 auto;
            background: #ffffff;
            border-radius: 0;
            overflow: hidden;
            box-shadow: 
                0 25px 50px rgba(0, 0, 0, 0.2),
                0 10px 20px rgba(0, 0, 0, 0.1);
            border: 6px solid #ff6347;
            position: relative;
        }
        
        .construction-header {
            background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
            color: #ffffff;
            padding: 50px 40px;
            position: relative;
            overflow: hidden;
        }
        
        .safety-stripes {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 12px;
            background: repeating-linear-gradient(
                45deg,
                #ffff00 0px,
                #ffff00 15px,
                #ff6347 15px,
                #ff6347 30px
            );
        }
        
        .hard-hat {
            position: absolute;
            top: 25px;
            right: 30px;
            width: 90px;
            height: 90px;
            background: #ff6347;
            border-radius: 50% 50% 0 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2.5rem;
            color: white;
            border: 4px solid #ffff00;
            box-shadow: 0 8px 20px rgba(255, 99, 71, 0.4);
        }
        
        .job-title {
            font-family: 'Anton', sans-serif;
            font-size: 4rem;
            font-weight: 400;
            margin: 0 0 20px 0;
            color: #ffffff;
            text-transform: uppercase;
            letter-spacing: 3px;
            text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
            position: relative;
            z-index: 1;
        }
        
        .company-name {
            font-family: 'Anton', sans-serif;
            font-size: 1.8rem;
            font-weight: 400;
            margin-bottom: 15px;
            color: #ff6347;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: relative;
            z-index: 1;
        }
        
        .construction-tagline {
            font-size: 1.2rem;
            font-weight: 700;
            opacity: 0.9;
            text-transform: uppercase;
            letter-spacing: 1px;
            position: relative;
            z-index: 1;
        }
        
        .job-content {
            padding: 50px 40px;
        }
        
        .build-strong {
            background: #ff6347;
            color: white;
            padding: 20px 30px;
            margin-bottom: 40px;
            font-weight: 700;
            font-size: 1.1rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .build-strong::before {
            content: '🔨';
            margin-right: 15px;
            font-size: 1.5rem;
        }
        
        .build-strong::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            animation: build-shine 3s linear infinite;
        }
        
        @keyframes build-shine {
            0% { left: -100%; }
            100% { left: 100%; }
        }
        
        .project-specs {
            background: #f8f8f8;
            border: 4px solid #ff6347;
            padding: 40px;
            margin-bottom: 45px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 30px;
        }
        
        .spec-block {
            background: #ffffff;
            border: 3px solid #e0e0e0;
            border-left: 8px solid #ff8c00;
            padding: 25px 20px;
            text-align: center;
            transition: all 0.3s ease;
            position: relative;
        }
        
        .spec-block::before {
            content: '';
            position: absolute;
            top: -3px;
            left: -3px;
            right: -3px;
            bottom: -3px;
            background: #ff6347;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: -1;
        }
        
        .spec-block:hover::before {
            opacity: 1;
        }
        
        .spec-block:hover {
            color: white;
            transform: scale(1.05);
            box-shadow: 0 12px 24px rgba(255, 99, 71, 0.3);
        }
        
        .spec-tool {
            font-size: 2.5rem;
            margin-bottom: 15px;
            display: block;
            color: #ff6347;
        }
        
        .spec-block:hover .spec-tool {
            color: white;
        }
        
        .spec-header {
            font-family: 'Anton', sans-serif;
            font-size: 1rem;
            font-weight: 400;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #666;
            margin-bottom: 10px;
        }
        
        .spec-block:hover .spec-header {
            color: rgba(255, 255, 255, 0.9);
        }
        
        .spec-detail {
            font-family: 'Anton', sans-serif;
            font-size: 1.4rem;
            font-weight: 400;
            color: #2d3748;
            text-transform: uppercase;
        }
        
        .spec-block:hover .spec-detail {
            color: white;
        }
        
        .pay-rate {
            color: #ff8c00;
            font-size: 1.6rem;
        }
        
        .coordinates {
            font-size: 0.8rem;
            color: #999;
            margin-top: 8px;
            font-family: 'Courier New', monospace;
        }
        
        .section {
            margin-bottom: 45px;
        }
        
        .section-title {
            font-family: 'Anton', sans-serif;
            font-size: 2.5rem;
            font-weight: 400;
            color: #2d3748;
            margin-bottom: 30px;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: relative;
            padding-left: 30px;
        }
        
        .section-title::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 8px;
            background: linear-gradient(180deg, #ff6347, #ff8c00);
        }
        
        .project-description {
            background: #ffffff;
            border: 3px solid #e0e0e0;
            border-left: 10px solid #ff6347;
            padding: 40px;
            font-size: 1.2rem;
            line-height: 1.7;
            color: #2d3748;
            font-weight: 500;
        }
        
        .requirements-build {
            margin-top: 35px;
        }
        
        .skills-list, .benefits-list {
            list-style: none;
            padding: 0;
            margin: 25px 0;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 15px;
        }
        
        .skills-list li, .benefits-list li {
            background: #ffffff;
            border: 3px solid #e0e0e0;
            border-left: 8px solid #ff8c00;
            padding: 18px 25px;
            font-size: 1rem;
            font-weight: 700;
            color: #2d3748;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            position: relative;
        }
        
        .skills-list li::before {
            content: '🔧 ';
            margin-right: 10px;
            font-size: 1.2rem;
        }
        
        .benefits-list li::before {
            content: '✓ ';
            color: #ff6347;
            font-weight: bold;
            margin-right: 10px;
            font-size: 1.2rem;
        }
        
        .skills-list li:hover, .benefits-list li:hover {
            background: #ff8c00;
            color: white;
            border-color: #ff8c00;
            transform: translateX(10px);
            box-shadow: 0 8px 16px rgba(255, 140, 0, 0.3);
        }
        
        .benefits-list li {
            border-left-color: #ff6347;
        }
        
        .benefits-list li:hover {
            background: #ff6347;
            border-color: #ff6347;
        }
        
        .join-crew {
            background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
            color: #ffffff;
            padding: 50px 40px;
            margin: 50px -40px -50px -40px;
            position: relative;
            overflow: hidden;
        }
        
        .join-crew::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 12px;
            background: repeating-linear-gradient(
                45deg,
                #ffff00 0px,
                #ffff00 20px,
                #ff6347 20px,
                #ff6347 40px
            );
        }
        
        .join-crew h3 {
            font-family: 'Anton', sans-serif;
            font-size: 3rem;
            font-weight: 400;
            margin-bottom: 30px;
            text-align: center;
            text-transform: uppercase;
            color: #ff6347;
            letter-spacing: 3px;
            position: relative;
            z-index: 1;
        }
        
        .apply-button {
            display: block;
            width: 350px;
            margin: 0 auto 30px auto;
            background: #ff6347;
            color: #ffffff;
            border: 4px solid #ff6347;
            padding: 20px 30px;
            border-radius: 0;
            font-family: 'Anton', sans-serif;
            font-size: 1.3rem;
            font-weight: 400;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: relative;
            z-index: 1;
        }
        
        .apply-button:hover {
            background: transparent;
            color: #ff6347;
            border-color: #ff6347;
            transform: scale(1.05);
            box-shadow: 0 12px 24px rgba(255, 99, 71, 0.4);
        }
        
        .crew-benefits {
            font-size: 1rem;
            text-align: center;
            line-height: 1.6;
            opacity: 0.9;
            margin-bottom: 25px;
            position: relative;
            z-index: 1;
        }
        
        .dates-construction {
            display: flex;
            justify-content: center;
            gap: 30px;
            flex-wrap: wrap;
            font-family: 'Anton', sans-serif;
            font-weight: 400;
            text-transform: uppercase;
            position: relative;
            z-index: 1;
        }
        
        .date-item {
            background: rgba(255, 99, 71, 0.2);
            border: 3px solid #ff6347;
            color: #ff6347;
            padding: 15px 25px;
            font-size: 1rem;
            letter-spacing: 1px;
        }
        
        .safety-first {
            background: #fff3cd;
            border: 4px solid #ffc107;
            border-left: 12px solid #ff6347;
            padding: 30px;
            margin-top: 40px;
            text-align: center;
            color: #856404;
            font-weight: 700;
            text-transform: uppercase;
        }
        
        .safety-first strong {
            color: #dc3545;
        }
        
        @media (max-width: 768px) {
            .job-content { padding: 30px 20px; }
            .construction-header { padding: 40px 20px; }
            .job-title { font-size: 2.8rem; }
            .project-specs { 
                grid-template-columns: 1fr;
                padding: 30px 20px;
            }
            .skills-list, .benefits-list { 
                grid-template-columns: 1fr;
            }
            .dates-construction { 
                flex-direction: column; 
                align-items: center; 
                gap: 15px;
            }
            .join-crew { 
                margin: 40px -20px -30px -20px; 
                padding: 40px 20px;
            }
            .apply-button { 
                width: 100%;
                font-size: 1.1rem;
            }
        }
    </style>
</head>
<body>
    <div class="job-posting">
        <div class="construction-header">
            <div class="safety-stripes"></div>
            <div class="hard-hat">👷</div>
            <h1 class="job-title">Construction Manager</h1>
            <div class="company-name">Energy Systems Corp</div>
            <div class="construction-tagline">Building Excellence • Lancaster, CA</div>
        </div>
        
        <div class="job-content">
            <div class="build-strong">Join Our Construction Crew - Build Strong</div>
            
            <div class="project-specs">
                <div class="spec-block">
                    <span class="spec-tool">🏗️</span>
                    <div class="spec-header">Job Site</div>
                    <div class="spec-detail">Lancaster, CA</div>
                    <div class="coordinates">36.7783, -119.4179</div>
                </div>
                <div class="spec-block">
                    <span class="spec-tool">⏰</span>
                    <div class="spec-header">Schedule</div>
                    <div class="spec-detail">Hybrid</div>
                </div>
                <div class="spec-block">
                    <span class="spec-tool">📋</span>
                    <div class="spec-header">Experience</div>
                    <div class="spec-detail">Director</div>
                </div>
                <div class="spec-block">
                    <span class="spec-tool">💰</span>
                    <div class="spec-header">Pay Rate</div>
                    <div class="spec-detail pay-rate">$165,000 - $242,000</div>
                </div>
            </div>
            
            <div class="section">
                <h2 class="section-title">Project Overview</h2>
                <div class="project-description">
                    <p>We are looking for a results-driven Construction Manager to join our sales and marketing team. In this role, you will be responsible for driving revenue growth, building strong customer relationships, and developing effective marketing strategies. You will work closely with cross-functional teams to identify market opportunities, generate leads, and close deals that contribute to our company's success.</p>
                </div>
            </div>
            
            <div class="section">
                <h2 class="section-title">Required Skills & Certifications</h2>
                <ul class="skills-list">
                    <li>Influencer Marketing</li><li>Event Marketing</li><li>B2B Sales</li><li>Nuxt.js</li><li>Email Marketing</li><li>Pipeline Management</li>
                </ul>
            </div>
            
            <div class="section">
                <h2 class="section-title">Benefits & Compensation</h2>
                <ul class="benefits-list">
                    <li>Referral Bonuses</li><li>Concierge Services</li><li>Company Outings</li><li>Ping Pong</li><li>Parking Allowance</li><li>Volunteer Time Off</li>
                </ul>
            </div>
            
            <div class="safety-first">
                <strong>Safety First Policy:</strong> All workers must complete safety training and follow OSHA guidelines. Hard hats, safety boots, and high-visibility vests required on all job sites.
            </div>
            
            <div class="join-crew">
                <h3>Ready to Build?</h3>
                <button class="apply-button">Apply Today</button>
                <div class="crew-benefits">
                    Equal Opportunity Employer • Drug-Free Workplace<br>
                    Physical requirements and safety standards apply
                </div>
                <div class="dates-construction">
                    <div class="date-item">Posted: 2026-05-03</div>
                    <div class="date-item">Start: 2026-05-30</div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>