webmaker.org/public/views/home-3.html

<div ng-show="userDel" class="alert alert-info">{{ 'user_deleted' | i18n }}
</div>
<div id="home-splash"  class="variant-3">
  <div class="home-blue home-panel">
    <div class="container">
      <div class="row">
        <div class="col-sm-4 col-md-5">
          <figure class="devices">
            <img src="/img/home/desktop.svg" alt="Desktop computer" class="desktop"/>
            <img src="/img/home/mobile.svg" alt="Mobile phone" class="mobile"/>
            <img src="/img/home/tablet.svg" alt="Tablet computer" class="tablet"/>
          </figure>
        </div>
        <section class="col-sm-8 col-md-6">
          <h2>{{ 'Make your own apps and websites' | i18n }}</h2>

          <p class="lead">
            {{ 'Mozilla’s free tools' | i18n }}
          </p>

          <form id="home-start-form">
            <input type="email" class="home-email-field" placeholder="{{ 'Email address' | i18n }}"/>
            <button class="btn btn-default">
              {{ 'Start creating' | i18n }}
            </button>
          </form>
        </section>
      </div>
    </div>
  </div>
  <section class="teach-site-referral">
    <div class="container">
      <div class="row text-center">
        <div class="col-sm-12 col-md-12 col-lg-12">
          <h3>{{ 'Want to teach the web to others?' | i18n }}</h3>
          <p>{{ 'Join Mozillas community of educators' | i18n }}</p>
          <a class="btn" href="https://teach.mozilla.org?ref=webmaker_homepage_promo&utm_campaign=webmaker_homepage_promo&utm_source=webmaker.org&utm_medium=referral">{{ 'Start Teaching' | i18n }}</a>
        </div>
      </div>
    </div>
  </section>
  <section class="home-values">
    <div class="container">
      <h3>
        {{ 'Our values' | i18n }}
      </h3>

      <p class="lead">
        {{ 'Webmaker helps people across the world' | i18n }}
      </p>

      <div class="row">
        <div class="col-sm-7 col-md-5 col-lg-5 col-lg-offset-1">
          <ul class="values-list">
            <li class="value-free">
              <h4>{{ 'Free' | i18n }}</h4>

              <p>{{ 'Mozilla is a nonprofit organization' | i18n }}</p>
            </li>
            <li class="value-local">
              <h4>{{ 'Local' | i18n }}</h4>

              <p>{{ 'We all use the web in different ways.' | i18n }}</p>
            </li>
            <li class="value-more-than-code">
              <h4>{{ 'More than code' | i18n }}</h4>

              <p>
                {{ 'We believe that digital literacy is more than just learning to code.' | i18n }}
              </p>
            </li>
          </ul>
        </div>
        <div class="col-sm-4 col-sm-offset-1 col-md-7 col-md-offset-0 col-lg-6">
          <figure class="home-globe">
            <img src="/img/home/yellow-earth.svg" alt="Globe" height="300" width="300"/>
          </figure>
        </div>
      </div>
    </div>
  </section>
  <section class="home-jump-in">
    <div class="container">
      <h3>{{ 'Jump right in' | i18n }}</h3>

      <p class="lead">
        {{ 'Discover how you can build and share the web.' | i18n }}
      </p>
      <ul class="row">
        <li class="col-sm-4">
          <figure>
            <a href="https://webmaker.org/{{ lang }}/explore/">
              <img src="/img/home/gallery-md-icon.svg" alt="" width="154" height="120"/>
            </a>
          </figure>
          <h4>{{ 'Explore Webmaker' | i18n }}</h4>

          <p>
            {{ 'Investigate the tools, learning resources' | i18n }}
            <a href="https://webmaker.org/{{ lang }}/explore/">
              {{ 'Explore now' | i18n }}
            </a>
          </p>
        </li>
        <li class="col-sm-4">
          <figure>
            <a href="https://training.webmakerprototypes.org/">
              <img src="/img/home/learntoteach-md-icon.svg" alt="" width="152" height="120"/>
            </a>
          </figure>
          <h4>{{ 'Learn to Teach' | i18n }}</h4>

          <p>
            {{ 'Study at your own pace' | i18n }}
            <a href="https://training.webmakerprototypes.org/">
              {{ 'Get training' | i18n }}
            </a>
          </p>
        </li>
        <li class="col-sm-4">
          <figure>
            <a href="https://events.webmaker.org/">
              <img src="/img/home/get-together-md-icon.svg" alt="" width="155" height="120"/>
            </a>
          </figure>
          <h4>{{ 'Get Together' | i18n }}</h4>

          <p>
            {{ 'Build the web with others' | i18n }}
            <a href="https://events.webmaker.org/">
              {{ 'View events' | i18n }}
            </a>
          </p>
        </li>
      </ul>
    </div>
  </section>
  <footer class="cta-footer">
    <p>
      {{ 'Build and share the web with Mozilla.' | i18n }}
      <button class="btn btn-default" wm-join-webmaker>
        {{ 'Start Creating' | i18n }}
      </button>
    </p>
  </footer>
</div>
<!-- Footer -->
<div ng-include="'/views/partials/footer.html'"></div>