udemy.html

<div class="card">
  <div class="card-header">
    <h4 class="card-title text-primary">CURSOS VIRTUALES EN UDEMY</h4>
    <h6 class="card-subtitle mb-2 text-secondary"><b>CUPON: NAVIDAD2022</b></h6>
    <h6 class="card-subtitle mb-2 text-secondary"><b>COSTO: $9.99</b></h6>
    <h6 class="card-subtitle text-secondary"><b>VIGENCIA: Desde el 11.DIC.2022 por 5 días</b></h6>
  </div>
  <div class="card-body">

    <div class="row">
      <div class="col">
        <div class="card">
          <div class="card-header">
            FUNDAMENTOS DE PROGRAMACIÓN CON JAVA
          </div>
          <div class="card-body embed-responsive embed-responsive-16by9">
            <iframe
              src="https://www.youtube.com/embed/1mcdHGywMvk?list=PLIRq7nByT7aRxGx0N63e8W-Tc3YFFS5eV&autoplay=1&rel=0"
              title="#UDEMY - FUNDAMENTOS DE #PROGRAMACIÓN CON #JAVA - PRESENTACIÓN" frameborder="0"
              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
              allowfullscreen></iframe>
          </div>
          <div class="card-footer">
            <a class="btn btn-info btn-block" target="_blank"
              href="https://www.udemy.com/course/fund-java/?couponCode=NAVIDAD2022">Click aquí para ir al curso</a>
          </div>
        </div>
      </div>
      <div class="col">
        <div class="card">
          <div class="card-header">
            CURSO PROFESIONAL DE JAVA ORIENTADO A OBJETOS
          </div>
          <div class="card-body embed-responsive embed-responsive-16by9">
            <iframe
              src="https://www.youtube.com/embed/EKlwF12-l9Y?list=PLIRq7nByT7aRuBgD4UVRjrcUZFM8Fkbut&autoplay=1&rel=0"
              title="UDEMY - JAVA ORIENTADO A OBJETOS - PRESENTACION" frameborder="0"
              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
              allowfullscreen></iframe>
          </div>
          <div class="card-footer">
            <a class="btn btn-info btn-block" target="_blank"
              href="https://www.udemy.com/course/java-orientado-a-objetos/?couponCode=NAVIDAD2022">Click aquí para ir al
              curso</a>
          </div>
        </div>
      </div>
    </div>

    <div class="row mt-3">
      <div class="col">
        <div class="card">
          <div class="card-header">
            PROGRAMACIÓN DE BASES DE DATOS ORACLE CON JAVA JDBC
          </div>
          <div class="card-body embed-responsive embed-responsive-16by9">
            <iframe
              src="https://www.youtube.com/embed/MR53Xgeg28Y?list=PLIRq7nByT7aQlHn2S4gBdEQZXfgYMMKC2&autoplay=1&rel=0"
              title="UDEMY - JAVA JDBC ORACLE" frameborder="0"
              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
              allowfullscreen></iframe>
          </div>
          <div class="card-footer">
            <a class="btn btn-info btn-block" target="_blank"
              href="https://www.udemy.com/course/java-jdbc-oracle/?couponCode=NAVIDAD2022">Click aquí para ir al
              curso</a>
          </div>
        </div>
      </div>
      <div class="col">
        <div class="card">
          <div class="card-header">
            PROGRAMACIÓN DE BASES DE DATOS ORACLE CON PL/SQL
          </div>
          <div class="card-body embed-responsive embed-responsive-16by9">
            <iframe 
              src="https://www.youtube.com/embed/qf5IF2dJtQc?list=PLIRq7nByT7aTgGKOvpRpZ2WvDSlweucLc&autoplay=1&rel=0"
              title="#UDEMY: PROGRAMACIÓN DE BASE DE DATOS ORACLE CON PL/SQL" frameborder="0"
              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
              allowfullscreen></iframe>
          </div>
          <div class="card-footer">
            <a class="btn btn-info btn-block" target="_blank"
              href="https://www.udemy.com/course/lenguaje-plsql/?couponCode=NAVIDAD2022">Click aquí para ir al curso</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
  /* Light YouTube Embeds by @labnol */
  /* Web: http://labnol.org/?p=27941 */
  document.addEventListener("DOMContentLoaded",
    function () {
      var div, n,
        v = document.getElementsByClassName("youtube-player");
      for (n = 0; n < v.length; n++) {
        div = document.createElement("div");
        div.setAttribute("data-id", v[n].dataset.id);
        div.innerHTML = labnolThumb(v[n].dataset.id);
        div.onclick = labnolIframe;
        v[n].appendChild(div);
      }
    });
  function labnolThumb(id) {
    var thumb = '<img src="https://i.ytimg.com/vi/ID/hqdefault.jpg">',
      play = '<div class="play"></div>';
    return thumb.replace("ID", id) + play;
  }
  function labnolIframe() {
    var iframe = document.createElement("iframe");
    var embed = "https://www.youtube.com/embed/ID?autoplay=1";
    iframe.setAttribute("src", embed.replace("ID", this.dataset.id));
    iframe.setAttribute("frameborder", "0");
    iframe.setAttribute("allowfullscreen", "1");
    this.parentNode.replaceChild(iframe, this);
  }
</script>