pythoncopycarousel.html

<div class="pythoncopy-hero-carousel" aria-label="Python Code Lab screenshots">
  <img src="pythoncopy/pythoncopyhero1.jpg" alt="Python Code Lab screenshot 1">
  <img src="pythoncopy/pythoncopyhero2.jpg" alt="Python Code Lab screenshot 2">
  <img src="pythoncopy/pythoncopyhero3.jpg" alt="Python Code Lab screenshot 3">
  <img src="pythoncopy/pythoncopyhero4.jpg" alt="Python Code Lab screenshot 4">
  <img src="pythoncopy/pythoncopyhero5.jpg" alt="Python Code Lab screenshot 5">
  <img src="pythoncopy/pythoncopyhero6.jpg" alt="Python Code Lab screenshot 6">
  <img src="pythoncopy/pythoncopyhero7.jpg" alt="Python Code Lab screenshot 6">
</div>

<div class="carousel-controls" aria-label="Screenshot navigation">
  <button class="carousel-btn" type="button" onclick="prevInstructionSlide()"
    aria-label="Previous screenshot">‹</button>
  <div class="carousel-dots" id="carouselDots"></div>
  <button class="carousel-btn" type="button" onclick="nextInstructionSlide()" aria-label="Next screenshot">›</button>
</div>

<p class="pythoncopy-instructions-link">
  <a href="https://docs.google.com/presentation/d/e/2PACX-1vRCmJnbNtE3vmdP0LucHV9wEDtLFPeBuYfMqVdisr8q9d1tMoJzDftd48_cMCf2MZ5dkeX_Py_Ch9ow/pub?start=false&amp;loop=false&amp;delayms=3000"
    target="_blank" rel="noopener">
    Open the full instructions slide deck
  </a>
</p>