Editing Starting Off

<div style="background-color: #e6f2ff; padding: 20px;">
  <div style="max-width: 1200px; margin: 0 auto;">
    <div style="background-color: #004080; color: #ffffff; text-align: center; padding: 10px; margin-bottom: 20px;">
      <h1 style="font-family: Verdana, sans-serif;">Starting Off - Jade Dynasty Wiki</h1>
    </div>

    <h2>Welcome to the vast world of Jade Dynasty! Today marks the start of your journey! Pick your race, Human or Athan, and let's begin!</h2>

    <h3 id="Character_Creation">Character Creation</h3>
    [[File:CharacterCreation.jpg|alt=Character Creation|max-width=100%|height=auto|margin-bottom=20px]]

    <p>At Character Creation, you can customize you hair, face, and what you initially wear! If you picked a Human, you can click any of the icons on the top right to preview the gears of the 6 factions of your race.</p>

    [[File:Induction3.jpg|alt=Induction|max-width=100%|height=auto|margin-bottom=20px]]

    <p>Notice that at the bottom right, you are asked to put in what is called an Inductor ID. Where can you find these? Head over here <a href="The_Induction_Agent">The Induction Agent</a> to find your Inductor! As an Inductee, you get a free Brocade Box that you can open every 5 levels for exclusive items! You also get more benefits depending on who your inductee is!</p>

    <h3 id="Starting_the_Game">Starting the Game</h3>
    <p>When you first begin the game, visit either Tanis Ka or Guli the Senior first since they have a quest for you. Their quest will introduce you to the other NPCs in the game and they will give you your first items.</p>

    <h3 id="Humans">Humans</h3>
    [[File:Human_Start.jpg|alt=Human Start|max-width=100%|height=auto|margin-bottom=20px]]

    <p>Here are the beginning quests to obtain your first items. Just follow them along one by one.</p>

    <table style="width:100%; border-collapse: collapse;">
      <tr>
        <th style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Quest Name</th>
        <th style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Objective</th>
        <th style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Coordinates</th>
      </tr>
      <tr>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Situation</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Talk with Guard Suntu</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">230, 99</td>
      </tr>
      <tr>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Temper</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Kill 5 Training Dummies</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">233, 60</td>
      </tr>
      <tr>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Message of Love</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Talk with Tailor Swaha</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">162, 76</td>
      </tr>
      <tr>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Playing Matchmaker</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Talk with Physician Swarga</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">169, 66</td>
      </tr>
      <tr>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Swaha's Dowry</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Collect 5 Boar hides and 5 Wolf Bones , then return to Physician Swarga</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Boar Hides (178, -3)<br>Wolf Bones (164, -79)</td>
      </tr>
      <tr>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Report Good News</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Talk with Guard Suntu</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">230, 99</td>
      </tr>
      <tr>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Misconception</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Talk with Enchanter Taja</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">211, 57</td>
      </tr>
    </table>

    <h3 id="Athans">Athans</h3>
    [[File:Athan_Start.jpg|alt=Athan Start|max-width=100%|height=auto|margin-bottom=20px]]

    <p>Here are the beginning quests for the Athan characters. Completing these quests will reward you with similar items.</p>

    <table style="width:100%; border-collapse: collapse;">
      <tr>
        <th style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Quest Name</th>
        <th style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Objective</th>
        <th style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Coordinates</th>
      </tr>
      <tr>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">The Right Way</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Talk with Sephron</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">278, -425</td>
      </tr>
      <tr>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">The Temple</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Talk with Zorio</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">306, -360</td>
      </tr>
      <tr>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Nuwa</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Enter the Grand Temple and wait in front of the big statue</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">331, -341</td>
      </tr>
      <tr>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">The Trials</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Talk with Zorio again</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">306, -360</td>
      </tr>
      <tr>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">The First Trial</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Talk with Dispatcher Xuja</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">267, -343</td>
      </tr>
      <tr>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Body</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Kill 5 Hardwing Bees, then return to Dispatcher Xuja</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">90, -357</td>
      </tr>
      <tr>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">The Second Trial</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">Talk with Roy</td>
        <td style="border: 1px solid #dddddd; text-align: left; padding: 8px;">192, -338</td>
      </tr>
    </table>

    <h3 id="Espers">Espers</h3>
    <p>You might notice that after you completed either quest line, you have a Trigram or a Colorful Gem in your bag. These items are called Espers!</p>
    <p>Proceed to the <a href="Esper">Esper page</a> for a more detailed explanation!</p>

    <p>Curious about all the buttons and icons on your screen?</p>
    <p>View the <a href="GUI">GUI section</a> for an understanding of the game heads up display.</p>

    <div style="color: #004080; font-family: Verdana, sans-serif; font-size: 1.2em; text-align: center; margin-top: 20px;">
      <p><b>Beginner's Guide Navigation:</b> <span style="color: #004080;">[[Starting_Off|Starting Off]] | [[GUI|GUI]] | [[Quest_Log|Quest Log]] | [[Faction_Selection|Faction Selection: 1 2]] | [[Marketplace|Marketplace]] | [[Leveling_Guide|Leveling Guide]]</span></p>
      <p><b>Jade Dynasty Basics:</b> <span style="color: #004080;">[[Esper|Esper]] | [[Pets|Pets]] | [[Skills|Skills]] | [[Class_System|Class System]] | [[Masters_and_Disciples|Masters and Disciples]]</span></p>
    </div>
  </div>
</div>