JSFiddle - React, Tailwind, and code Playground

by Nate Armstrong

HTML

<div class="row">
  <div class="col-12">
    <p>Ohio Christian University, whose main campus is at 1476 Lancaster Pike, Circleville Ohio, is a faith-based private non-profit university of 5,500 students. 550 students reside on campus in Circleville, and 4,450 are enrolled online in Adult Graduate School (AGS) and Online Plus programs at locations across the nation and around the world. We welcome all questions and comments. Please contact us by any method below. Selecting the correct contact point will help us respond to you as soon as possible.</p>
  </div>
</div>

<div class="row mt-5">
  <div class="col-12">
    <h2>Answers For Students:</h2>
    <button class="btn btn-primary" href="https://my.ohiochristian.edu/answercenter">Answer Center / General Reception:</button>
    <ul>
      <li><a href="tel:+18447267937">1-844-7-ANSWER</a> | <a href="mailto:[email protected]">[email protected]</a></li>
    </ul>
  </div>

  <div class="col-12 col-lg-6">
    <button class="btn btn-primary mb-3" href="/adult-degree-programs">Online</button>
    <div class="ml-0 ml-lg-2">
      <h4>Considering Enrollment:</h4>
      <ul>
        <li><a href="/adult-degree-programs/admission-requirements">Admissions:</a> <a href="tel:+18556284723">855-OCU-GRAD</a> | <a href="mailto:[email protected]">[email protected]</a></li>
      </ul>

      <h4>Enrolled:</h4>
      <ul>
        <li><a href="/adult-degree-programs/financial-aid/adult-graduate-online-programs">Finacial Aid, Invoices & Payments:</a> <a href="tel:+18447267937">844-726-7937</a> | <a href="mailto:[email protected]">[email protected]</a></li>
        <li><a href="/adult-graduate-studies/advisor-biographies">Academic Advising:</a> <a href="tel:+187749683452">877-496-8642 | <a href="mailto:[email protected]">[email protected]</a></li>
        <li>Transcripts & Graduation: <a href="http://my.ohiochristian.edu/registrar">Registrar</a> <a...