<!--
These custom recipe cards are meant to be
used mainly in posts about food recipes.
They would typically follow the other content
of the post. In order to use this recipe card,
you must copy and past the HTML into the text
editor of the WordPress post. It will not
display properly if this is pasted in the
visual editor. The CSS can be pasted directly
in the style.css at the end of the page.
-->

<div class="recipe">
  <h3>Tomato Basil Fusilli Salad | <span class="serve">Serves: 4</span></h3>
    <div class="time-slots">
      <div class="recipe-time">
        <div class="recipe-heading">Prep Time</div>
        <div class="recipe-count">20 Mins</div>
      </div>
      <div class="recipe-time">
        <div class="recipe-heading">Cook Time</div>
        <div class="recipe-count">30 Mins</div>
      </div>
      <div class="recipe-time">
        <div class="recipe-heading">Total Time</div>
        <div class="recipe-count">50 Mins</div>
      </div>
    </div>
  <h4>Ingredients</h4>
  <ul>
    <li>3 Sliced Tomatoes</li>
    <li>2 Tbsp Olive Oil</li>
    <li>1 Sprig Basil</li>
    <li>2 Tsp Vinaigrette</li>
    <li>2 Cups Fusilli</li>
  </ul>
  <h4>Instructions</h4>
  <ol>
    <li>Curabitur rhoncus nisi vehicula, suscipit purus vel, pulvinar tellus.</li>
    <li>Nunc orci magna, aliquet eget sodales in, suscipit eu tellus.</li>
    <li>Proin vitae dui vitae massa laoreet rutrum ut lobortis libero.</li>
    <li>Mauris ornare odio sit amet leo semper, rhoncus tincidunt lacus tristique.</li>
    <li>Pellentesque urna risus, feugiat et malesuada a, eleifend vel mauris.</li>
  </ol>
</div>