Index.html

Setting up the index.html to fit your server.

1. Changing the title of the index.html (Line: 6).

<title>YOUR FIVEM SERVER</title>

1. Changing the background video (Line: 13).

<source src="media/background.mp4" type="video/mp4" />

1. Changing the server information box (Lines: 18, 19).

<h3>SERVER INFORMATION</h3>
<p>This is where you would write a basic server description for what your server has to offer, maybe some cool features? What type of server is it? </p>

1. Changing the support information box (Lines: 23, 24).

<h3>NEED SUPPORT</h3>
<p>If you require assistance with connecting, bugs or general assistance please don't hesitate to join our discord server. Our staff team are readily available.</p>

1. Putting your own discord link into the button (Line: 28).

<a href="https://discord.gg/yourdiscordserver" target="_blank" rel="noopener noreferrer">

1. Changing the title of the actual loading screen to your server name (Line: 34).

<span>YOUR FIVEM SERVER</span>

1. Uploading new images for the loading screen image viewer and slideshow (Line: 61 - 90).

   1. Instead of uploading the 20 line block of code, you can view it in the index.html. It's easy to find.

   2. Make sure all images end in ".jpg" as that is what the index.html reads.

   3. You can upload as many images as you want.

   4. Place all images in the media folder (txgls-loadscreen/media/).