<body class="bg-gray-100 font-sans leading-normal tracking-normal h-screen flex">
  <aside class="w-1/4 bg-white shadow-lg rounded-lg p-6">
    <h2 class="text-xl font-bold mb-4">Chapters</h2>
    <ul class="space-y-2">
      <li class="text-gray-700"><a href="#" class="hover:text-blue-500">Chapter 1: Application of Derivatives and Graphing Functions</a></li>
      <li class="text-gray-700"><a href="#" class="hover:text-blue-500">Chapter 2: Integration</a></li>
      <li class="text-gray-700"><a href="#" class="hover:text-blue-500">Chapter 3: Methods to Determine Space Coordinates</a></li>
      <li class="text-blue-500 font-bold"><a href="#" class="hover:text-blue-600">Chapter 4: Some Key Elements of Statistics and Probability</a></li>
      <li class="text-gray-700"><a href="#" class="hover:text-blue-500">Chapter 5: Extensions (optional topics)</a></li>
    </ul>
    <div class="mt-6">
      <h3 class="text-lg font-semibold">Course Challenge</h3>
      <p class="text-gray-600">Take the challenge for this course to assess your progress.</p>
      <button class="mt-2 w-full bg-blue-500 text-white p-2 rounded hover:bg-blue-400 transition-all duration-300">Take the Challenge</button>
    </div>
  </aside>
  <main class="flex-1 p-6">
    <h1 class="text-3xl font-bold mb-4">Chapter 4: Some Key Elements of Statistics and Probability</h1>
    <p class="text-gray-600 mb-4">Earn up to <span class="font-bold">500 points</span> for completing this chapter.</p>
    <div class="space-y-4">
      <div class="bg-white shadow-lg rounded-lg p-4">
        <h2 class="text-xl font-semibold">Understanding Statistics</h2>
        <p class="text-gray-700">Statistics is the study of data. It involves collecting, analyzing, interpreting, presenting, and organizing data.</p>
        <button class="mt-2 text-blue-500 hover:underline">Read more</button>
      </div>
      <div class="bg-white shadow-lg rounded-lg p-4">
        <h2 class="text-xl font-semibold">Probability Basics</h2>
        <p class="text-gray-700">Probability is a measure of the likelihood that an event will occur. It ranges from 0 to 1.</p>
        <button class="mt-2 text-blue-500 hover:underline">Read more</button>
      </div>
      <div class="bg-white shadow-lg rounded-lg p-4">
        <h2 class="text-xl font-semibold">Key Statistical Concepts</h2>
        <p class="text-gray-700">Key concepts include mean, median, mode, variance, and standard deviation.</p>
        <button class="mt-2 text-blue-500 hover:underline">Read more</button>
      </div>
    </div>
  </main>
</body>