<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="The Global Men's Group exists to cultivate a values-driven, service-oriented brotherhood where men across the world grow personally, lead with integrity, build meaningful relationships, and positively impact their communities.">
    <meta name="keywords" content="Global Men's Group, men's brotherhood, iron sharpens iron, men's community, leadership, personal growth, service, accountability">
    <meta name="author" content="Global Men's Group">
    <meta name="theme-color" content="#001A3A">

    <!-- Open Graph / Social Media -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="Global Men's Group | The Premier Sovereign Organization For Men Worldwide">
    <meta property="og:description" content="A global brotherhood committed to character, accountability, service, and shared growth. Creating safe spaces in every city and community we serve.">
    <meta property="og:image" content="images/logo-gold.png">
    <meta property="og:url" content="https://www.globalmensgroup.com">
    <meta property="og:site_name" content="Global Men's Group">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Global Men's Group | The Premier Sovereign Organization For Men Worldwide">
    <meta name="twitter:description" content="A global brotherhood committed to character, accountability, service, and shared growth.">
    <meta name="twitter:image" content="images/logo-gold.png">

    <!-- GHL / GoHighLevel Compatibility -->
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://www.globalmensgroup.com">

    <title>Global Men's Group | The Premier Sovereign Organization For Men Worldwide</title>
    <link rel="icon" type="image/png" href="images/logo-gold.png">
    <link rel="apple-touch-icon" href="images/logo-gold.png">
    <link rel="stylesheet" href="css/styles.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>

    <!-- ═══════════════════ NAVIGATION ═══════════════════ -->
    <header class="navbar" id="navbar">
        <div class="nav-container">
            <a href="#hero" class="nav-logo">
                <div class="header-logo-frame">
                    <img src="images/logo-gold.png" alt="Global Men's Group Logo" class="logo-img">
                </div>
                <div class="logo-text">
                    <span class="logo-title">GLOBAL MEN'S GROUP</span>
                    <span class="logo-tagline">IRON SHARPENS IRON</span>
                </div>
            </a>
            <nav class="nav-menu" id="navMenu">
                <a href="#purpose" class="nav-link">Purpose</a>
                <a href="#charter" class="nav-link">Charter</a>
                <a href="#council" class="nav-link">Council</a>
                <div class="nav-dropdown">
                    <a href="#chapters" class="nav-link">Chapters <i class="fas fa-chevron-down"></i></a>
                    <div class="dropdown-content">
                        <div class="dropdown-section">
                            <span class="dropdown-label">Active</span>
                            <a href="https://atlmensgroup.com" target="_blank" class="dropdown-item">Atlanta Men's Group</a>
                        </div>
                        <div class="dropdown-section">
                            <span class="dropdown-label">In Progress</span>
                            <a href="#chapters" class="dropdown-item">Seattle Men's Group</a>
                            <a href="#chapters" class="dropdown-item">Dallas Men's Group</a>
                            <a href="#chapters" class="dropdown-item">Boston Men's Group</a>
                            <a href="#chapters" class="dropdown-item">Nairobi Men's Group</a>
                            <a href="#chapters" class="dropdown-item">Birmingham Men's Group</a>
                            <a href="#chapters" class="dropdown-item">Houston Men's Group</a>
                            <a href="#chapters" class="dropdown-item">New York Men's Group</a>
                            <a href="#chapters" class="dropdown-item">Washington DC Men's Group</a>
                            <a href="#chapters" class="dropdown-item">Virginia Men's Group</a>
                            <a href="#chapters" class="dropdown-item">Baltimore Men's Group</a>
                            <a href="#chapters" class="dropdown-item">Toronto Men's Group</a>
                            <a href="#chapters" class="dropdown-item">Johannesburg Men's Group</a>
                        </div>
                    </div>
                </div>
                <a href="#partners" class="nav-link">Partners</a>
                <a class='nav-link' href='/blog'>Blog</a>
                <a href="#membership" class="nav-link nav-cta">Membership</a>
            </nav>
            <button class="mobile-toggle" id="mobileToggle" aria-label="Toggle menu">
                <span></span><span></span><span></span>
            </button>
        </div>
    </header>

    <!-- ═══════════════════ MOBILE MENU OVERLAY ═══════════════════ -->
    <div class="mobile-overlay" id="mobileOverlay">
        <nav class="mobile-nav">
            <a href="#purpose" class="mobile-link">Purpose</a>
            <a href="#charter" class="mobile-link">Charter</a>
            <a href="#council" class="mobile-link">Council</a>
            <a href="#chapters" class="mobile-link">Chapters</a>
            <a href="#partners" class="mobile-link">Partners</a>
            <a class='mobile-link' href='/blog'>Blog</a>
            <a href="#membership" class="mobile-link mobile-cta">Membership</a>
        </nav>
    </div>

    <!-- ═══════════════════ HERO SECTION ═══════════════════ -->
    <section class="hero" id="hero">
        <div class="hero-bg"></div>
        <div class="hero-content">
            <div class="hero-motto-banner">
                <p class="hero-motto">THE PREMIER SOVEREIGN ORGANIZATION FOR MEN WORLDWIDE</p>
            </div>
            <div class="hero-logo-container">
                <div class="hero-logo-frame">
                    <img src="images/logo-white.png" alt="Global Men's Group" class="hero-logo">
                </div>
            </div>
            <h1 class="hero-title">GLOBAL MEN'S GROUP</h1>
            <p class="hero-subtitle">Our vision is to build a Global Network of men committed to character, accountability, service, and shared growth. Creating safe spaces in every city and community we serve.</p>
            <div class="hero-actions">
                <a href="#purpose" class="btn btn-primary">Discover Our Purpose</a>
                <a href="#membership" class="btn btn-outline">Join the Brotherhood</a>
            </div>
        </div>
        <div class="hero-scroll-indicator">
            <span>Scroll</span>
            <div class="scroll-line"></div>
        </div>
    </section>

    <!-- ═══════════════════ MARQUEE ═══════════════════ -->
    <div class="marquee-section">
        <div class="marquee-track">
            <div class="marquee-content">
                <span>ENGAGE</span><span class="marquee-dot">&#9670;</span>
                <span>ELEVATE</span><span class="marquee-dot">&#9670;</span>
                <span>INSPIRE</span><span class="marquee-dot">&#9670;</span>
                <span>BROTHERHOOD WITHOUT BORDERS</span><span class="marquee-dot">&#9670;</span>
                <span>IRON SHARPENS IRON</span><span class="marquee-dot">&#9670;</span>
                <span>STRONGER TOGETHER</span><span class="marquee-dot">&#9670;</span>
                <span>ENGAGE</span><span class="marquee-dot">&#9670;</span>
                <span>ELEVATE</span><span class="marquee-dot">&#9670;</span>
                <span>INSPIRE</span><span class="marquee-dot">&#9670;</span>
                <span>BROTHERHOOD WITHOUT BORDERS</span><span class="marquee-dot">&#9670;</span>
                <span>IRON SHARPENS IRON</span><span class="marquee-dot">&#9670;</span>
                <span>STRONGER TOGETHER</span><span class="marquee-dot">&#9670;</span>
            </div>
        </div>
    </div>

    <!-- ═══════════════════ MISSION & VISION ═══════════════════ -->
    <section class="mission-vision" id="mission">
        <div class="container">
            <div class="mv-grid">
                <div class="mv-card">
                    <div class="mv-logo-frame mv-logo-navy">
                        <img src="images/logo-navy.png" alt="Global Men's Group" class="mv-logo-img">
                    </div>
                    <h3 class="mv-label">Our Mission</h3>
                    <p class="mv-text">"The Global Men's Group exists to cultivate a values-driven, service-oriented brotherhood where men across the world grow personally, lead with integrity, build meaningful relationships, and positively impact their communities."</p>
                </div>
                <div class="mv-divider"></div>
                <div class="mv-card">
                    <div class="mv-logo-frame mv-logo-gold">
                        <img src="images/logo-gold.png" alt="Global Men's Group" class="mv-logo-img">
                    </div>
                    <h3 class="mv-label">Our Vision</h3>
                    <p class="mv-text">To build a global network of men committed to character, accountability, service, and shared growth. Creating safe spaces in every city and community we serve.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- ═══════════════════ IMAGE GALLERY MARQUEE ═══════════════════ -->
    <div class="image-marquee">
        <div class="image-marquee-track">
            <div class="image-marquee-content">
                <img src="images/gallery-1.jpg" alt="Networking and collaboration">
                <img src="images/gallery-2.jpg" alt="Men celebrating together">
                <img src="images/gallery-3.jpg" alt="Professional networking event">
                <img src="images/gallery-4.jpg" alt="Speaker addressing audience">
                <img src="images/gallery-5.jpg" alt="Mentorship and guidance">
                <img src="images/gallery-6.jpg" alt="Friends laughing together">
                <img src="images/gallery-7.jpg" alt="Brotherhood and community">
                <img src="images/gallery-8.jpg" alt="Men enjoying sports together">
                <img src="images/gallery-9.jpg" alt="Coaching and mentoring">
                <img src="images/gallery-10.jpg" alt="Youth mentorship and sports">
                <img src="images/gallery-11.jpg" alt="Young man with backpack">
                <img src="images/gallery-12.jpg" alt="Community leader greeting youth">
                <img src="images/gallery-13.jpg" alt="Professional handshake and networking">
                <img src="images/gallery-14.jpg" alt="Men networking at social event">
                <img src="images/gallery-15.jpg" alt="Friends grilling at community cookout">
                <img src="images/gallery-16.jpg" alt="College students collaborating outdoors">
                <img src="images/gallery-17.jpg" alt="Man grilling at backyard gathering">
                <img src="images/gallery-18.jpg" alt="Men networking and bonding">
                <img src="images/gallery-19.jpg" alt="Brotherhood and connection">
                <img src="images/gallery-20.jpg" alt="Community gathering and fellowship">
                <img src="images/gallery-21.jpg" alt="Men supporting one another">
                <img src="images/gallery-22.jpg" alt="Group collaboration and unity">
                <img src="images/gallery-23.jpg" alt="Leadership and mentorship">
                <img src="images/gallery-24.jpg" alt="Building lasting connections">
                <img src="images/gallery-25.jpg" alt="Strength in brotherhood">
                <!-- Duplicate for seamless loop -->
                <img src="images/gallery-1.jpg" alt="Networking and collaboration">
                <img src="images/gallery-2.jpg" alt="Men celebrating together">
                <img src="images/gallery-3.jpg" alt="Professional networking event">
                <img src="images/gallery-4.jpg" alt="Speaker addressing audience">
                <img src="images/gallery-5.jpg" alt="Mentorship and guidance">
                <img src="images/gallery-6.jpg" alt="Friends laughing together">
                <img src="images/gallery-7.jpg" alt="Brotherhood and community">
                <img src="images/gallery-8.jpg" alt="Men enjoying sports together">
                <img src="images/gallery-9.jpg" alt="Coaching and mentoring">
                <img src="images/gallery-10.jpg" alt="Youth mentorship and sports">
                <img src="images/gallery-11.jpg" alt="Young man with backpack">
                <img src="images/gallery-12.jpg" alt="Community leader greeting youth">
                <img src="images/gallery-13.jpg" alt="Professional handshake and networking">
                <img src="images/gallery-14.jpg" alt="Men networking at social event">
                <img src="images/gallery-15.jpg" alt="Friends grilling at community cookout">
                <img src="images/gallery-16.jpg" alt="College students collaborating outdoors">
                <img src="images/gallery-17.jpg" alt="Man grilling at backyard gathering">
                <img src="images/gallery-18.jpg" alt="Men networking and bonding">
                <img src="images/gallery-19.jpg" alt="Brotherhood and connection">
                <img src="images/gallery-20.jpg" alt="Community gathering and fellowship">
                <img src="images/gallery-21.jpg" alt="Men supporting one another">
                <img src="images/gallery-22.jpg" alt="Group collaboration and unity">
                <img src="images/gallery-23.jpg" alt="Leadership and mentorship">
                <img src="images/gallery-24.jpg" alt="Building lasting connections">
                <img src="images/gallery-25.jpg" alt="Strength in brotherhood">
            </div>
        </div>
    </div>

    <!-- ═══════════════════ PURPOSE: GLOBAL LOGO MEANING ═══════════════════ -->
    <section class="purpose-section" id="purpose">
        <div class="container">
            <p class="section-overline">Our Identity</p>
            <h2 class="section-title">The Meaning Behind Our Logo</h2>
            <p class="section-subtitle" style="font-weight:700; font-size:1.6rem;">Our Motto: Iron Sharpens Iron</p>

            <div class="logo-meaning">
                <div class="logo-meaning-image">
                    <div class="logo-showcase">
                        <img src="images/logo-navy.png" alt="Global Men's Group Logo">
                    </div>
                </div>
                <div class="logo-meaning-content">
                    <p class="meaning-intro">The Global Men's Group logo represents <strong>brotherhood without borders</strong> and <strong>strength through unity</strong>.</p>
                    <div class="meaning-items">
                        <div class="meaning-item">
                            <div class="meaning-icon"><i class="fas fa-globe"></i></div>
                            <div>
                                <h4>The Globe</h4>
                                <p>Reflects our global reach &mdash; a reminder that men everywhere share common struggles, responsibilities, and aspirations. It symbolizes unity across cultures and the power of connection worldwide.</p>
                            </div>
                        </div>
                        <div class="meaning-item">
                            <div class="meaning-icon"><i class="fas fa-users"></i></div>
                            <div>
                                <h4>The Silhouettes</h4>
                                <p>Represent the men of our community &mdash; diverse in background, united in purpose. Together, we support, challenge, and strengthen one another.</p>
                            </div>
                        </div>
                        <div class="meaning-item">
                            <div class="meaning-icon"><i class="fas fa-font"></i></div>
                            <div>
                                <h4>Bold Typography</h4>
                                <p>Conveys confidence, resilience, and leadership &mdash; the kind of grounded masculinity we seek to cultivate.</p>
                            </div>
                        </div>
                        <div class="meaning-item">
                            <div class="meaning-icon"><i class="fas fa-shield-alt"></i></div>
                            <div>
                                <h4>Navy Blue</h4>
                                <p>Represents trust, integrity, and stability &mdash; the foundation of true brotherhood.</p>
                            </div>
                        </div>
                    </div>
                    <p class="meaning-closing"><em>#IronSharpensIron &nbsp; #StrongerTogether</em></p>
                </div>
            </div>
        </div>
    </section>

    <!-- ═══════════════════ CHAPTER LOGO / DAP MEANING ═══════════════════ -->
    <section class="dap-section">
        <div class="container">
            <p class="section-overline">Chapter Identity</p>
            <h2 class="section-title">Global Men's Group Chapter Logo</h2>
            <p class="section-subtitle" style="font-weight:700; font-size:1.6rem;">The D.A.P. &mdash; Dignity and Pride</p>

            <div class="dap-content dap-two-col">
                <div class="dap-text">
                    <p class="dap-intro">There's nothing more binding between Men than a Gentleman's Agreement which is often sealed with a simple handshake, but at the Global Men's Group Chapters, we elevate that tradition with <strong>the DAP</strong>.</p>

                    <h3 class="dap-subheading">Here's what our Chapter Logo represents:</h3>

                    <div class="dap-features">
                        <div class="dap-feature">
                            <span class="dap-number">1</span>
                            <div>
                                <h4>Your City Skyline</h4>
                                <p>A proud tribute to your city &mdash; each chapter carries the skyline of its home as a badge of local pride.</p>
                            </div>
                        </div>
                        <div class="dap-feature">
                            <span class="dap-number">2</span>
                            <div>
                                <h4>The DAP Handshake</h4>
                                <p>This unique greeting, commonly recognized as a fist bump or distinctive handshake, embodies solidarity, dignity, and pride.</p>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="dap-logo-overlay" id="dapOverlay"></div>
                <div class="dap-logo-card" id="dapCard">
                    <div class="dap-logo-showcase">
                        <img src="images/atl-logo-navy.png" alt="Atlanta Men's Group Logo">
                        <!-- tagline is part of the logo image -->
                    </div>
                    <div class="dap-logo-text">
                        <h4>Dignity, Pride, and Strength</h4>
                        <p><em>"Today, it has been embraced across various cultures as a friendly gesture that symbolizes camaraderie and shared connections.<br><br>At Global Men's Group Chapters, we hold this symbol as a true reflection of our identity."</em></p>
                    </div>
                </div>
            </div>

            <blockquote class="dap-quote dap-quote-full">
                "The acronym DAP stands for <strong>Dignity And Pride</strong>, originating from Black soldiers during the Vietnam War as a gesture of mutual support and Black consciousness."
            </blockquote>

            <p class="dap-heritage" style="text-align:center;">Connected by a <strong>Proud Heritage</strong> and guided by <strong>Our Charter</strong>.</p>
        </div>
    </section>

    <!-- ═══════════════════ GUIDING PRINCIPLES ═══════════════════ -->
    <section class="principles-section" id="principles">
        <div class="container">
            <p class="section-overline light">Pillars of the Brotherhood</p>
            <h2 class="section-title light">Guiding Principles</h2>
            <p class="section-subtitle light">Our How</p>

            <div class="principles-grid">
                <div class="principle-card">
                    <span class="principle-numeral">I</span>
                    <h3 class="principle-name">Sincerity</h3>
                    <p class="principle-desc">We engage with one another honestly and respectfully, fostering trust in every interaction.</p>
                </div>
                <div class="principle-card">
                    <span class="principle-numeral">II</span>
                    <h3 class="principle-name">Authenticity</h3>
                    <p class="principle-desc">We show up as our true selves, encouraging vulnerability, growth, and real connection.</p>
                </div>
                <div class="principle-card">
                    <span class="principle-numeral">III</span>
                    <h3 class="principle-name">Service-First Leadership</h3>
                    <p class="principle-desc">We lead with humility, placing service to others at the center of our actions.</p>
                </div>
                <div class="principle-card">
                    <span class="principle-numeral">IV</span>
                    <h3 class="principle-name">Our Charter as True North</h3>
                    <p class="principle-desc">This charter serves as our unwavering guide in decision-making, conduct, and community engagement.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- ═══════════════════ 3 CORE PILLARS ═══════════════════ -->
    <section class="pillars-section" id="pillars">
        <div class="container">
            <h2 class="section-title light">OUR 3 CORE PILLARS</h2>
            <div class="pillars-divider"></div>
            <p class="section-subtitle light">These pillars guide how the Global Men's Group moves in the world.</p>

            <div class="pillars-grid">
                <div class="pillar-card">
                    <div class="pillar-image">
                        <img src="images/gallery-4.jpg" alt="Men engaging in brotherhood">
                    </div>
                    <span class="pillar-number">01</span>
                    <h3 class="pillar-title">ENGAGE</h3>
                    <p class="pillar-quote">"To be present is to be powerful."</p>
                    <p class="pillar-desc">Active participation is the heartbeat of our brotherhood. We show up, we contribute, and we strengthen the bond through consistent connection.</p>
                    <a class='pillar-btn' href='/blog'>LEARN MORE</a>
                </div>
                <div class="pillar-card">
                    <div class="pillar-image">
                        <img src="images/gallery-13.jpg" alt="Men elevating one another">
                    </div>
                    <span class="pillar-number">02</span>
                    <h3 class="pillar-title">ELEVATE</h3>
                    <p class="pillar-quote">"Iron sharpens iron."</p>
                    <p class="pillar-desc">We hold ourselves to a higher standard, pushing one another to achieve excellence in family, business, and character, never settling for mediocrity.</p>
                    <a class='pillar-btn' href='/blog'>LEARN MORE</a>
                </div>
                <div class="pillar-card">
                    <div class="pillar-image">
                        <img src="images/gallery-18.jpg" alt="Men inspiring their community">
                    </div>
                    <span class="pillar-number">03</span>
                    <h3 class="pillar-title">INSPIRE</h3>
                    <p class="pillar-quote">"Legacy is built daily."</p>
                    <p class="pillar-desc">We strive to be beacons in our community, ensuring our actions today resonate for the generations of tomorrow through service and leadership.</p>
                    <a class='pillar-btn' href='/blog'>LEARN MORE</a>
                </div>
            </div>
        </div>
    </section>

    <!-- ═══════════════════ CHARTER ═══════════════════ -->
    <section class="charter-section" id="charter">
        <div class="container">
            <p class="section-overline">Foundational Guide</p>
            <h2 class="section-title">Global Men's Group Charter</h2>

            <div class="charter-mission">
                <img src="images/logo-gold.png" alt="Global Men's Group" class="charter-mission-logo">
                <h3>Mission Statement</h3>
                <p>"The Global Men's Group exists to cultivate a values-driven, service-oriented brotherhood where men across the world grow personally, lead with integrity, build meaningful relationships, and positively impact their communities."</p>
            </div>

            <div class="charter-objectives">
                <h3 class="charter-heading">Objectives</h3>
                <div class="objectives-grid">
                    <div class="objective-card">
                        <span class="objective-num">01</span>
                        <h4>Support & Empowerment</h4>
                        <p>Create safe, structured environments, both in-person and virtual, where men can openly share experiences, challenges, and aspirations. Encourage mentorship, accountability, and mutual encouragement.</p>
                    </div>
                    <div class="objective-card">
                        <span class="objective-num">02</span>
                        <h4>Community Engagement & Service</h4>
                        <p>Mobilize members to participate in service initiatives that uplift local communities globally. Promote compassion, responsibility, and measurable community impact.</p>
                    </div>
                    <div class="objective-card">
                        <span class="objective-num">03</span>
                        <h4>Global Brotherhood & Networking</h4>
                        <p>Facilitate meaningful connections across cities, regions, and nations, supporting professional growth, collaboration, and cultural exchange.</p>
                    </div>
                    <div class="objective-card">
                        <span class="objective-num">04</span>
                        <h4>Wellness & Personal Development</h4>
                        <p>Promote physical, mental, emotional, and spiritual well-being through workshops, fitness initiatives, educational forums, and leadership development programs.</p>
                    </div>
                    <div class="objective-card">
                        <span class="objective-num">05</span>
                        <h4>Leadership Development</h4>
                        <p>Equip men to lead in their families, workplaces, and communities through intentional coaching, structured dialogue, and service opportunities.</p>
                    </div>
                </div>
            </div>

            <div class="charter-details-grid">
                <div class="charter-detail">
                    <h4><i class="fas fa-id-card"></i> Membership</h4>
                    <ul>
                        <li>Open to men worldwide who align with the Group's mission and values.</li>
                        <li>Members are encouraged to actively participate, contribute with respect, support fellow members, and uphold the Code of Conduct.</li>
                        <li>Local chapters may establish region-specific structures while remaining aligned to the Global Charter.</li>
                    </ul>
                </div>
                <div class="charter-detail">
                    <h4><i class="fas fa-calendar-alt"></i> Meetings & Programming</h4>
                    <ul>
                        <li>Regular local chapter meetings (in-person or virtual)</li>
                        <li>Global virtual forums and leadership summits</li>
                        <li>Guest speakers and expert-led workshops</li>
                        <li>Service projects and community impact initiatives</li>
                        <li>Annual global gathering (as feasible)</li>
                    </ul>
                </div>
                <div class="charter-detail">
                    <h4><i class="fas fa-sitemap"></i> Leadership Structure</h4>
                    <ul>
                        <li><strong>Global Leadership Council</strong> &mdash; Vision, governance, strategic direction</li>
                        <li><strong>Regional / Chapter Leaders</strong> &mdash; Local programming and Charter alignment</li>
                        <li><strong>Volunteer Committees</strong> &mdash; Service, communications, wellness, and events</li>
                    </ul>
                </div>
                <div class="charter-detail">
                    <h4><i class="fas fa-handshake"></i> Code of Conduct</h4>
                    <ul>
                        <li>Treating one another with dignity and respect</li>
                        <li>Maintaining confidentiality within discussions</li>
                        <li>Promoting inclusion and non-judgment</li>
                        <li>Avoiding political or divisive agendas</li>
                        <li>Acting with integrity within and outside the Group</li>
                    </ul>
                </div>
            </div>

            <div class="charter-impact">
                <h4>Commitment to Impact</h4>
                <p>The Global Men's Group measures success not by size, but by:</p>
                <div class="impact-metrics">
                    <div class="impact-item"><i class="fas fa-heart"></i><span>Depth of relationships formed</span></div>
                    <div class="impact-item"><i class="fas fa-hand-holding-heart"></i><span>Lives positively influenced</span></div>
                    <div class="impact-item"><i class="fas fa-hands-helping"></i><span>Communities served</span></div>
                    <div class="impact-item"><i class="fas fa-user-tie"></i><span>Leaders developed</span></div>
                </div>
            </div>

            <div class="charter-foundation">
                <blockquote>"This Charter serves as the guiding framework for the Global Men's Group.<br><br>It unites men across cultures and communities under shared values of sincerity, authenticity, service, and growth.<br><br>Creating a global brotherhood committed to leading with integrity and purpose."</blockquote>
            </div>
        </div>
    </section>

    <!-- ═══════════════════ OUR WHY ═══════════════════ -->
    <section class="why-section" id="why">
        <div class="container">
            <p class="section-overline">A Special Tribute</p>
            <h2 class="section-title">Our Why</h2>

            <div class="why-hero-text">
                <h3>A Tribute to Men Everywhere Who Carry More Than the World Sees.</h3>
            </div>

            <div class="why-content">
                <div class="why-burdens-layout">
                    <div class="why-block" style="margin-bottom:0;">
                        <p><strong>Across nations, cultures, and communities, men carry burdens that often go unseen.</strong></p>
                        <div class="why-burdens">
                            <div class="burden-item">The pressure to provide.</div>
                            <div class="burden-item">The expectation to endure in silence.</div>
                            <div class="burden-item">The fear of falling short.</div>
                            <div class="burden-item">The childhood wounds never fully healed.</div>
                            <div class="burden-item">The quiet weight of responsibility for families, teams, and futures.</div>
                            <div class="burden-item">The unspoken belief that strength means suppressing pain.</div>
                        </div>
                    </div>
                    <div class="why-burdens-image">
                        <img src="images/gallery-9.jpg" alt="Coach mentoring young person">
                    </div>
                </div>

                <div class="why-declaration">
                    <p>On the day we chose to form this brotherhood, we made a declaration:</p>
                    <h3>No man should have to carry it alone.</h3>
                </div>

                <div class="why-burdens-layout">
                    <div class="why-block" style="margin-bottom:0;">
                        <h3 class="why-subheading">The Silent Battles</h3>
                        <p><strong>So much of what men carry goes unnoticed:</strong></p>
                        <div class="why-battles">
                            <div class="battle-item"><i class="fas fa-minus"></i> The mental strain behind the smile.</div>
                            <div class="battle-item"><i class="fas fa-minus"></i> The identity questions behind achievement.</div>
                            <div class="battle-item"><i class="fas fa-minus"></i> The stress behind the steady exterior.</div>
                            <div class="battle-item"><i class="fas fa-minus"></i> The emotional burdens never given language.</div>
                        </div>
                    </div>
                    <div class="why-burdens-image">
                        <img src="images/gallery-22.jpg" alt="Men supporting one another">
                    </div>
                </div>

                <div class="why-clarity-banner">
                    <h3 class="clarity-heading">Today, we want to make it abundantly clear:</h3>
                    <div class="clarity-numbered">
                        <p>1. Strength does not mean the absence of struggle.</p>
                        <p>2. True masculinity embraces emotional expression.</p>
                        <p>3. Healing is a sign of strength, not weakness.</p>
                    </div>
                </div>

                <div class="why-two-col">
                    <div class="why-col">
                        <h3>As Men, We Deserve</h3>
                        <ul class="deserve-list">
                            <li><i class="fas fa-check"></i> Safe spaces without judgment.</li>
                            <li><i class="fas fa-check"></i> Brotherhood without competition.</li>
                            <li><i class="fas fa-check"></i> Mentorship without ego.</li>
                            <li><i class="fas fa-check"></i> Encouragement without shame.</li>
                            <li><i class="fas fa-check"></i> Growth without apology.</li>
                            <li><i class="fas fa-check"></i> The freedom to evolve.</li>
                        </ul>
                    </div>
                    <div class="why-col">
                        <h3>To You Reading This</h3>
                        <div class="reading-items">
                            <p>Your life carries weight and worth.</p>
                            <p>Your past does not disqualify your future.</p>
                            <p>Your struggles do not define your identity.</p>
                            <p>Your purpose is still alive.</p>
                            <p class="reading-highlight">There is more in you than the world has yet seen.</p>
                        </div>
                    </div>
                </div>

                <div class="why-commitment">
                    <h3>Our Commitment</h3>
                    <p>Let's raise a generation of men defined not by trauma, silence, or societal pressure, but by <strong>character, emotional intelligence, integrity, faith, courage, and service</strong>.</p>
                    <p>If you are navigating unprocessed pain, identity challenges, stress, leadership pressures, or relationship struggles, <strong>this brotherhood exists for you</strong>.</p>
                </div>

                <div class="why-closing">
                    <p>Together, we will <strong>heal</strong>.</p>
                    <p>Together, we will <strong>build</strong>.</p>
                    <p>Together, we will <strong>rise</strong>.</p>
                    <p class="why-final">This journey is for us, by us, across borders and backgrounds.<br>
                    <strong>No man left behind. No burden carried alone.</strong></p>
                    <p class="why-iron"><strong>HERE IS OUR WHY</strong></p>
                </div>

                <div class="why-hashtags">
                    <span>#GlobalMensGroup</span>
                    <span>#BrotherhoodWithoutBorders</span>
                    <span>#MensWellbeing</span>
                    <span>#RiseTogether</span>
                </div>
            </div>
        </div>
    </section>

    <!-- ═══════════════════ LEADERSHIP COUNCIL ═══════════════════ -->
    <section class="council-section" id="council">
        <div class="container">
            <h2 class="section-title">The Leadership Council</h2>
            <p class="section-subtitle">Stewards of the Global Men's Group</p>

            <div class="council-wip">
                <div class="wip-icon"><i class="fas fa-hard-hat"></i></div>
                <h3>Work in Progress</h3>
                <p>We are currently assembling a dedicated leadership team to steward this global vision. The Global Leadership Council will provide governance, strategic direction, and ensure alignment with our Charter across all chapters.</p>
                <p class="wip-note">Interested in serving? <a href="mailto:info@globalmensgroup.com">Reach out to us</a></p>
            </div>
        </div>
    </section>

    <!-- ═══════════════════ CHAPTERS ═══════════════════ -->
    <section class="chapters-section" id="chapters">
        <div class="container">
            <p class="section-overline">Our Reach</p>
            <h2 class="section-title">Chapters</h2>
            <p class="section-subtitle">Building Brotherhood Across the Globe</p>

            <div class="chapters-grid">
                <div class="chapters-column">
                    <h3 class="chapters-status active"><i class="fas fa-circle"></i> Active Chapters</h3>
                    <div class="chapter-card active-chapter">
                        <div class="chapter-flag">
                            <img src="https://flagcdn.com/w40/us.png" alt="US Flag">
                        </div>
                        <div class="chapter-info">
                            <h4>Atlanta Men's Group</h4>
                            <p>Atlanta, Georgia, USA</p>
                        </div>
                        <a href="https://atlmensgroup.com" target="_blank" class="chapter-link">Visit Chapter <i class="fas fa-arrow-right"></i></a>
                    </div>
                </div>

                <div class="chapters-column">
                    <h3 class="chapters-status in-progress"><i class="fas fa-spinner fa-pulse"></i> In Progress</h3>
                    <div class="chapters-progress-grid">
                        <div class="chapter-card pending">
                            <img src="https://flagcdn.com/w40/us.png" alt="US" class="chapter-mini-flag">
                            <span>Seattle Men's Group</span>
                        </div>
                        <div class="chapter-card pending">
                            <img src="https://flagcdn.com/w40/us.png" alt="US" class="chapter-mini-flag">
                            <span>Dallas Men's Group</span>
                        </div>
                        <div class="chapter-card pending">
                            <img src="https://flagcdn.com/w40/us.png" alt="US" class="chapter-mini-flag">
                            <span>Boston Men's Group</span>
                        </div>
                        <div class="chapter-card pending">
                            <img src="https://flagcdn.com/w40/ke.png" alt="Kenya" class="chapter-mini-flag">
                            <span>Nairobi Men's Group</span>
                        </div>
                        <div class="chapter-card pending">
                            <img src="https://flagcdn.com/w40/us.png" alt="US" class="chapter-mini-flag">
                            <span>Birmingham Men's Group</span>
                        </div>
                        <div class="chapter-card pending">
                            <img src="https://flagcdn.com/w40/us.png" alt="US" class="chapter-mini-flag">
                            <span>Houston Men's Group</span>
                        </div>
                        <div class="chapter-card pending">
                            <img src="https://flagcdn.com/w40/us.png" alt="US" class="chapter-mini-flag">
                            <span>New York Men's Group</span>
                        </div>
                        <div class="chapter-card pending">
                            <img src="https://flagcdn.com/w40/us.png" alt="US" class="chapter-mini-flag">
                            <span>Washington DC Men's Group</span>
                        </div>
                        <div class="chapter-card pending">
                            <img src="https://flagcdn.com/w40/us.png" alt="US" class="chapter-mini-flag">
                            <span>Virginia Men's Group</span>
                        </div>
                        <div class="chapter-card pending">
                            <img src="https://flagcdn.com/w40/us.png" alt="US" class="chapter-mini-flag">
                            <span>Baltimore Men's Group</span>
                        </div>
                        <div class="chapter-card pending">
                            <img src="https://flagcdn.com/w40/ca.png" alt="Canada" class="chapter-mini-flag">
                            <span>Toronto Men's Group</span>
                        </div>
                        <div class="chapter-card pending">
                            <img src="https://flagcdn.com/w40/za.png" alt="South Africa" class="chapter-mini-flag">
                            <span>Johannesburg Men's Group</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ═══════════════════ PARTNERSHIPS ═══════════════════ -->
    <section class="partners-section" id="partners">
        <div class="container">
            <p class="section-overline">Collaborative Impact</p>
            <h2 class="section-title">Partnerships</h2>
            <div class="coming-soon">
                <div class="cs-icon"><i class="fas fa-handshake"></i></div>
                <h3>Coming Soon</h3>
                <p>We are actively building partnerships with organizations that share our vision of empowering men worldwide. Stay tuned for exciting collaborations.</p>
                <a href="mailto:info@globalmensgroup.com" class="btn btn-primary">Partner With Us</a>
            </div>
        </div>
    </section>

    <!-- ═══════════════════ MEMBERSHIP ═══════════════════ -->
    <section class="membership-section" id="membership">
        <div class="container">
            <p class="section-overline light">Join the Brotherhood</p>
            <h2 class="section-title light">Membership</h2>
            <div class="coming-soon light-cs">
                <div class="cs-icon"><i class="fas fa-users"></i></div>
                <h3>Coming Soon</h3>
                <p>Membership details and registration are being finalized. Join us in building a global brotherhood committed to character, accountability, service, and shared growth.</p>
                <a href="mailto:info@globalmensgroup.com" class="btn btn-white">Express Interest</a>
            </div>
        </div>
    </section>

    <!-- ═══════════════════ FOOTER ═══════════════════ -->
    <footer class="footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <div class="footer-brand-header">
                        <img src="images/logo-white.png" alt="Global Men's Group" class="footer-logo">
                        <div class="footer-brand-text">
                            <h3>GLOBAL MEN'S<br>GROUP</h3>
                            <p class="footer-tagline">IRON SHARPENS IRON</p>
                        </div>
                    </div>
                    <p class="footer-mission">"The Global Men's Group exists to cultivate a values-driven, service-oriented brotherhood where men across the world grow personally, lead with integrity, build meaningful relationships, and positively impact their communities."</p>
                    <div class="footer-social">
                        <span class="social-label">Follow Us on Social Media</span>
                        <div class="social-icons">
                            <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                            <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                            <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                            <a href="#" aria-label="TikTok"><i class="fab fa-tiktok"></i></a>
                            <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                        </div>
                    </div>
                </div>

                <div class="footer-archives">
                    <h4>The Archives</h4>
                    <a href="https://atlmensgroup.com/code-of-conduct" target="_blank" class="footer-link">Code of Conduct</a>
                    <a href="https://atlmensgroup.com/certificate-of-incorporation" target="_blank" class="footer-link">Certificate of Incorporation</a>
                </div>

                <div class="footer-command">
                    <h4>Command Center</h4>
                    <div class="command-item">
                        <i class="fas fa-map-marker-alt"></i>
                        <span>Atlanta Metropolitan Area<br>Georgia, USA <img src="https://flagcdn.com/w20/us.png" alt="US Flag" class="inline-flag"></span>
                    </div>
                    <div class="command-item">
                        <i class="fas fa-phone-alt"></i>
                        <a href="tel:7705009794">770 500 9794</a>
                    </div>
                    <div class="command-item">
                        <i class="fas fa-envelope"></i>
                        <a href="mailto:info@globalmensgroup.com">info@globalmensgroup.com</a>
                    </div>
                    <div class="command-item">
                        <i class="fas fa-envelope"></i>
                        <a href="mailto:globalmensgroup@gmail.com">globalmensgroup@gmail.com</a>
                    </div>
                    <div class="command-item">
                        <i class="fas fa-globe"></i>
                        <a href="https://www.globalmensgroup.com">www.globalmensgroup.com</a>
                    </div>
                    <a href="mailto:info@globalmensgroup.com" class="btn btn-gold footer-contact">Contact Us</a>
                </div>
            </div>

            <div class="footer-bottom">
                <p>&copy; 2026 Global Men's Group. All Rights Reserved.</p>
                <p class="footer-sovereign">Brotherhood Without Borders</p>
            </div>
        </div>
    </footer>

    <script src="js/main.js"></script>
</body>
</html>
