<div id="setup-profiles-list" class="setup-box setup-box-medium add-top animated bounceInUp">
  <div class="clearfix">
    <h2 class="left"><span class="icon-profiles"></span> {{_("Profiles")}}</h2>
    <a href="#profiles/add" class="button-primary right"><span class="icon-plus"></span> {{_("Add Profile")}}</a>
  </div>
  <div id="setup-profiles-list-description">
    <p class="half-top">
      {{_("Profiles define how you send e-mail, which addresses and identities you use for your different roles in life: work, school, family...")}} {{_("You don't need new email addresses to use Mailpile, just add profiles for your existing addresses!")}}</p>
  </div>
  <ul id="setup-profiles-list-items" class="setup-list-items add-bottom"></ul>
  <div id="setup-profiles-list-buttons" class="clearfix">
    <a href="/setup/crypto/" class="button-info left">{{_("Previous")}}</a>
    <div id="setup-profiles-next" class="right">
      <a id="btn-setup-profiles-next" href="#sources" class="button-primary hide">{{_("Next")}}</a>
      <em id="setup-profiles-no-next" class="hide">{{_("You need one profile to send mail from")}}</em>
    </div>
  </div>
</div>