<article>

  <div class="py-4 px-6">
    <p class="font-bold text-red-500">Some things you can do to increase your income</p>
  </div>

  <div class="flex justify-center max-w-xl mx-auto mb-4">
    <img class="w-3/5" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/increasing-income.png" alt="The Iceberg Illusion">
  </div>

  <!-- Income Tips -->
  <div class="p-4">
    <div class="p-4 space-y-4 w-full text-white bg-cadet-900 shadow-md">
      <ul class="list-disc px-4 space-y-2">
        <li>Get a part-time job as soon possible but remember that education is the priority.</li>
        <li>Apply for grants, bursaries, and scholarships.</li>
        <li>Complete your funding applications and visit your post-secondary counsellors.</li>
        <li>Save money throughout high school.</li>
        <li>Work during the summer while in high school.</li>
        <li>Volunteer at events and you might get an honorarium.</li>
      </ul>
    </div>
  </div>

</article>