<h2 class="label">2up Profiles</h2>

<div class="flex-row flex-center">
    <div class="flex-column profile ">
        <h4 class="csu-purple">Christian Surname</h4>
        <figure class="featured"><img src="../../images/profile-3-sq.jpg" /></figure>
        <h6>Course Director</h6>
        <p><strong>Contact:</strong> <a href="#">csurname@csu.edu.au</a></p>
        <p><strong>Twitter:</strong> <a href="#">@csurname</a></p>
        <p><strong>Website:</strong> <a href="#">www.cristian-surname.com</a></p>
        <p>Spent several months developing shaving cream in West Palm Beach, FL. Lead a team buying and selling catfish in Libya. Spent 2001-2005 getting my feet wet with fried chicken in Deltona, FL. Managed a small team working on cigarettes in Cuba. Spent
            2001-2007 investing in toy planes in Minneapolis, MN. Garnered an industry award while getting to know junk food in Jacksonville, FL.</p>
    </div>
    <div class="flex-column profile ">
        <h4 class="csu-purple">Christian Surname</h4>
        <figure class="featured"><img src="../../images/profile-4-sq.jpg" /></figure>
        <h6>Course Director</h6>
        <p><strong>Contact:</strong> <a href="#">csurname@csu.edu.au</a></p>
        <p><strong>Twitter:</strong> <a href="#">@csurname</a></p>
        <p><strong>Website:</strong> <a href="#">www.cristian-surname.com</a></p>
        <p>Spent several months developing shaving cream in West Palm Beach, FL. Lead a team buying and selling catfish in Libya. Spent 2001-2005 getting my feet wet with fried chicken in Deltona, FL. Managed a small team working on cigarettes in Cuba. Spent
            2001-2007 investing in toy planes in Minneapolis, MN. Garnered an industry award while getting to know junk food in Jacksonville, FL.</p>
    </div>

</div>
<h2 class="label">{{ modifier }}</h2>


<div class="flex-row flex-center">
  <div class="flex-column profile ">
    <h4 class="csu-{{ colour-2 }}">Christian Surname</h4>
    <figure class="featured"><img src="{{path profile-pic-3 }}" /></figure>
    <h6>Course Director</h6>
    <p><strong>Contact:</strong> <a href="#">{{ bio-email }}</a></p>
    <p><strong>Twitter:</strong> <a href="#">@{{ bio-twitter }}</a></p>
    <p><strong>Website:</strong> <a href="#">{{ bio-website }}</a></p>
    <p>{{ bio-text }}</p>
  </div>
  <div class="flex-column profile ">
    <h4 class="csu-{{ colour-2 }}">Christian Surname</h4>
    <figure class="featured"><img src="{{path profile-pic-4 }}" /></figure>
    <h6>Course Director</h6>
    <p><strong>Contact:</strong> <a href="#">{{ bio-email }}</a></p>
    <p><strong>Twitter:</strong> <a href="#">@{{ bio-twitter }}</a></p>
    <p><strong>Website:</strong> <a href="#">{{ bio-website }}</a></p>
    <p>{{ bio-text }}</p>
  </div>

</div>

These templates can be used to create simple staff pages. Swap out details, colour classes and link information.