<commit_before><% content_for :body_class, 'public-home' %>
<section class="main-home">
	<div class="overlay"></div>
  <div class="video-wrapper">
    <%= video_tag "video.mp4", :autoplay => true, :loop => true, :class => 'video-playing autoplay' %>
  </div>
  <div class="main-title">
    <div class="title">
      <h2>Cursos Online para...</h2>
      <div id="typed-strings">
        <p>Impulsar tu carrera</p>
        <p>Aprender a tu propio ritmo</p>
        <p>Ganar más dinero</p>
        <p>Empoderar tu talento</p>
        <p>Emprender un negocio</p>
        <p>Desarrollar una habilidad</p>
      </div>
      <span id="typed"></span>
    </div>
    <button>¡Comienza hoy!</button>
  </div>
</section>

<section class="courses">
  <div class="normal-container">
    <h3>¡Estos cursos son especialmente para ti!</h3>
    <p class="tagline">Puedes adquirirlos con cualquier tarjeta de crédito o débito y depósitos (agente BCP)</p>

    <div class="flex-container">
      <article class="course">
        <div class="course-image">
          <%= image_tag("angular2.png") %>
        </div>
        <div class="course-title">
          <h4>Título del curso</h4>
        </div>
        <div class="course-details">
          <div class="course-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span>2h 43min</span>
          </div>
          <div class="course-price">
            S/. 50
          </div>
        </div>
      </article>
      <article class="course">
        <div class="course-image">
          <%= image_tag("angular2.png") %>
        </div>
        <div class="course-title">
          <h4>Título del curso</h4>
        </div>
        <div class="course-details">
          <div class="course-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span>2h 43min</span>
          </div>
          <div class="course-price">
            S/. 50
          </div>
        </div>
      </article>
      <article class="course">
        <div class="course-image">
          <%= image_tag("angular2.png") %>
        </div>
        <div class="course-title">
          <h4>Título del curso</h4>
        </div>
        <div class="course-details">
          <div class="course-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span>2h 43min</span>
          </div>
          <div class="course-price">
            S/. 50
          </div>
        </div>
      </article>
      <article class="course">
        <div class="course-image">
          <%= image_tag("angular2.png") %>
        </div>
        <div class="course-title">
          <h4>Título del curso</h4>
        </div>
        <div class="course-details">
          <div class="course-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span>2h 43min</span>
          </div>
          <div class="course-price">
            S/. 50
          </div>
        </div>
      </article>
      <article class="course">
        <div class="course-image">
          <%= image_tag("angular2.png") %>
        </div>
        <div class="course-title">
          <h4>Título del curso</h4>
        </div>
        <div class="course-details">
          <div class="course-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span>2h 43min</span>
          </div>
          <div class="course-price">
            S/. 50
          </div>
        </div>
      </article>
      <article class="course">
        <div class="course-image">
          <%= image_tag("angular2.png") %>
        </div>
        <div class="course-title">
          <h4>Título del curso</h4>
        </div>
        <div class="course-details">
          <div class="course-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span>2h 43min</span>
          </div>
          <div class="course-price">
            S/. 50
          </div>
        </div>
      </article>
    </div>
  </div>

  <button>Más cursos...</button>
</section>

<section class="mission">
  <!-- Overlay -->
  <p>"Somos una plataforma online, cuyo propósito es brindarte los mejores conocimientos del mundo"</p>
</section>

<section class="why"><commit_msg>Change copy<commit_after><% content_for :body_class, 'public-home' %>
<section class="main-home">
	<div class="overlay"></div>
  <div class="video-wrapper">
    <%= video_tag "video.mp4", :autoplay => true, :loop => true, :class => 'video-playing autoplay' %>
  </div>
  <div class="main-title">
    <div class="title">
      <h2>Cursos Online para...</h2>
      <div id="typed-strings">
        <p>Impulsar tu carrera</p>
        <p>Aprender a tu propio ritmo</p>
        <p>Ganar más dinero</p>
        <p>Empoderar tu talento</p>
        <p>Emprender un negocio</p>
        <p>Desarrollar una habilidad</p>
      </div>
      <span id="typed"></span>
    </div>
    <button>¡Comienza hoy!</button>
  </div>
</section>

<section class="courses">
  <div class="normal-container">
    <h3>¡Estos cursos son especialmente para ti!</h3>
    <p class="tagline">Puedes adquirirlos con cualquier tarjeta de crédito o débito y depósitos (agente BCP)</p>

    <div class="flex-container">
      <article class="course">
        <div class="course-image">
          <%= image_tag("angular2.png") %>
        </div>
        <div class="course-title">
          <h4>Título del curso</h4>
        </div>
        <div class="course-details">
          <div class="course-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span>2h 43min</span>
          </div>
          <div class="course-price">
            S/. 50
          </div>
        </div>
      </article>
      <article class="course">
        <div class="course-image">
          <%= image_tag("angular2.png") %>
        </div>
        <div class="course-title">
          <h4>Título del curso</h4>
        </div>
        <div class="course-details">
          <div class="course-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span>2h 43min</span>
          </div>
          <div class="course-price">
            S/. 50
          </div>
        </div>
      </article>
      <article class="course">
        <div class="course-image">
          <%= image_tag("angular2.png") %>
        </div>
        <div class="course-title">
          <h4>Título del curso</h4>
        </div>
        <div class="course-details">
          <div class="course-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span>2h 43min</span>
          </div>
          <div class="course-price">
            S/. 50
          </div>
        </div>
      </article>
      <article class="course">
        <div class="course-image">
          <%= image_tag("angular2.png") %>
        </div>
        <div class="course-title">
          <h4>Título del curso</h4>
        </div>
        <div class="course-details">
          <div class="course-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span>2h 43min</span>
          </div>
          <div class="course-price">
            S/. 50
          </div>
        </div>
      </article>
      <article class="course">
        <div class="course-image">
          <%= image_tag("angular2.png") %>
        </div>
        <div class="course-title">
          <h4>Título del curso</h4>
        </div>
        <div class="course-details">
          <div class="course-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span>2h 43min</span>
          </div>
          <div class="course-price">
            S/. 50
          </div>
        </div>
      </article>
      <article class="course">
        <div class="course-image">
          <%= image_tag("angular2.png") %>
        </div>
        <div class="course-title">
          <h4>Título del curso</h4>
        </div>
        <div class="course-details">
          <div class="course-time">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
            <span>2h 43min</span>
          </div>
          <div class="course-price">
            S/. 50
          </div>
        </div>
      </article>
    </div>
  </div>

  <button>Más cursos...</button>
</section>

<section class="mission">
  <!-- Overlay -->
  <p>"Somos una plataforma educativa online, cuyo propósito es brindarte los mejores conocimientos del mundo"</p>
</section>

<section class="why">
{'fraction_non_alphanumeric': 0.17776203966005666, 'fraction_numerical': 0.01251180358829084, 'mean_word_length': 1.7626344962504075, 'pattern_counts': {'":': 0, '<': 331, '<?xml version=': 0, '>': 337, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6061818', 'n_tokens_mistral': 2853, 'n_tokens_neox': 2784, 'n_words': 575}