<div class="hof-container">
    <h1 class="hof-title">SWC - Hall of Fame</h1>
    <p class="hof-description">Welcome to the Hall of Fame! Here we celebrate the achievements and contributions of our most outstanding members. Read on to see why each member was inducted!</p>

    <div class="hof-section">

        <!-- Member 1 -->
        <div class="hof-post">
            <div class="hof-post-header">
                <img src="https://swcthefinalchapter.com/data/avatars/o/0/130.jpg?173812014" alt="Member 1" class="hof-post-avatar">
                <div class="hof-post-info">
                    <h3 class="hof-post-username">Rey619</h3>
                    <p class="hof-post-details">Contributed: 1000+  Posts | Joined: January 2007</p>
                </div>
            </div>
            <div class="hof-post-content">
                <p class="hof-member-badge">Founder/Owner</p>
                <p><strong>Reason for Induction:</strong> Rey619 has consistently contributed to SWC, guided new users, and participated in community discussion.
Their positive attitude has made a significant impact on the forum. Rey is also one of the older members, we all appreciate their hard work and dedication to lead the way to the future SWC</p>
            </div>
        </div>

        <!-- Member 2 -->
        <div class="hof-post">
            <div class="hof-post-header">
                <img src="https://swcthefinalchapter.com/data/avatars/o/0/132.jpg?1733365791" alt="Member 2" class="hof-post-avatar">
                <div class="hof-post-info">
                    <h3 class="hof-post-username">METALGOD</h3>
                    <p class="hof-post-details">Contributed: 500+ Posts | Joined: November 2024</p>
                </div>
            </div>
            <div class="hof-post-content">
                <p class="hof-member-badge">VIP</p>
                <p><strong>Reason for Induction:</strong> METALGOD has been a great aspect to the forum and SWC. They are always kind and show true dedication at times it is needed most.</p>
            </div>
        </div>

        <!-- Member 3 -->
        <div class="hof-post">
            <div class="hof-post-header">
                <img src="https://swcthefinalchapter.com/data/avatars/o/0/134.jpg?1735190490" alt="Member 3" class="hof-post-avatar">
                <div class="hof-post-info">
                    <h3 class="hof-post-username">Slappy</h3>
                    <p class="hof-post-details">Contributed 300+ Posts | Joined: Nov 6</p>
                </div>
            </div>
            <div class="hof-post-content">
                <p class="hof-member-badge">Community Leader & Important Aspect</p>
                <p><strong>Reason for Induction:</strong> Slappy is a successful community leader  and has played a key role in engaging the community together.. Their dedication and vision have helped shape the direction of the forum and history.</p>
            </div>
        </div>

        <!-- Member 4 -->
        <div class="hof-post">
            <div class="hof-post-header">
                <img src="https://swcthefinalchapter.com/data/avatars/o/0/133.jpg?1733370004" alt="Member 4" class="hof-post-avatar">
                <div class="hof-post-info">
                    <h3 class="hof-post-username">Destroyer</h3>
                    <p class="hof-post-details">Contributed: 1,500 Posts | Joined:  2007</p>
                </div>
            </div>
            <div class="hof-post-content">
                <p class="hof-member-badge">VIP</p>
                <p><strong>Reason for Induction:</strong> <!--Member Name 4 has organized several online charity events, raising signifi.-->  Destroyer has been another long-term aspect to the community. Their dedication to community welfare and seamless graphics are  inspiring.</p>
            </div>
        </div>

        <!-- Member 5 -->
        <div class="hof-post">
            <div class="hof-post-header">
                <img src="https://swcthefinalchapter.com/data/avatars/o/0/162.jpg?1734850705" alt="Member 5" class="hof-post-avatar">
                <div class="hof-post-info">
                    <h3 class="hof-post-username">Zach</h3>
                    <p class="hof-post-details">Contributed: 600+ Posts | Joined: 2013</p>
                </div>
            </div>
            <div class="hof-post-content">
                <p class="hof-member-badge">A long lasting legacy</p>
                <p><strong>Reason for Induction:</strong> <!-- Member Name 5 has created top-tier tutorial content and in-depth articles, educating countless members on complex topics. Their content has been pivotal in improving community knowledge -->Over the years, Zach has showh his commitment to the forum. He has been a crucial aspect to overall success, this has been proved by the work he does and the support he provides.</p>
            </div>
        </div>

        <!-- Member 6 -->
        <div class="hof-post">
            <div class="hof-post-header">
              <!--  <img src="https://yourwebsite.com/path/to/member-image6.jpg" alt="Member 6" class="hof-post-avatar">--><img src="https://swcthefinalchapter.com/data/avatars/o/0/131.jpg?1736021110" alt="Member 6" class="hof-post-avatar">
                <div class="hof-post-info">
                    <h3 class="hof-post-username">Sully©</h3>
                    <p class="hof-post-details">Contributed: 400+ Posts | Joined: 2007</p>
                </div>
            </div>
            <div class="hof-post-content">
                <p class="hof-member-badge">Royal Member</p>
                <p><strong>Reason for Induction:</strong> <!-- Member Name 6 has gone above and beyond in offering support to members with technical issues. They have helped hundreds of users solve problems and have created several useful guides.-->Sully has shown his love and passion for SWC. He has stood beside us through struggles and hard times, without him nobody would be here today! Thank you Sully for your hard work!</p> 
            </div>
        </div>

        <!-- Member 7 -->
        <div class="hof-post">
            <div class="hof-post-header">
                <!--<img src="https://yourwebsite.com/path/to/member-image7.j<!---><img src="http://swcthefinalchapter.com/attachments/img_2899-jpeg.426/" alt="Member 7" class="hof-post-avatar">
                <div class="hof-post-info">
                    <h3 class="hof-post-username">Suns</h3>
                    <p class="hof-post-details">Contributed: 1,000+ Posts | Joined: 2007</p>
                </div>
            </div>
            <div class="hof-post-content">
                <p class="hof-member-badge">Top OG</p>
                <p><strong>Reason for Induction:</strong> <!--Member Name 7 has been an outstanding moderator, ensuring the community remains safe and productive. Their fairness and dedication to keeping the forum running smoothly are invaluable. --> Suns was one of the most dedicated users. A die-hard UK fan, his energy, engagement, and passion for both sports and wrestling helped shape the early SWC.</p>
            </div>
        </div>

        <!-- Member 8 -->
        <div class="hof-post">
            <div class="hof-post-header">
               <!-- <img src="https://yourwebsite.com/path/to/member-image8.jpg" --> <img src="https://swcthefinalchapter.com/data/avatars/o/0/48.jpg?1735673638" alt="Member 8" class="hof-post-avatar">
                <div class="hof-post-info">
                    <h3 class="hof-post-username">Jason76</h3>
                    <p class="hof-post-details">Contributed: 1300+ Posts | Joined: 2009</p>
                </div>
            </div>
            <div class="hof-post-content">
                <p class="hof-member-badge">Community MVP</p>
                <p><strong>Reason for Induction:</strong> <!--Member Name 8 has been the backbone of many community-driven initiatives. Whether helping to organize meetups or developing new forum features, they’ve shown a relentless commitment to growth.-->Since 2009 Jason has been an integral part of SWC. Long before the transition to Xenforo he made the first SWC on phpBB. He shaped the foundation of what we know now as SWC!</p>
            </div>
        </div>

        <!-- Member 9 
        <div class="hof-post">
            <div class="hof-post-header">
                <img src="https://yourwebsite.com/path/to/member-image9.jpg" alt="Member 9" class="hof-post-avatar">
                <div class="hof-post-info">
                    <h3 class="hof-post-username">Member Name 9</h3>
                    <p class="hof-post-details">Contributed: 1,300 Posts | Joined: December 2019</p>
                </div>
            </div>
            <div class="hof-post-content">
                <p class="hof-member-badge">Creative Genius</p>
                <p><strong>Reason for Induction:</strong> Member Name 9 has contributed exceptionally creative content, from designing custom graphics to organizing fun interactive games. Their creativity has brought a unique vibe to the community.</p>
            </div>
        </div>

        <!-- Member 10 
        <div class="hof-post">
            <div class="hof-post-header">
                <img src="https://yourwebsite.com/path/to/member-image10.jpg" alt="Member 10" class="hof-post-avatar">
                <div class="hof-post-info">
                    <h3 class="hof-post-username">Member Name 10</h3>
                    <p class="hof-post-details">Contributed: 2,000 Posts | Joined: April 2020</p>
                </div>
            </div>
            <div class="hof-post-content">
                <p class="hof-member-badge">Forum Veteran</p>
                <p><strong>Reason for Induction:</strong> Member Name 10 has been a steady and reliable presence, offering advice, sharing insights, and helping guide the forum through its toughest times. Their veteran status is well-earned.</p>
            </div>
        </div>

    </div>
</div>
-->
<!-- Add some custom CSS -->
<style>
    .hof-container {
        max-width: 1000px;
        margin: 0 auto;
        padding: 20px;
    }

    .hof-title {
        font-size: 36px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 20px;
    }

    .hof-description {
        text-align: center;
        font-size: 18px;
        margin-bottom: 40px;
    }

    .hof-section {
        margin-bottom: 60px;
    }

    .hof-post {
        background: #f9f9f9;
        border: 1px solid #ddd;
        border-radius: 5px;
        margin-bottom: 20px;
        padding: 15px;
    }

    .hof-post-header {
        display: flex;
        align-items: center;
    }

    .hof-post-avatar {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin-right: 15px;
    }

    .hof-post-info {
        flex: 1;
    }

    .hof-post-username {
        font-size: 22px;
        margin: 0;
    }

    .hof-post-details {
        font-size: 14px;
        color: #666;
        margin-top: 5px;
    }

    .hof-post-content {
        margin-top: 15px;
    }

    .hof-member-badge {
        background-color: #f4c542;
        color: #333;
        padding: 5px 10px;
        font-weight: bold;
        margin-bottom: 10px;
        display: inline-block;
    }

    p {
        font-size: 16px;
        color: #555;
    }
</style>