Interactive demo · 49 CFR Part 240

Take the course
before it opens

Three sample lessons from the locomotive engineer certification program, shown in the same lesson player enrolled crews use. No login needed.

Lesson player · 1280 × 800

USRA

Sample lessons Select one to play it on screen

80 HRS
Full program 40 HRS
Online 40 HRS
Hands-on 10 MOD
100+ lessons

Enrollment

Join the waitlist

The full program is 80 hours — 40 online, 40 hands-on — built with career railroaders. Waitlist members get first access at enrollment.

Aligned to 49 CFR Parts 240 · 242

Used only to contact you about enrollment.

<style>
.usra-replica,.usra-replica *{box-sizing:border-box;margin:0;padding:0}
.usra-replica{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#f6f6f4;color:#20242b;border:1px solid #e3e3e1;border-radius:12px;overflow:hidden;max-width:1200px;margin:0 auto}
.usra-replica button{font-family:inherit}
.ur-note{background:#fdf3d7;border-bottom:1px solid #f0dfae;color:#7a5b00;font-size:12px;font-weight:700;letter-spacing:0.08em;padding:10px 18px;text-align:center}
.ur-layout{display:flex;align-items:stretch}
.ur-side{width:300px;flex-shrink:0;display:flex;flex-direction:column;background:#fbfbfa}
.ur-side-head{background:#121316;color:#fff;padding:24px 22px 22px}
.ur-dash{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:0.18em;color:#aeb7c2;font-weight:500;margin-bottom:16px}
.ur-course{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:25px;line-height:1.3;font-weight:500}
.ur-user{display:flex;gap:12px;align-items:center;margin-top:20px}
.ur-avatar{width:50px;height:50px;border-radius:50%;background:#454f5c;border:3px solid #525d6b;position:relative;overflow:hidden;flex-shrink:0}
.ur-avatar::before{content:"";position:absolute;left:50%;top:30%;width:18px;height:18px;background:#8b95a1;border-radius:50%;transform:translateX(-50%)}
.ur-avatar::after{content:"";position:absolute;left:50%;bottom:-8px;width:34px;height:28px;background:#8b95a1;border-radius:50%;transform:translateX(-50%)}
.ur-name{font-size:15px;font-weight:700}
.ur-pct{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:0.14em;color:#aeb7c2;margin-top:3px;font-weight:500}
.ur-mod{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:15px;letter-spacing:0.02em;padding:20px 20px 6px;color:#20242b}
.ur-lessons{display:flex;flex-direction:column;padding-bottom:8px}
.ur-lesson{display:flex;gap:10px;align-items:flex-start;width:100%;background:none;border:none;border-left:3px solid transparent;padding:11px 18px;cursor:pointer;text-align:left;color:#55534f}
.ur-lesson:hover{background:#f1f1ef}
.ur-lesson.active{background:#fff;border-left-color:#F5B700;color:#20242b}
.ur-lesson.active .ur-lt{font-weight:700}
.ur-ico{width:19px;height:19px;border-radius:50%;flex-shrink:0;margin-top:2px;border:1.5px solid #a2a8b0;display:flex;align-items:center;justify-content:center;font-size:9px;color:#a2a8b0}
.ur-ico::before{content:"▶";margin-left:1px}
.ur-lesson.active:not(.done) .ur-ico{border-color:#F5B700;color:#F5B700}
.ur-lesson.active:not(.done) .ur-ico::before{content:"◐";margin-left:0;font-size:12px}
.ur-lesson.done .ur-ico{background:#F5B700;border-color:#F5B700;color:#fff}
.ur-lesson.done .ur-ico::before{content:"✓";margin-left:0;font-size:11px}
.ur-lt{font-family:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.5}
.ur-locknote{padding:14px 20px 20px;font-size:12px;color:#9aa0a8;line-height:1.5;border-top:1px dashed #e3e3e1;margin-top:6px}
.ur-maincol{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}
.ur-searchbar{display:flex;align-items:center;gap:12px;padding:15px 22px;border-bottom:1px solid #e9e9e7;color:#9aa0a8;font-size:15px}
.ur-searchbar svg{flex-shrink:0}
.ur-stage{position:relative;background:#000;aspect-ratio:16/9}
.ur-stage video{position:absolute;inset:0;width:100%;height:100%;background:#000}
.ur-titlecard{position:absolute;inset:0;z-index:3;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:7% 8%;background:#000}
.ur-titlecard.hidden{display:none}
.ur-tc-logo{position:absolute;top:7%;left:7%;height:34px}
.ur-tc-lesson{font-family:"IBM Plex Mono",ui-monospace,monospace;color:#F5B700;font-size:15px;letter-spacing:0.3em;font-weight:500;margin-bottom:14px}
.ur-tc-title{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;color:#fff;font-size:clamp(28px,5vw,58px);line-height:1.08;font-weight:600;max-width:640px}
.ur-tc-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:14px;background:rgba(30,33,38,0.92);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}
.ur-tc-play::before{content:"";border-left:30px solid #fff;border-top:19px solid transparent;border-bottom:19px solid transparent;margin-left:8px}
.ur-tc-err{color:#F5B700;font-size:13px;margin-top:16px;max-width:520px;line-height:1.5;display:none}
.ur-controls{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;gap:14px;padding:10px 16px;background:rgba(18,19,22,0.88);color:#fff}
.ur-cbtn{background:none;border:none;color:#fff;cursor:pointer;font-size:15px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}
.ur-cbtn svg{display:block}
.ur-time{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:13px;font-variant-numeric:tabular-nums;min-width:38px}
.ur-scrub{flex:1;height:5px;background:rgba(255,255,255,0.28);border-radius:99px;cursor:pointer;position:relative}
.ur-scrub i{position:absolute;left:0;top:0;bottom:0;width:0%;background:#fff;border-radius:99px}
.ur-scrub::after{content:"";position:absolute;top:50%;width:11px;height:11px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);left:0%}
.ur-actionrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 26px;border-bottom:1px solid #f0f0ee;flex-wrap:wrap}
.ur-dur{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}
.ur-actions{display:flex;align-items:center;gap:10px}
.ur-star{width:42px;height:42px;border:1px solid #d9d9d7;border-radius:8px;background:#fff;font-size:19px;color:#c3c8cf;cursor:pointer;line-height:1}
.ur-star.on{color:#F5B700;border-color:#F5B700}
.ur-complete{border:1.5px solid #F5B700;color:#d09c00;background:#fff;font-weight:700;letter-spacing:0.08em;font-size:13px;padding:12px 24px;border-radius:8px;cursor:pointer}
.ur-complete.done{background:#F5B700;color:#fff}
.ur-next{background:none;border:none;font-size:22px;color:#9aa0a8;cursor:pointer;padding:6px 4px}
.ur-lessonhead{padding:34px 30px 8px}
.ur-lessonhead h1{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:42px;font-weight:500;line-height:1.15;margin-bottom:18px}
.ur-lessonhead p{font-size:16.5px;line-height:1.7;color:#3a3f47;max-width:720px}
.ur-comments{padding:26px 30px 40px;display:flex;gap:16px;border-top:1px solid #f0f0ee;margin-top:26px}
.ur-cavatar{width:46px;height:46px;border-radius:50%;background:#454f5c;position:relative;overflow:hidden;flex-shrink:0}
.ur-cavatar::before{content:"";position:absolute;left:50%;top:30%;width:17px;height:17px;background:#8b95a1;border-radius:50%;transform:translateX(-50%)}
.ur-cavatar::after{content:"";position:absolute;left:50%;bottom:-7px;width:32px;height:26px;background:#8b95a1;border-radius:50%;transform:translateX(-50%)}
.ur-cform{flex:1}
.ur-cform textarea{width:100%;min-height:110px;border:1px solid #e0e0de;border-radius:8px;padding:14px;font:inherit;font-size:14px;color:#20242b;resize:vertical}
.ur-cform textarea::placeholder{color:#9aa0a8}
.ur-post{margin-top:12px;background:#F5B700;color:#fff;border:none;font-weight:700;letter-spacing:0.08em;font-size:13px;padding:13px 30px;border-radius:8px;cursor:pointer}
.ur-cdone{font-size:14px;color:#6b7280;line-height:1.6}
.ur-cdone a{color:#d09c00;font-weight:700}
.ur-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#121316;color:#dfe4ea;padding:26px 30px}
.ur-cta p{font-size:15px;line-height:1.6;max-width:620px}
.ur-cta p strong{color:#F3F2ED}
.ur-btn{display:inline-block;text-decoration:none;background:#F5B700;color:#121316;font-weight:800;font-size:15px;padding:15px 34px;border-radius:10px;white-space:nowrap}
@media (max-width:900px){.ur-layout{flex-direction:column}.ur-side{width:100%}.ur-lessons{flex-direction:row;overflow-x:auto;padding:4px 8px 12px}.ur-lesson{min-width:235px;border-left:none;border-bottom:3px solid transparent}.ur-lesson.active{border-bottom-color:#F5B700}.ur-course{font-size:20px}.ur-lessonhead{padding:24px 20px 6px}.ur-lessonhead h1{font-size:29px}.ur-comments{padding:22px 20px 34px}}
</style>
<div class="usra-replica">
  <div class="ur-note">INTERACTIVE DEMO  ·  Explore 3 sample lessons below — no login needed. The full 80-hour program opens at enrollment.</div>
  <div class="ur-layout">
    <aside class="ur-side">
      <div class="ur-side-head">
        <div class="ur-dash">‹  DASHBOARD</div>
        <div class="ur-course">LOCOMOTIVE ENGINEER CERTIFICATION — 49 CFR PART 240</div>
        <div class="ur-user">
          <div class="ur-avatar"></div>
          <div>
            <div class="ur-name">Demo Guest</div>
            <div class="ur-pct" id="urPct">0% COMPLETE</div>
          </div>
        </div>
      </div>
      <div class="ur-mod">SAMPLE LESSONS</div>
      <div class="ur-lessons" id="urLessons"></div>
      <div class="ur-locknote">Full program: 100+ lessons across 10 modules.<br>Remaining lessons unlock at enrollment.</div>
    </aside>
    <div class="ur-maincol">
      <div class="ur-searchbar">
        <svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><circle cx="11" cy="11" r="7"/><line x1="21" y1="21" x2="16.5" y2="16.5"/></svg>
        <span>Search for something...</span>
      </div>
      <div class="ur-stage" id="urStage">
        <video id="urVideo" playsinline preload="metadata"></video>
        <div class="ur-titlecard" id="urCard">
          <img class="ur-tc-logo" id="urCardLogo" alt="U.S. Rail Academy">
          <div class="ur-tc-lesson" id="urCardLesson">LESSON 1</div>
          <div class="ur-tc-title" id="urCardTitle"></div>
          <div class="ur-tc-err" id="urCardErr">This lesson has no video link yet. In the code, search for PASTE-VIDEO-URL and add the .mp4 link.</div>
          <button class="ur-tc-play" type="button" aria-label="Play lesson"></button>
        </div>
        <div class="ur-controls" id="urControls">
          <button class="ur-cbtn" id="urPlayBtn" type="button" aria-label="Play or pause">▶</button>
          <span class="ur-time" id="urTime">0:00</span>
          <div class="ur-scrub" id="urScrub"><i id="urScrubFill"></i></div>
          <button class="ur-cbtn" id="urMuteBtn" type="button" aria-label="Mute">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" fill="currentColor" stroke="none"/><path d="M15.5 8.5a5 5 0 0 1 0 7"/></svg>
          </button>
          <button class="ur-cbtn" id="urFsBtn" type="button" aria-label="Fullscreen">
            <svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M8 21H5a2 2 0 0 1-2-2v-3M16 21h3a2 2 0 0 0 2-2v-3"/></svg>
          </button>
        </div>
      </div>
      <div class="ur-actionrow">
        <div class="ur-dur">
          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><polyline points="12 7 12 12 15.5 13.5"/></svg>
          <span id="urDur">1:15</span>
        </div>
        <div class="ur-actions">
          <button class="ur-star" id="urStar" type="button" aria-label="Favorite">☆</button>
          <button class="ur-complete" id="urCompleteBtn" type="button">Complete Lesson</button>
          <button class="ur-next" id="urNextBtn" type="button" aria-label="Next lesson">›</button>
        </div>
      </div>
      <div class="ur-lessonhead">
        <h1 id="urHeadTitle"></h1>
        <p id="urHeadDesc"></p>
      </div>
      <div class="ur-comments">
        <div class="ur-cavatar"></div>
        <div class="ur-cform" id="urCommentForm">
          <textarea placeholder="Say Something..." aria-label="Add a comment"></textarea><br>
          <button class="ur-post" id="urPostBtn" type="button">POST COMMENT</button>
        </div>
      </div>
    </div>
  </div>
  <div class="ur-cta">
    <p><strong>This was a 3-lesson sample.</strong> The full program is 80 hours — 40 online, 40 hands-on — built with career railroaders. Join the waitlist for first access at enrollment.</p>
    <a class="ur-btn" href="https://www.usrailacademy.com/contact" target="_top">Join the waitlist</a>
  </div>
</div>

<script>
(function () {
  var LESSONS = [
    { num: "1", side: "Welcome & Program Orientation",
      desc: "The 60-second version: what the U.S. Rail Academy certification program is and who it is for.",
      dur: "1:15",
      src: "https://www.dropbox.com/scl/fi/glaiw83py5dnc56pxiz7o/Demo1.mp4?rlkey=2wevi8hgg8bfilti57fczacah&st=qtj9wt5q&raw=1" },
    { num: "2", side: "Why Part 240 Exists",
      desc: "Why the federal certification rule exists, what it requires of railroads and engineers, and why it matters.",
      dur: "1:25",
      src: "https://www.dropbox.com/scl/fi/esgcvfdf0rtxoxmr6hvrk/Demo-2.mp4?rlkey=qxa2h3500ekx5gjvjqeo1r07o&st=dxznq5nk&raw=1" },
    { num: "3", side: "20-Car Shove",
      desc: "The full sequence in two minutes: riding the shove, car counts from twenty down to two feet, the coupling, and the radio exchange that makes the joint.",
      dur: "2:01",
      src: "https://www.dropbox.com/scl/fi/hxy5gvvrstsplzm51oyn4/20-car-count.mp4?rlkey=ow1t3ka9z1nph2qgsz7rdm8nf&st=aay6kldq&raw=1" }
  ];
  var LOGO_URL = "https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/file-uploads/sites/2148920495/images/72cafe2-8e12-37f-eefe-6703a5d53e4d_USRA-primary-on-dark.png";
  var $ = function (id) { return document.getElementById(id); };
  var listEl = $("urLessons"), video = $("urVideo"), stage = $("urStage"), card = $("urCard"),
      cardLesson = $("urCardLesson"), cardTitle = $("urCardTitle"), cardErr = $("urCardErr"),
      headTitle = $("urHeadTitle"), headDesc = $("urHeadDesc"), durEl = $("urDur"), pctEl = $("urPct"),
      playBtn = $("urPlayBtn"), timeEl = $("urTime"), scrub = $("urScrub"), scrubFill = $("urScrubFill"),
      completeBtn = $("urCompleteBtn"), starBtn = $("urStar");
  $("urCardLogo").src = LOGO_URL;
  var current = -1, done = [false, false, false], starred = [false, false, false];
  LESSONS.forEach(function (lsn, i) {
    lsn.head = (lsn.num + ". " + lsn.side).toUpperCase();
    var b = document.createElement("button");
    b.type = "button"; b.className = "ur-lesson";
    b.innerHTML = '<span class="ur-ico"></span><span class="ur-lt">' + lsn.side + "</span>";
    b.addEventListener("click", function () { loadLesson(i, true); });
    listEl.appendChild(b); lsn._btn = b;
  });
  function fmt(s) { s = Math.max(0, Math.floor(s || 0)); return Math.floor(s / 60) + ":" + ("0" + (s % 60)).slice(-2); }
  function refreshProgress() { var n = done.filter(Boolean).length; pctEl.textContent = Math.round(n / LESSONS.length * 100) + "% COMPLETE"; }
  function markDone(i, advance) {
    if (done[i]) { if (advance) goNext(); return; }
    done[i] = true; LESSONS[i]._btn.classList.add("done"); refreshProgress();
    completeBtn.classList.add("done"); completeBtn.textContent = "Completed ✓";
    if (advance) setTimeout(goNext, 650);
  }
  function goNext() { loadLesson((current + 1) % LESSONS.length, false); }
  function loadLesson(i, autoplay) {
    current = i; var lsn = LESSONS[i];
    LESSONS.forEach(function (l, j) { l._btn.classList.toggle("active", j === i); });
    cardLesson.textContent = "LESSON " + lsn.num; cardTitle.textContent = lsn.head;
    headTitle.textContent = lsn.head; headDesc.textContent = lsn.desc; durEl.textContent = lsn.dur;
    cardErr.style.display = "none";
    completeBtn.classList.toggle("done", done[i]); completeBtn.textContent = done[i] ? "Completed ✓" : "Complete Lesson";
    starBtn.classList.toggle("on", starred[i]); starBtn.textContent = starred[i] ? "★" : "☆";
    card.classList.remove("hidden"); video.pause(); playBtn.textContent = "▶";
    if (video.getAttribute("src") !== lsn.src) video.setAttribute("src", lsn.src);
    video.currentTime = 0; timeEl.textContent = "0:00"; scrubFill.style.width = "0%"; scrub.style.setProperty("--p", "0%");
    if (autoplay) playFromCard();
  }
  function playFromCard() {
    var lsn = LESSONS[current];
    if (!lsn.src) { cardErr.style.display = "block"; return; }
    card.classList.add("hidden"); video.play().catch(function () {}); playBtn.textContent = "❚❚";
  }
  card.addEventListener("click", playFromCard);
  playBtn.addEventListener("click", function () {
    if (video.paused) {
      if (!card.classList.contains("hidden")) { playFromCard(); return; }
      video.play().catch(function () {}); playBtn.textContent = "❚❚";
    } else { video.pause(); playBtn.textContent = "▶"; }
  });
  video.addEventListener("timeupdate", function () {
    timeEl.textContent = fmt(video.currentTime);
    var p = video.duration ? (video.currentTime / video.duration * 100) : 0;
    scrubFill.style.width = p + "%"; scrub.style.setProperty("--p", p + "%");
  });
  video.addEventListener("ended", function () { playBtn.textContent = "▶"; markDone(current, false); });
  video.addEventListener("error", function () { card.classList.remove("hidden"); cardErr.style.display = "block"; playBtn.textContent = "▶"; });
  scrub.addEventListener("click", function (e) {
    var r = scrub.getBoundingClientRect(), p = (e.clientX - r.left) / r.width;
    if (video.duration) video.currentTime = p * video.duration;
  });
  var styleTag = document.createElement("style");
  styleTag.textContent = ".ur-scrub::after{left:var(--p,0%) !important;}";
  document.head.appendChild(styleTag);
  $("urMuteBtn").addEventListener("click", function () { video.muted = !video.muted; this.style.opacity = video.muted ? "0.45" : "1"; });
  $("urFsBtn").addEventListener("click", function () {
    if (document.fullscreenElement) document.exitFullscreen();
    else if (stage.requestFullscreen) stage.requestFullscreen();
  });
  completeBtn.addEventListener("click", function () { markDone(current, true); });
  $("urNextBtn").addEventListener("click", goNext);
  starBtn.addEventListener("click", function () {
    starred[current] = !starred[current];
    starBtn.classList.toggle("on", starred[current]); starBtn.textContent = starred[current] ? "★" : "☆";
  });
  $("urPostBtn").addEventListener("click", function () {
    $("urCommentForm").innerHTML = '<p class="ur-cdone">Discussion opens at enrollment. <a href="https://www.usrailacademy.com/contact" target="_top">Join the waitlist</a> to be notified.</p>';
  });
  refreshProgress();
  loadLesson(0, false);
})();
</script>