What HTML elements should I use here and what markup order?

          <article>
            <hgroup>
              <p>
                <strong>Professional learning</strong>
              </p>
              <h2>Events and webinars</h2>
            </hgroup>
            <p>
              Connect and collaborate with other passionate science teachers
              from your area
            </p>
            <a href="/professional-learning">Learn more →</a>
          </article>

          <article>
            <hgroup>
              <p>
                <strong>Professional learning</strong>
              </p>
              <h2>Events and webinars</h2>
            </hgroup>
            <p>
              Connect and collaborate with other passionate science teachers
              from your area
            </p>
            <a href="/professional-learning">Learn more →</a>
          </article>