diff --git a/gettingstarted.html b/gettingstarted.html index 6c9a225..70a1583 100644 --- a/gettingstarted.html +++ b/gettingstarted.html @@ -2,54 +2,66 @@ title: Getting Started description: published: true -date: 2025-07-06T02:36:36.032Z +date: 2025-07-06T02:44:35.814Z tags: editor: code dateCreated: 2025-06-08T03:06:31.460Z --> -# ![11f39c35-0150-4b61-b168-a61c673b9cce.png](/11f39c35-0150-4b61-b168-a61c673b9cce.png) +
+
<!-- Logo -->
+<img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="Logo" style="max-width: 100%; height: auto;" />
 
-  
-
-

-    

-        Please follow this simple guide to install NGD scripts.
-    

-    

-        BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION
-    

-

+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    line-height: normal;
+    margin-top: 20px;
+    width: 100%;
+    max-width: 700px;
+    margin-left: auto;
+    margin-right: auto;
+">
+    <div>
+        Please follow this simple guide to install <span style="color: #fdd835;">NGD scripts</span>.
+    </div>
+    <div style="color: #4a90e2; font-size: 16px; margin-top: 5px;">
+        <strong>BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION</strong>
+    </div>
+    <div style="margin-top: 10px;">
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/g-iYc0wXeis"
+            title="YouTube video player" frameborder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+            allowfullscreen></iframe>
+    </div>
+</div>
 
-  
+<!-- Instructions -->
+<div style="margin-top: 30px; font-size: 16px; line-height: 1.6; max-width: 900px;">
+    <strong>🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!</strong>
+    <ol style="text-align: left;">
+        <li>Download all NGD resources from <a href="https://keymaster.fivem.net/" target="_blank">Keymaster</a> or <a href="https://portal.cfx.re/" target="_blank">CFX Portal</a>.</li>
+        <li>Create a folder called <code>[ngd]</code> inside your server's main resource folder.</li>
+        <li>Extract all your NGD resources into that folder <a href="https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png" target="_blank">like shown</a> (your resources may vary).</li>
+        <li>Open your server’s <code>server.cfg</code> file. At the <strong>bottom</strong>, add these lines then restart your server:
+            <pre style="background: #1e1e1e; padding: 10px; border-radius: 4px; color: #eee; overflow-x: auto;">ensure ngd-Bridge
+
+

ensure ngd-dj
+ensure [ngd]
+
+
+

Note: Skip ngd-dj if you didn't receive it with your resources.


+

Using CODEM Inventory? Click HERE for additional setup instructions.


+

Important: If your script includes items, make sure to add them to your framework/inventory along with all icons from the img folder!


+

-🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES! - -1. Download all NGD resources from [Keymaster](https://keymaster.fivem.net/) or [CFX Portal](https://portal.cfx.re/). -2. Create a folder called `[ngd]` inside of your server's main resource folder. -3. Extract all of your NGD resources and put them in this folder [like shown](https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png) (Please note - You may not have the resources shown.) -4. Open your server's `server.cfg` file. Towards the **bottom** of all your resources, put the following and then restart your server: - - ensure ngd-Bridge - ensure ngd-dj - ensure \[ngd\] - - Please Note - If you didn't receive `ngd-dj` with your resources, please don't put it in your server.cfg - -Do you have CODEM Inventory? Click [HERE](#) to view the additional instructions when using this inventory. - -- **Does \ No newline at end of file +
\ No newline at end of file