CI STYLE MINI “POP UP” GRAMMAR LESSON: EL PRESENTE PERFECTO

27Aug 202027 Aug 2020
While many CI researchers do not recommend “teaching” grammar at the lower levels of second language instruction, at the same time they suggest that short, mini “pop up” grammar lessons can be helpful for intermediate and advanced students as it solidifies in a concious way everything they have absorbed through Comprehensible Input in the previous classes.
I´m sharing today an example of how I introduce the Present Perfect in Spanish, to a group of students who have never heard or studied it. Hope it´s helpful. Please let me know if you have any questions or any kind comments.
Here is the lesson´s video:
ATTENTION!
I’M EXCITED TO ANNOUNCE MY SUMMER COURSE FOR AP SPANISH LANGUAGE AND CULTURE TEACHERS!
THIS COURSE IS OPEN UNTIL SEPTEMBER 20TH–2020
FOR MORE INFO ON TOPICS AND DATES CLICK HERE
2 Comments

Francy Solarte Soto says:

29 Aug 2020 at 12:26 pm

Hola Diego.
Gracias por publicar tu video. Quería preguntarte por las actividades que hiciste después de la introducción. Vi en tu agenda: Vocabulario de tecnología y Presente perfecto. ¿Tú sigues un libro de texto, usas lecturas de textos auténticos o creas/usas historias?
Gracias.
Francy

LikeLike
1. Sr. Ojeda says:
  
  29 Aug 2020 at 8:23 pm
  
  Hola. Empezamos a indagar acerca del uso de la tecnología en sus propias vidas . No hay libro de textos, cada estudiante puede hacer si propio vocabulario de acuerdo a sus propios intereses. .
  
  LikeLike
