<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="style.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="https://kit-pro.fontawesome.com/releases/v5.15.2/css/pro.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v5.15.4/css/all.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
    <script src="nui://game/ui/jquery.js" type="text/javascript"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"
        integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <script type="text/javascript" src="app.js" defer></script>
    <title>MS GangTurfs</title>
</head>
<body id="body">
    <audio id="beep" src="sounds/beep.mp3"></audio>
    <audio id="pausesound" src="sounds/f9pausesound.mp3"></audio>
    <audio id="point" src="sounds/f9uihobsound.mp3"></audio>
    <audio id="hover1" src="sounds/hover2ui.mp3"></audio>
    <audio id="hover2" src="sounds/hoverui.mp3"></audio>
    <audio id="double" src="sounds/notifydouble.mp3"></audio>
    <audio id="opening" src="sounds/opening.mp3"></audio>
    <audio id="blockui" src="sounds/blockui.mp3"></audio>
    <audio id="trodun" src="sounds/f9trodun.mp3"></audio>
    <div class="cursor"></div>
    <!-- turf progress -->
    <div class="fprogressline">
        <div class="fprogresslineborder">
            <div class="fprogressbar">
                <div class="f9progressbar"></div>
            </div>
        </div>
        <div class="fprogresslinetexts noselect">
            <p></p>
        </div>
    </div>
    <!-- turf menu -->
    <div id="wexdevelopment" class="f9turf">
        <div class="f9turfheader">
            <div class="f9turfheadertitle noselect">
                <p>Gangs Turf</p>
            </div>
            <div class="turfclosemenu noselect">
                <i class="fas fa-times-circle"></i>
            </div>
        </div>
        <div class="f9turfcontainer">
            <div class="f9turfpages">
                <div class="turfpage" id="mygang">
                    <div class="gangavatar noselect">
                        <div class="gangsavatar">
                            <img style="width: 100%; height: 100%;"
                                src="https://media.discordapp.net/attachments/1028319943713890385/1129765491850887288/IMG_4715.webp">
                        </div>
                        <div class="gangsmembers">
                            <div class="gangsmemberstitle">Gangs Members</div>
                            <div class="gangmember">
                                <div class="rank">Gang Boss</div>
                                <i class="tooltip fas fa-circle online" data-text="Online"></i>
                                Faisal Faisal
                            </div>
                        </div>
                        <div class="gangonlinemembers">
                            <i class="fas fa-globe"></i>
                        </div>
                    </div>
                    <div class="ganginfolist">
                        <div class="gangoneinfo" id="ganenametitle">Gang Name:
                            <div id="mygangname">Grove street</div>
                        </div>
                        <div class="gangoneinfo" id="gangleveltitle">Gane
                            Level: <div id="myganglevel">3919370</div>
                        </div>
                        <div class="gangoneinfo" id="gangonlinetitle">Online
                            Members: <div id="mygangonline"></div>
                        </div>
                    </div>
                    <div class="bottomside">
                        <div class="turflogs">
                            <div class="oneturflog">
                                <div class="locateplace"><i class="fas fa-street-view"></i></div>
                                <div class="truflogtext">someone take my land
                                    now please check right now , we wan't wite maybe will be fine <br>
                                    <font style="font-size: 9px; color: #b3b3b3;"> <i class="fas fa-clock"></i>
                                        17/05/2023 12:21</font>
                                </div>
                            </div>
                        </div>
                        <div class="currentgangs noselect">
                            <div class="currentgangstitleheader">
                                <div class="currentgangstitleline"></div>
                                <div class="currentgangstitletext">Other Gangs
                                </div>
                                <div class="currentgangstitleline"></div>
                            </div>
                            <div class="onecrgang online tooltip" data-text="Ballas">
                                <img
                                    src="https://media.discordapp.net/attachments/1028319943713890385/1129765491850887288/IMG_4715.webp">
                            </div>
                            <div class="onecrgang offline tooltip" data-text="Ballas">
                                <img
                                    src="https://media.discordapp.net/attachments/1028319943713890385/1129765491850887288/IMG_4715.webp">
                            </div>
                            <div class="onecrgang online tooltip" data-text="Ballas">
                                <img
                                    src="https://media.discordapp.net/attachments/1028319943713890385/1129765491850887288/IMG_4715.webp">
                            </div>
                            <div class="onecrgang offline tooltip" data-text="Ballas">
                                <img
                                    src="https://media.discordapp.net/attachments/1028319943713890385/1129765491850887288/IMG_4715.webp">
                            </div>
                            <div class="onecrgang offline tooltip" data-text="Ballas">
                                <img
                                    src="https://media.discordapp.net/attachments/1028319943713890385/1129765491850887288/IMG_4715.webp">
                            </div>
                            <div class="onecrgang online tooltip" data-text="Ballas">
                                <img
                                    src="https://media.discordapp.net/attachments/1028319943713890385/1129765491850887288/IMG_4715.webp">
                            </div>
                            <div class="onecrgang offline tooltip" data-text="Ballas">
                                <img
                                    src="https://media.discordapp.net/attachments/1028319943713890385/1129765491850887288/IMG_4715.webp">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="turfpage noselect" id="toplevels">
                    <div class="gangsmemberstitle">Top Levels</div>
                    <div class="topgangs">
                        <div class="listonegang">
                            <div class="imagecircle">
                                <img
                                    src="https://media.discordapp.net/attachments/1028319943713890385/1129765491850887288/IMG_4715.webp">
                            </div>
                            <div class="ganginfo">
                                <div class="gangname">Ballas</div>
                                <div class="ganglevel">#1</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="f9turfbottombuttons">
                <div class="f9bottombutton noselect" id="fffpage1" data-page="mygang">My gang</div>
                <div class="f9bottombutton noselect" id="fffpage2" data-page="toplevels">Top Levels</div>
                <button class="f9bottombutton noselect" onclick="ToggleBlips()">Toggle Blips</button>
            </div>
        </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</body>
</html>