<section class="info-box subjects">
        <h2>subjects</h2>
        <ul>
                <li>
                        <a href="#"><h3>SUBJECT 1</h3></a>
                </li>
                <li>
                        <a href="#"><h3>THIS CAN BE A LONGER SENTENCE DESCRIBING SUBJECT 2</h3></a>
                </li>
                <li>
                        <a href="#"><h3>THIS IS SUBJECT 3</h3></a>
                </li>
                <li>
                        <a href="#"><h3>THE FOURTH SUBjECT</h3></a>
                </li>
        </ul>
</section>