https://github.com/scrachstack/community-landing
HTML5 Landing Page for a FiveM RP Community!
https://github.com/scrachstack/community-landing
community-roleplay html html5
Last synced: 4 months ago
JSON representation
HTML5 Landing Page for a FiveM RP Community!
- Host: GitHub
- URL: https://github.com/scrachstack/community-landing
- Owner: ScrachStack
- License: gpl-3.0
- Created: 2023-08-31T01:46:55.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-31T02:38:10.000Z (over 2 years ago)
- Last Synced: 2025-03-06T08:19:41.532Z (11 months ago)
- Topics: community-roleplay, html, html5
- Language: HTML
- Homepage:
- Size: 20.5 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Community-Landing: HTML5 Landing Page for FiveM RP Community
Discord: [Zaps](https://discord.gg/cfxdev)
## Description
This project is an HTML5 landing page designed for FiveM Role-Playing communities. It's built with HTML5, CSS3, and uses JavaScript and jQuery for interactivity. It also features a preloader and cookie consent banner. This landing page is a perfect starting point for communities who want to have an online presence.
## Features
- Responsive Design
- Cookie Consent Banner
- Dynamic Preloader
- Section for features, contacts, and other information
- Easy customization
## Prerequisites
Make sure you have the following installed:
- A text editor like Visual Studio Code, Sublime Text, or Atom
- Basic understanding of HTML, CSS, and JavaScript
## Installation
1. Clone the repository or download the zip file and extract it.
2. Open the `index.html` file in your text editor of choice.
3. Start editing as per your requirements.
### Header
Find the header tag and replace the title text:
```html
PutYourHandsUP RP
```
### Navigation Links
Look for the `nav` section and update the navigation links:
```
Home
About
Departments
Contact
Discord
```
### Welcome Section
Navigate to the `.container` section and edit the text and buttons:
```html
Welcome to PutYourHandsUP !
This is a place where you can immerse yourself in a role-playing experience.
```
### Server IP
Replace the placeholder `your_server_ip_here` in the JavaScript with your actual server IP.
```javascript
var serverIP = 'your_server_ip_here';
```
### Background Image
Replace the `background-image` URL in the `.background` class to change the background:
```css
.background {
background-image: url('https://your-image-url-here.jpg');
}
```
## Contributing
If you'd like to contribute, please fork the repository and make changes as you'd like. Pull requests are warmly welcome.
## License
Distributed under the MIT License. See `LICENSE` for more information.