JSFiddle - React, Tailwind, and code Playground

by Megi93

HTML

<section id="teamtabs">
  <div class="container-fluid wrapper">
    <div class="row">
      <div class="col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-0" id="navcolumn">
        <ul class="nav nav-pills" id="ullist">
          <li id="navoxford" class="active">
            <a data-toggle="pill" href="#oxpropgr"><img
                                                    src="<?php bloginfo('template_url') ?>/assets/images/ox_logo_active.png"
                                                    alt="" class="img-responsive"></a>
          </li>
          <li id="navbplush">
            <a data-toggle="pill" href="#bharch" target="_blank"><img
                                                src="<?php bloginfo('template_url') ?>/assets/images/BplusH.png"
                                                alt="" class="img-responsive"></a>
          </li>
          <li id="navomers">
            <a data-toggle="pill" href="#omers"><img
                                                    src="<?php bloginfo('template_url') ?>/assets/images/omers.png"
                                                    alt=""></a>
          </li>
        </ul>
      </div>
      <div class="col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-0 tab-content" id="contentcolumn">
        <div id="oxpropgr" class="tab-pane fade in active">
          <h3 class="title"><?php echo get_field('ourteam_title2') ?></h3>
          <p>
            <?php echo get_field('ourteam_paragraph2') ?>
          </p>
          <a href="http://www.oxfordproperties.com/corp/en/" target="_blank" class="text-left">
            <div class="linkbox">
              <?php echo get_field('ourteam_anchor2') ?>
                <div class="pull-right">
                  <i class="fa fa-angle-right arrowRight" aria-hidden="true"></i>
                </div>
            </div>
          </a>
        </div>
        <div id="bharch" class="tab-pane fade">
          <h3 class="title"><?php echo get_field('ourteam_title3') ?></h3>
   ...