<div class="translate-bar bar bg-tuatara">
    <div class="row">
        <div class="translate-bar_notice-column small-12 medium-6 columns">
            <!-- in the web app, this whole section gets hidden if selected on English -->
            <div class="translate-bar_notice">
                <span class="translate-bar_message c-white t-small t-semi">Esta página ha sido traducida por Google Translate.</span>
                <a href="#" class="translate-bar_learn lined c-white t-small">Learn more.</a>
            </div>
        </div>
        <div class="small-12 medium-6 columns">
            <ul class="translate-bar_languages inline-list t-semi right">
                <li><a href="#" class="">English</a></li>
                <li><a href="#" class="">Espanol</a></li>
                <li><a href="#" class=" t-ch">中国</a></li>
                <li><a href="#" class="">Tagalog</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="translate-bar bar bg-tuatara">
  <div class="row">
    <div class="translate-bar_notice-column small-12 medium-6 columns">
      <!-- in the web app, this whole section gets hidden if selected on English -->
      <div class="translate-bar_notice">
        <span class="translate-bar_message c-white t-small t-semi">Esta página ha sido traducida por Google Translate.</span>
        <a href="#" class="translate-bar_learn lined c-white t-small">Learn more.</a>
      </div>
    </div>
    <div class="small-12 medium-6 columns">
      <ul class="translate-bar_languages inline-list t-semi right">
        <li><a href="#" class="{{#if english}}active{{/if}}">English</a></li>
        <li><a href="#" class="{{#if spanish}}active{{/if}}">Espanol</a></li>
        <li><a href="#" class="{{#if chinese}}active{{/if}} t-ch">中国</a></li>
        <li><a href="#" class="{{#if tagalog}}active{{/if}}">Tagalog</a></li>
      </ul>
    </div>
  </div>
</div>
/* No context defined for this component. */

There are no notes for this item.