<html>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/all.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="script.js"></script>
<script src="https://kit.fontawesome.com/0dfdec2c7e.js"></script>

<div class="logo">EKYRP</div>
<img class="backguy" src="img/pic1.png">

<ul class="menu">
    <li class="menuitem" onclick="openLink('start')" style="border-color: #5D3FD3">Home</li>
    <li class="menuitem" onclick="openLink('about')">About</li>
    <li><a href="https://easternkentuckyrp.com/photos" class="menuitem">Photos</a></li>
    <li><a href="https://ekyrp.myspreadshop.com/" class="menuitem">Merch</a></li>
    <li><a href="https://www.patreon.com/easternkentuckyrp" class="menuitem">Patreon</a></li>
    <!-- <li class="menuitem" onclick="openLink('rules')">Rules</li> -->
    <!-- <li class="menuitem" onclick="openLink('whitelist')">Whitelist</li> -->
   <!-- <li class="menuitem" onclick="openLink('apply')">Apply</li>-->
   <!-- <li class="menuitem" onclick="openLink('contact')">Contact</li> -->
    <!--<li class="menuitem" onclick="openLink('partner')">Partner</li>-->
    <!-- <li class="menuitem" onclick="openLink('imprint')">Imprint</li> -->
</ul>

<div class="maintext">
    <div class="title">Eastern Kentucky <br>
        <w style="color: #5D3FD3">Roleplay</w>
    </div>
    <div class="description">Welcome to the Eastern Kentucky Roleplay Official website, we are of Grand Theft Auto V FiveM Roleplay community. Join us by connecting directly to our server as a civilian or join the discord and apply for one of our many departments!</div>
</div>

<div class="bar">
    <div class="sec1">
        <div class="sec1time">3:13</div>
    </div>

    <div class="sec2">
        <div class="sectitle">FiveM</div>
        <div class="secsubtitle" id="fivemLink">https://cfx.re/join/b8l83p</div>
        <div class="secslots">Max 64 slots</div>
        <div class="secip" id="first" onclick="openLink('fivemLink')">Join</div><i onclick="copyText('fivemLink')" class="grey1 far fa-copy" aria-hidden="true"></i>
        <div class="secbarfull">
            <div class="secinbar"></div>
        </div>

        <div class="secbadge">Game</div>
    </div>

    <div class="sec3">
        <div class="sectitle">Discord</div>
        <div class="secsubtitle blue">discord.gg/EKYRP</div>
        <div class="secslots">200+ Members</div>
        <div class="secip blue" id="second" onclick="openLink('second')">Join</div><i onclick="copyText('second')" class="grey2 far fa-copy"></i>
        <div class="secbarfull">
            <div class="secinbar bluebg"></div>
        </div>

        <div class="secbadge bluebg">Community</div>
    </div>

    <div class="sec4">
        <div class="sectitle">TBD</div>
        <div class="secsubtitle pink">TBD</div>
        <div class="secslots">64 Slots</div>
        <div class="secip pink" id="third" onclick="openLink('third')">Join</div><i onclick="copyText('third')" class="grey3 far fa-copy"></i>
        <div class="secbarfull">
            <div class="secinbar pinkbg"></div>
        </div>

        <div class="secbadge pinkbg">Teamspeak</div>
    </div>
</div>

</html>
<!--Copyright (c) 2025 CDHLLC-->