ThatGuyJacobee/Elite-Gaming-FiveM
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
master
Elite-Gaming-FiveM/resources/guidehud/LoadingScreen-/ui.html
T
Jacob c1add166a1 Initial commit
2021-12-03 01:05:09 +00:00

176 lines
9.2 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE html>
<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">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<!-- FontAwesome -->
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="../assets/css/style.css">
</head>
<body>
<div id="background"></div>
<div class="jumbotron vertical-center">
<div class="container">
<nav class="navbar">
<span class="navbar-brand"></span>
</nav>
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab"
aria-controls="pills-home" aria-selected="true">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-rules-tab" data-toggle="pill" href="#pills-rules" role="tab"
aria-controls="pills-rules" aria-selected="true">RULES</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-controls-tab" data-toggle="pill" href="#pills-controls" role="tab"
aria-controls="pills-controls" aria-selected="false">CONTROLS</a>
</li>
</ul>
<div class="tab-content" id="pills-tabContent">
<!-- Home Tab -->
<div class="tab-pane home-tab fade show active" id="pills-home" role="tabpanel"
aria-labelledby="pills-home-tab">
<!--<img src="../assets/img/logo.png">-->
<h1></h1>
<ul>
</ul>
<h2>Press <kbd></kbd> in game to bring up this menu at any time.</h2>
<div class="loading d-flex justify-content-center">
<div class="lds-loader">
<div></div>
<div></div>
<div></div>
</div>
<div id="musicControls">
<div id="previous" onclick="previousVideo()"><i class="fas fa-backward"></i></div>
<div id="play-pause" onclick="playPause()"><i class="fas fa-pause"></i></div>
<div id="skip" onclick="skipVideo()"><i class="fas fa-forward"></i></div>
<div id="mute" onclick="muteVideo()"><i class="fas fa-volume-up"></i></div>
<input type="range" min="1" max="100" class="slider" id="volumeSlider">
</div>
<div id="ytPlayer"></div>
<div class="discord">
<img src="../assets/img/discord.png">
<p></p>
</div>
</div>
</div>
<!-- End Home Tab -->
<!-- Rules Tab -->
<div class="tab-pane fade show" id="pills-rules" role="tabpanel" aria-labelledby="pills-rules-tab">
<!-- Rules Inner Tabs -->
<div class="nav flex-column nav-pills inner-tabs" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link nav-link-inner active" id="v-pills-guidelines-tab" data-toggle="pill"
href="#v-pills-guidelines" role="tab" aria-controls="v-pills-guidelines"
aria-selected="true">GUIDELINES</a>
<a class="nav-link nav-link-inner" id="v-pills-general-conduct-tab" data-toggle="pill"
href="#v-pills-general-conduct" role="tab" aria-controls="v-pills-general-conduct"
aria-selected="false">GENERAL CONDUCT</a>
<a class="nav-link nav-link-inner" id="v-pills-rprules-tab" data-toggle="pill" href="#v-pills-rprules"
role="tab" aria-controls="v-pills-rprules" aria-selected="false">ROLE PLAYING</a>
<a class="nav-link nav-link-inner" id="v-pills-rdmvdm-tab" data-toggle="pill" href="#v-pills-rdmvdm"
role="tab" aria-controls="v-pills-rdmvdm" aria-selected="false">RDM/VDM</a>
<a class="nav-link nav-link-inner" id="v-pills-meta-powergaming-tab" data-toggle="pill"
href="#v-pills-meta-powergaming" role="tab" aria-controls="v-pills-meta-powergaming"
aria-selected="false">META-GAMING / POWER GAMING</a>
<a class="nav-link nav-link-inner" id="v-pills-newlife-tab" data-toggle="pill" href="#v-pills-newlife"
role="tab" aria-controls="v-pills-newlife" aria-selected="false">NEW LIFE (NLR)</a>
<a class="nav-link nav-link-inner" id="v-pills-exploits-tab" data-toggle="pill" href="#v-pills-exploits"
role="tab" aria-controls="v-pills-exploits" aria-selected="false">BUG ABUSING, EXPLOITING, AND HACKING</a>
<a class="nav-link nav-link-inner" id="v-pills-staff-tab" data-toggle="pill" href="#v-pills-staff"
role="tab" aria-controls="v-pills-staff" aria-selected="false">OUR STAFF</a>
</div>
<div class="tab-content tab-content-inner" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-guidelines" role="tabpanel"
aria-labelledby="v-pills-guidelines-tab">
<!-- Guideline Rules -->
</div>
<div class="tab-pane fade" id="v-pills-general-conduct" role="tabpanel"
aria-labelledby="v-pills-general-conduct-tab">
<!-- General Conduct Rules -->
</div>
<div class="tab-pane fade" id="v-pills-rprules" role="tabpanel" aria-labelledby="v-pills-rprules-tab">
<!-- Role Playing Rules -->
</div>
<div class="tab-pane fade" id="v-pills-rdmvdm" role="tabpanel" aria-labelledby="v-pills-rdmvdm-tab">
<!-- RDM/VDM Rules -->
</div>
<div class="tab-pane fade" id="v-pills-meta-powergaming" role="tabpanel"
aria-labelledby="v-pills-meta-powergaming-tab">
<!-- Meta/Power Gaming Rules -->
</div>
<div class="tab-pane fade" id="v-pills-newlife" role="tabpanel" aria-labelledby="v-pills-newlife">
<!-- New Life Rules -->
</div>
<div class="tab-pane fade" id="v-pills-exploits" role="tabpanel" aria-labelledby="v-pills-exploits">
<!-- Abuse/Exploit Rules -->
</div>
<div class="tab-pane fade" id="v-pills-staff" role="tabpanel" aria-labelledby="v-pills-staff">
<!-- Staff List -->
</div>
</div>
<!-- End Rules Inner Tabs -->
</div>
<!-- End Rules Tab -->
<!-- Controls Tab -->
<div class="tab-pane fade" id="pills-controls" role="tabpanel" aria-labelledby="pills-controls-tab">
<!-- Controls Inner Tabs -->
<div class="nav flex-column nav-pills inner-tabs" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link nav-link-inner active" id="v-pills-general-tab" data-toggle="pill"
href="#v-pills-general" role="tab" aria-controls="v-pills-general" aria-selected="true">GENERAL</a>
<a class="nav-link nav-link-inner" id="v-pills-rp-tab" data-toggle="pill" href="#v-pills-rp" role="tab"
aria-controls="v-pills-rp" aria-selected="false">ROLEPLAY</a>
<a class="nav-link nav-link-inner" id="v-pills-vehicles-tab" data-toggle="pill" href="#v-pills-vehicles"
role="tab" aria-controls="v-pills-vehicles" aria-selected="false">VEHICLES</a>
<a class="nav-link nav-link-inner" id="v-pills-jobs-tab" data-toggle="pill" href="#v-pills-jobs" role="tab"
aria-controls="v-pills-jobs" aria-selected="false">POLICE & EMS/FD</a>
</div>
<div class="tab-content tab-content-inner" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-general" role="tabpanel"
aria-labelledby="v-pills-general-tab">
<!-- General Hotkeys -->
</div>
<div class="tab-pane fade" id="v-pills-rp" role="tabpanel" aria-labelledby="v-pills-rp-tab">
<!-- RP Hotkeys -->
</div>
<div class="tab-pane fade" id="v-pills-vehicles" role="tabpanel" aria-labelledby="v-pills-vehicles-tab">
<!-- Vehicle Hotkeys -->
</div>
<div class="tab-pane fade" id="v-pills-jobs" role="tabpanel" aria-labelledby="v-pills-jobs-tab">
<!-- Job Hotkeys -->
</div>
</div>
<!-- End Controls Inner Tabs -->
</div>
<!-- End Controls Tab -->
</div>
</div>
</div>
<img id="cursor" src="../assets/img/cursor.png" />
<!-- Custom JS -->
<script src="../assets/js/app.js"></script>
<script src="../config.js"></script>
<script src="../assets/js/music.js"></script>
<script>window.onload = loadingScreen;</script>
<!-- Bootstrap Includes -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink