diff --git a/gettingstarted.html b/gettingstarted.html
index 55051b6..a331595 100644
--- a/gettingstarted.html
+++ b/gettingstarted.html
@@ -2,7 +2,7 @@
 title: Getting Started
 description: 
 published: true
-date: 2025-01-27T22:04:00.920Z
+date: 2025-01-27T22:05:49.418Z
 tags: 
 editor: code
 dateCreated: 2025-01-27T20:50:39.270Z
@@ -26,26 +26,67 @@ dateCreated: 2025-01-27T20:50:39.270Z
     </span>
 </div>
 <br>
-<p>🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!</p>
-<ol>
-<li>
-<p>Download all NGD resources from <a class="is-external-link" href="https://keymaster.fivem.net/">Keymaster</a> or <a class="is-external-link" href="https://portal.cfx.re/">CFX Portal</a>.</p>
-</li>
-<li>
-<p>Create a folder called <code>[ngd]</code> inside of your server's main resource folder.</p>
-</li>
-<li>
-<p>Extract all of your NGD resources and put them in this folder <a class="is-external-link" href="https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png">like shown</a> (Please note - You may not have the resources shown.)</p>
-</li>
-<li>
-<p>Open your server's <code>server.cfg</code> file. Towards the <strong>bottom</strong> of all your resources, put the following and then restart your server:</p>
-<p>ensure ngd-Bridge<br>
-ensure ngd-dj<br>
-ensure [ngd]</p>
-<p>Please Note - If you didn't receive <code>ngd-dj</code> with your resources, please don't put it in your server.cfg</p>
-</li>
-</ol>
-<p>Do you have CODEM Inventory? Click <a href="#">HERE</a> to view the additional instructions when using this inventory.</p>
-<ul>
-<li><strong>Does the readme of your script have items?</strong> Make sure to add them into your framework or inventory, along with all of the inventory icons from the <code>'img'</code> folder!</li>
-</ul>
+<div style="
+    border: 1px solid #888;
+    border-radius: 8px;
+    padding: 15px;
+    background-color: #2a2a2a; /* Gray background */
+    color: #fff;
+    font-size: 18px;
+    font-weight: bold;
+">
+    <div style="display: flex; align-items: center;">
+        <span style="font-size: 24px; margin-right: 10px;">🛠️</span>
+        MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!
+    </div>
+    <ol style="padding-left: 20px; font-weight: normal; margin-top: 15px;">
+        <li>
+            Download all NGD resources from 
+            <a href="https://keymaster.fivem.net/" style="color: #4a90e2; text-decoration: underline;">Keymaster</a>
+            or 
+            <a href="https://portal.cfx.re/" style="color: #4a90e2; text-decoration: underline;">CFX Portal</a>.
+        </li>
+        <li>
+            Create a folder called <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">[ngd]</code> inside of your server's main resource folder.
+        </li>
+        <li>
+            Extract all of your NGD resources and put them in this folder 
+            <a href="https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png" style="color: #4a90e2; text-decoration: underline;">like shown</a> 
+            (Please note - You may not have the resources shown.)
+        </li>
+        <li>
+            Open your server's <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">server.cfg</code> file. Towards the <b>bottom</b> of all your resources, put the following and then restart your server:
+            <pre style="background-color: #111; padding: 12px 15px; border-radius: 6px; color: #f1f1f1; margin: 10px 0; font-family: monospace; font-size: 16px;">
+ensure ngd-Bridge
+ensure ngd-dj
+ensure [ngd]
+            </pre>
+            <span style="font-size: 14px;">
+                Please Note - If you didn't receive <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">ngd-dj</code> with your resources, please don't put it in your server.cfg
+            </span>
+        </li>
+    </ol>
+    <p style="margin-top: 15px; font-weight: normal;">
+        Do you have CODEM Inventory? Click 
+        <a href="#" style="color: #4a90e2; text-decoration: underline;">HERE</a>
+        to view the additional instructions when using this inventory.
+    </p>
+    <ul style="margin-top: 10px; font-weight: normal;">
+        <li>
+            <b>Does the readme of your script have items?</b> Make sure to add them into your framework or inventory, along with all of the inventory icons from the <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">'img'</code> folder!
+        </li>
+    </ul>
+</div>
+<br>
+<div style="text-align: center; margin-top: 20px;">
+    <iframe 
+        width="800" 
+        height="600" 
+        src="https://www.youtube.com/embed/g-iYc0wXeis?start=0" 
+        title="YouTube video player" 
+        frameborder="0" 
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
+        allowfullscreen>
+    </iframe>
+</div>
+