Comments are closed.
<style>
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 *,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 *::before,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 *::after {
    box-sizing: border-box;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [tabindex="-1"]:focus {
    outline: none !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h1,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h2,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h3,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h4,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h5,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h6 {
    margin-top: 0;
    margin-bottom: 0.7em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 p {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ol,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ul,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 dl {
    margin-top: 0;
    margin-bottom: 1.4rem;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ol ol,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ul ul,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ol ul,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ul ol {
    margin-bottom: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 strong {
    font-weight: bolder;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 small {
    font-size: 80%;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 sub,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 sub {
    bottom: -0.25em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 sup {
    top: -0.5em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 {
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 a:hover {
    color: #4396fd;
    text-decoration: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 img {
    border-style: none;
    vertical-align: middle;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 svg:not(:root) {
    overflow: hidden;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 area,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [role="button"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 label,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 select,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 summary,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 textarea {
    touch-action: manipulation;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 label {
    display: inline-block;
    font-weight: bolder;
    margin-bottom: 0.7rem;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button:focus {
    outline: 1px dotted;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 select,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 optgroup,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 textarea {
    margin: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input {
    overflow: visible;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 select {
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button,
  html[data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="button"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="reset"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="submit"] {
    -webkit-appearance: button;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button::-moz-focus-inner,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="button"]::-moz-focus-inner,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="reset"]::-moz-focus-inner,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="radio"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="checkbox"] {
    padding: 0;
    box-sizing: border-box;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="date"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="time"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="datetime-local"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="month"] {
    -webkit-appearance: listbox;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 textarea {
    resize: vertical;
    overflow: auto;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="number"]::-webkit-inner-spin-button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="search"]::-webkit-search-cancel-button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [hidden] {
    display: none !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
    outline: 0;
    z-index: -1;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
    visibility: hidden;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal.fd-is-open {
    opacity: 1;
    z-index: 1040;
    visibility: visible;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__dialog {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    margin: 30px auto;
    display: -webkit-box;
    display: flex;
    position: relative;
    max-width: 750px;
    min-height: -webkit-calc(100% - 60px);
    min-height: calc(100% - 60px);
    -webkit-box-align: center;
    align-items: center;
    pointer-events: none;
    -webkit-box-pack: center;
    justify-content: center;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__content {
    width: 100%;
    border: 0 solid #d7d7d7;
    display: -webkit-box;
    display: flex;
    outline: 0;
    position: relative;
    background: #fff;
    box-shadow: 6.5px 11.3px 19px 0 rgba(0, 0, 0, 0.11);
    border-radius: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    pointer-events: auto;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__body {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 0;
    position: relative;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__close {
    top: 0;
    color: #000;
    right: 0;
    width: 40px;
    border: 0;
    cursor: pointer;
    height: 40px;
    margin: 0;
    display: -webkit-box;
    display: flex;
    padding: 0;
    z-index: 9999;
    position: absolute;
    background: transparent;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-appearance: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__close svg {
    color: inherit;
    width: 10px;
    height: auto;
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__close:hover,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__close:focus,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__close:active {
    outline: none;
  }

  @media (max-width: 575px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__dialog {
      width: -webkit-calc(100% - 30px);
      width: calc(100% - 30px);
      margin: 15px auto;
      min-height: -webkit-calc(100% - 30px);
      min-height: calc(100% - 30px);
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control {
    width: 100%;
    display: block;
    outline: none;
    position: relative;
    -webkit-appearance: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control:focus {
    outline: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control::-webkit-input-placeholder {
    color: transparent !important;
    opacity: 0 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control::-moz-placeholder {
    color: transparent !important;
    opacity: 0 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control:-ms-input-placeholder {
    color: transparent !important;
    opacity: 0 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control::placeholder {
    color: transparent !important;
    opacity: 0 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-label {
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control:not(:-moz-placeholder-shown)+.fd-form-label {
    opacity: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control:not(:-ms-input-placeholder)+.fd-form-label {
    opacity: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control:not(:placeholder-shown)+.fd-form-label {
    opacity: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-description {
    margin: 5px 0 0 0;
    font-size: 0.8em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-feedback {
    margin: 5px 0 0 0;
    font-size: 0.8em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group {
    margin: 0 0 15px;
    position: relative;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-success .fd-form-feedback,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-success .fd-form-check {
    color: #02dba8 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-success .fd-form-control {
    color: #02dba8 !important;
    border-color: #02dba8 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-success .fd-form-feedback {
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-error .fd-form-feedback,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-error .fd-form-check {
    color: #eb3d3b !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-error .fd-form-control {
    color: #eb3d3b !important;
    border-color: #eb3d3b !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-error .fd-form-feedback {
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-btn {
    cursor: pointer;
    display: -webkit-inline-box;
    display: inline-flex;
    outline: none;
    max-width: 100%;
    font-style: normal;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    text-shadow: none;
    white-space: normal;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-btn:hover {
    outline: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-btn:focus {
    outline: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-btn:disabled {
    opacity: 0.8;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check {
    cursor: pointer;
    margin: 0;
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 30px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__input {
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    opacity: 0;
    z-index: -1;
    position: absolute;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__checkmark {
    top: 0;
    left: 0;
    width: 18px;
    border: 1px solid #c4c4c4;
    height: 18px;
    display: block;
    position: absolute;
    background: #ffffff;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__label {
    margin: 0;
    font-size: 14px;
    text-align: left;
    word-break: break-word;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__input:checked+.fd-form-check__checkmark::after {
    opacity: 1;
    z-index: 1;
    visibility: visible;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__checkmark::after {
    top: -1px;
    left: -1px;
    width: 18px;
    height: 18px;
    content: "";
    display: block;
    opacity: 0;
    z-index: -1;
    position: absolute;
    -webkit-transition: opacity 0.4s, z-index 0.4s;
    transition: opacity 0.4s, z-index 0.4s;
    visibility: inherit;
    background-size: 12px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='12' height='10' viewBox='0 0 11.51 8.2'%3e%3ctitle%3echeck%3c/title%3e%3cpath d='M4.05%2c8.2A.74.74%2c0%2c0%2c1%2c3.52%2c8L.22%2c4.68A.75.75%2c0%2c0%2c1%2c1.28%2c3.62l3.3%2c3.3A.75.75%2c0%2c0%2c1%2c4.58%2c8%2c.74.74%2c0%2c0%2c1%2c4.05%2c8.2Z'/%3e%3cpath d='M4.06%2c8.2A.74.74%2c0%2c0%2c1%2c3.53%2c8a.75.75%2c0%2c0%2c1%2c0-1.06l6.7-6.7a.75.75%2c0%2c0%2c1%2c1.06%2c1.06L4.59%2c8A.74.74%2c0%2c0%2c1%2c4.06%2c8.2Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center center;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__input:focus {
    outline: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-content {
    position: relative;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-has-success .fd-form-content {
    display: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-has-captcha .fd-form-content>*:not(.fd-form-captcha) {
    opacity: 0;
    visibility: hidden;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-captcha {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-success {
    display: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-has-success .fd-form-success {
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-success>*:last-child {
    margin-bottom: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-error {
    display: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-has-error .fd-form-error {
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-error>*:last-child {
    margin-bottom: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-focus-visible,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__input.fd-focus-visible+.fd-form-check__checkmark {
    outline: none;
    box-shadow: 0 0 0 2px #fff, 0 0 0 6px #000 !important;
    -webkit-transition: box-shadow 0.2s !important;
    transition: box-shadow 0.2s !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-focus-visible,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__input.fd-focus-visible+.fd-form-check__checkmark {
    outline: none;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 6px #000 !important;
    -webkit-transition: box-shadow 0.2s !important;
    transition: box-shadow 0.2s !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__modal {
    background: rgba(255, 255, 255, 0.3);
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__modal-content {
    background: #ffffff;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__modal-close {
    color: #b8b8b8;
    position: absolute !important;
    font-size: 10px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__wrapper {
    display: -webkit-box;
    display: flex;
  }

  @media (max-width: 767px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__wrapper {
      display: block;
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__left {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    display: -webkit-box;
    display: flex;
    max-width: 50%;
  }

  @media (max-width: 767px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__left {
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      display: none;
      max-width: 100%;
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__right {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

  @media (max-width: 767px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__right {
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__image {
    width: 100%;
    display: block;
    overflow: hidden;
    background-size: cover;
    background-image: url('https://usercontent.flodesk.com/4484943e-fe3f-4500-bc10-ce30d422e120/upload/e93d0729-4259-4289-8a70-c92c0c3d158c.jpeg');
    background-position: center;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__image-inner {
    width: 100%;
    height: 0;
    display: block;
    padding: 129.9% 0 0 0;
  }

  @media (max-width: 767px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__image-inner {
      padding: 72.3% 0 0 0;
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form {
    color: #333333;
    width: 100%;
    margin: 0;
    padding: 100px 50px;
    font-size: 14px;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0px;
    text-transform: none;
  }

  @media (max-width: 767px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form {
      padding: 30px 25px;
      word-wrap: anywhere;
      word-break: break-word;
      white-space: normal;
      overflow-wrap: break-word;
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__title {
    color: #000000;
    width: 100%;
    margin: 0 0 25px 0;
    display: block;
    font-size: 43px;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__title * {
    line-height: inherit;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__subtitle {
    width: 100%;
    margin: 0 0 30px 0;
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__subtitle * {
    line-height: inherit;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__fields {
    margin: 0 0 15px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__fields>*:last-child {
    margin-bottom: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__field {
    font-size: 14px;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    letter-spacing: 0.1px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__control {
    color: #999999;
    border: 1px solid #b8b8b8;
    padding: 12px 16px;
    font-size: 14px;
    background: transparent;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    line-height: 20px;
    border-radius: 0px;
    letter-spacing: 0.1px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__label {
    color: #999999;
    border: 1px solid transparent;
    padding: 12px 16px;
    font-size: 14px;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference {
    margin: 30px 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference-title {
    color: #333333;
    width: 100%;
    margin: 0 0 30px;
    display: block;
    font-size: 18px;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference-title * {
    line-height: inherit;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference-control {
    width: 100%;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference-list {
    width: 100%;
    margin: -6px 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference-item {
    -webkit-box-flex: 1;
    flex: 1 1;
    padding: 6px 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form-check .fd-form-check__input {
    top: 3.8000000000000007px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form-check .fd-form-check__checkmark {
    top: 3.8000000000000007px;
    border-radius: 3px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form-check .fd-form-check__label {
    color: #383838;
    font-size: 16px;
    min-height: 25.6px;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form-check .fd-form-check__checkmark::after {
    background-size: 12px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='12' height='10' viewBox='0 0 11.51 8.2'%3e%3ctitle%3echeck%3c/title%3e%3cpath d='M4.05%2c8.2A.74.74%2c0%2c0%2c1%2c3.52%2c8L.22%2c4.68A.75.75%2c0%2c0%2c1%2c1.28%2c3.62l3.3%2c3.3A.75.75%2c0%2c0%2c1%2c4.58%2c8%2c.74.74%2c0%2c0%2c1%2c4.05%2c8.2Z'/%3e%3cpath d='M4.06%2c8.2A.74.74%2c0%2c0%2c1%2c3.53%2c8a.75.75%2c0%2c0%2c1%2c0-1.06l6.7-6.7a.75.75%2c0%2c0%2c1%2c1.06%2c1.06L4.59%2c8A.74.74%2c0%2c0%2c1%2c4.06%2c8.2Z'/%3e%3c/svg%3e");
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__button {
    color: #ffffff;
    width: 100%;
    border: 1px solid #000000;
    display: inline-block;
    padding: 12px 20px;
    font-size: 14px;
    background: #383838;
    text-align: center;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    line-height: 20px;
    border-radius: 0px;
    letter-spacing: 0.2px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__error {
    margin: 15px 0 0 0;
  }
</style>

<div class="ff-61bf8b81d2fc90968d6f44d1" data-ff-el="root" data-ff-version="3" data-ff-type="popup" data-ff-name="popupImage">
  <!--tpl {% block config %} tpl-->
  <div data-ff-el="config" data-ff-config="eyJ0cmlnZ2VyIjp7Im1vZGUiOiJ3YWl0IiwidmFsdWUiOjEwfSwib25TdWNjZXNzIjp7Im1vZGUiOiJtZXNzYWdlIiwibWVzc2FnZSI6IiIsInJlZGlyZWN0VXJsIjoiIn0sImNvaSI6ZmFsc2UsInNob3dGb3JSZXR1cm5WaXNpdG9ycyI6ZmFsc2UsIm5vdGlmaWNhdGlvbiI6dHJ1ZX0=" style="display: none"></div>
  <!--tpl {% endblock %} tpl-->
  <div class="ff-61bf8b81d2fc90968d6f44d1__modal fd-modal" data-ff-el="modal">
    <div class="ff-61bf8b81d2fc90968d6f44d1__modal-dialog fd-modal__dialog" data-ff-el="modal-dialog">
      <div class="ff-61bf8b81d2fc90968d6f44d1__modal-content fd-modal__content" data-ff-el="modal-content">
        <div class="ff-61bf8b81d2fc90968d6f44d1__modal-body fd-modal__body" data-ff-el="modal-body">
          <div class="ff-61bf8b81d2fc90968d6f44d1__wrapper">
            <div class="ff-61bf8b81d2fc90968d6f44d1__left">
              <div class="ff-61bf8b81d2fc90968d6f44d1__image">
                <div class="ff-61bf8b81d2fc90968d6f44d1__image-inner"> </div>
              </div>
            </div>
            <div class="ff-61bf8b81d2fc90968d6f44d1__right">
              <form class="ff-61bf8b81d2fc90968d6f44d1__form" action="https://form.flodesk.com/forms/61bf8b81d2fc90968d6f44d1/submit" method="post" data-ff-el="form">
                <div class="ff-61bf8b81d2fc90968d6f44d1__title">
                  <div>
                    <div data-paragraph="true">Join my mailing list.</div>
                  </div>
                </div>
                <div class="ff-61bf8b81d2fc90968d6f44d1__subtitle">
                  <div>
                    <div data-paragraph="true">Be the first to know about new </div>
                    <div data-paragraph="true">ideas, resources and PD events for World Language and Spanish teachers.</div>
                  </div>
                </div>
                <div class="ff-61bf8b81d2fc90968d6f44d1__content fd-form-content" data-ff-el="content">
                  <div class="ff-61bf8b81d2fc90968d6f44d1__fields" data-ff-el="fields">
                    <!--tpl {% block fields %} tpl-->

                    <div class="ff-61bf8b81d2fc90968d6f44d1__field fd-form-group">
                      <input class="ff-61bf8b81d2fc90968d6f44d1__control fd-form-control" type="text" name="email" placeholder="Email address" data-ff-tab="email::submit" required />
                      <label class="ff-61bf8b81d2fc90968d6f44d1__label fd-form-label">Email address</label>
                    </div>

                    <input type="text" name="confirm_email_address" style="display: none" />
                    <!--tpl {% endblock %} tpl-->
                  </div>

                  <div class="ff-61bf8b81d2fc90968d6f44d1__footer" data-ff-el="footer">
                    <button type="submit" class="ff-61bf8b81d2fc90968d6f44d1__button fd-btn" data-ff-el="submit" data-ff-tab="submit">
                      <span>Subscribe</span>
                    </button>
                  </div>
                </div>
                <div class="ff-61bf8b81d2fc90968d6f44d1__success fd-form-success" data-ff-el="success">
                  <div data-paragraph="true">Thank you for subscribing!</div>
                </div>
                <div class="ff-61bf8b81d2fc90968d6f44d1__error fd-form-error" data-ff-el="error"></div>
              </form>
            </div>
          </div>
        </div>
        <button class="ff-61bf8b81d2fc90968d6f44d1__modal-close fd-modal__close" data-ff-el="modal-close">

          <svg style="width: 1em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.51 14.51">
            <line x1="1" y1="1" x2="13.51" y2="13.51" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" />
            <line x1="13.51" y1="1" x2="1" y2="13.51" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" />
          </svg>

        </button>
      </div>
    </div>
  </div>
</div>
	Alexandra Santiago on ¿Qué tiempo hace?
	Sr. Ojeda on ¿Qué tiempo hace?
	Sr. Ojeda on ¿Qué tiempo hace?
	sradutto on ¿Qué tiempo hace?
	Alexandra Santiago on ¿Qué tiempo hace?
Share this:

Like this:

2 Comments
