gallery.html

---
layout: default
title: Gallery for Learn Enough JavaScript to Be Dangerous
---

<div class="gallery col-three">
  <div class="col col-nav gallery-thumbs" id="gallery-thumbs">
    <div class="current">
      <img src="/images/small/beach.jpg" alt="Venice Beach"
           data-large-version="/images/large/beach.jpg"
           data-title="Venice Beach"
           data-description="An overhead shot of Venice Beach, California.">
    </div>
    <div>
      <img src="/images/small/boat.jpg" alt="Moorea catamaran"
           data-large-version="/images/large/boat.jpg"
           data-title="Catamaran"
           data-description="A catamaran on Moorea lagoon, French Polynesia.">
    </div>
    <div>
      <img src="/images/small/bug.jpg" alt="green bug"
           data-large-version="/images/large/bug.jpg"
           data-title="Bug"
           data-description="A green leaf insect.">
    </div>
    <div>
      <img src="/images/small/desert.jpg" alt="desert vista"
           data-large-version="/images/large/desert.jpg"
           data-title="Desert vista"
           data-description="A view of Joshua Tree National Park.">
    </div>
    <div>
      <img src="/images/small/disney.jpg" alt="Walt Disney Concert Hall"
           data-large-version="/images/large/disney.jpg"
           data-title="Walt Disney Concert Hall"
           data-description="Walt Disney Concert Hall in downtown Los Angeles.">
    </div>
    <div>
      <img src="/images/small/fish.jpg" alt="fish"
           data-large-version="/images/large/fish.jpg"
           data-title="Fish"
           data-description="A group of koi in a Japanese garden.">
    </div>
    <div>
      <img src="/images/small/flavian.jpg" alt="Flavian Amphitheater"
           data-large-version="/images/large/flavian.jpg"
           data-title="Flavian Amphitheater"
           data-description="The Flavian Amphitheater (Colosseum) in Rome.">
    </div>
    <div>
      <img src="/images/small/huntington.jpg" alt="Huntington Gardens"
           data-large-version="/images/large/huntington.jpg"
           data-title="Chinese Garden"
           data-description="The Chinese Garden at The Huntington, San Marino, CA.">
    </div>
    <div>
      <img src="/images/small/orchid.jpg" alt="orchid"
           data-large-version="/images/large/orchid.jpg"
           data-title="Orchid"
           data-description="The original orchid from LE CSS &amp; Layout.">
    </div>
    <div>
      <img src="/images/small/pantheon.jpg" alt="he Pantheon"
           data-large-version="/images/large/pantheon.jpg"
           data-title="The Pantheon"
           data-description="The Pantheon in Rome.">
    </div>
    <div>
      <img src="/images/small/shark.jpg" alt="shark"
           data-large-version="/images/large/shark.jpg"
           data-title="Great White Shark"
           data-description="The background shark from LE CSS &amp; Layout.">
    </div>
    <div>
      <img src="/images/small/snow.jpg" alt="snow mountain"
           data-large-version="/images/large/snow.jpg"
           data-title="Snow Mountain"
           data-description="Mammoth Mount in California.">
    </div>
    <div>
      <img src="/images/small/sunset.jpg" alt="sunset"
           data-large-version="/images/large/sunset.jpg"
           data-title="Pacific Sunset"
           data-description="A sunset over the Pacific Ocean.">
    </div>
    <div>
      <img src="/images/small/turtle.jpg" alt="turtle"
           data-large-version="/images/large/turtle.jpg"
           data-title="Sea Turtle"
           data-description="A friendly sea turtle.">
    </div>
  </div>
  <div class="col col-content">
    <div class="gallery-photo" id="gallery-photo">
      <img src="/images/large/beach.jpg" alt="Catamaran">
    </div>
  </div>
  <div class="col col-aside gallery-info" id="gallery-info">
    <h3 class="title">Venice Beach</h3>
    <p class="description">An overhead shot of Venice Beach, California.</p>
  </div>
</div>