<article>

  <div class="bg-white">
    <h2 class="text-xl p-4 text-red-500 font-bold">Remember your friends and family</h2>
    <div class="px-4">
      <p class="font-medium">
        Remember, family and friends are only a phone call – or Snapchat – away.
      </p>

      <div class="py-8 space-y-4 lg:w-1/4 mx-auto">
        <img src="<?php echo get_template_directory_uri() . '/assets/images/bgs/your-family-misses-you.png' ?>" alt="You Family Misses You Too">
      </div>
      <ul class="list-disc px-8 space-y-2 py-2">
        <li>Talk with family members on a regular basis. They will be missing you as well. Let them know where you are living and how they can get in touch with you.</li>
        <li>Do things with your friends
          <ul class="list-none space-y-1 mt-2">
            <li>- Go for coffee or for a walk.</li>
            <li>- Shop together for groceries. (Buying
              larger quantities and splitting things up when you get back home can save you money).</li>
            <li>- Schedule times to study together,
              either at school or at home.</li>
          </ul>
        </li>
      </ul>
    </div>
  </div>


  <div class="px-4 mx-auto">
    <img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/student-staying-connected.png" alt="Stay Connected">
  </div>

</article>