Splash Page

<div class="feature__item--center">
  <div class="archive__item">
    

    <div class="archive__item-body">
      

      
        <div class="archive__item-excerpt">
          <p>Nullam suscipit et nam, tellus velit pellentesque at malesuada, enim eaque. Quis nulla, netus tempor in diam gravida tincidunt, <em>proin faucibus</em> voluptate felis id sollicitudin. Centered with <code class="language-plaintext highlighter-rouge">type="center"</code></p>

        </div>
      

      
    </div>
  </div>
</div>

<div class="feature__item">
  <div class="archive__item">
    
      <div class="archive__item-teaser">
        <img src="/assets/images/unsplash-gallery-image-1-th.jpg"
             alt="placeholder image 1">
        
      </div>
    

    <div class="archive__item-body">
      
        <h2 class="archive__item-title">Placeholder 1</h2>
      

      
        <div class="archive__item-excerpt">
          <p>This is some sample content that goes here with <strong>Markdown</strong> formatting.</p>

        </div>
      

      
    </div>
  </div>
</div>
  
<div class="feature__item">
  <div class="archive__item">
    
      <div class="archive__item-teaser">
        <img src="/assets/images/unsplash-gallery-image-2-th.jpg"
             alt="placeholder image 2">
        
          <span class="archive__item-caption">Image courtesy of <a href="https://unsplash.com/">Unsplash</a> </span>
        
      </div>
    

    <div class="archive__item-body">
      
        <h2 class="archive__item-title">Placeholder 2</h2>
      

      
        <div class="archive__item-excerpt">
          <p>This is some sample content that goes here with <strong>Markdown</strong> formatting.</p>

        </div>
      

      
        <p><a href="/#test-link" class="btn btn--primary">Read More</a></p>
      
    </div>
  </div>
</div>
  
<div class="feature__item">
  <div class="archive__item">
    
      <div class="archive__item-teaser">
        <img src="/assets/images/unsplash-gallery-image-3-th.jpg"
             alt="">
        
      </div>
    

    <div class="archive__item-body">
      
        <h2 class="archive__item-title">Placeholder 3</h2>
      

      
        <div class="archive__item-excerpt">
          <p>This is some sample content that goes here with <strong>Markdown</strong> formatting.</p>

        </div>
      

      
    </div>
  </div>
</div>

<div class="feature__item--left">
  <div class="archive__item">
    
      <div class="archive__item-teaser">
        <img src="/assets/images/unsplash-gallery-image-2-th.jpg"
             alt="placeholder image 2">
        
      </div>
    

    <div class="archive__item-body">
      
        <h2 class="archive__item-title">Placeholder Image Left Aligned</h2>
      

      
        <div class="archive__item-excerpt">
          <p>This is some sample content that goes here with <strong>Markdown</strong> formatting. Left aligned with <code class="language-plaintext highlighter-rouge">type="left"</code></p>

        </div>
      

      
        <p><a href="/#test-link" class="btn btn--primary">Read More</a></p>
      
    </div>
  </div>
</div>

<div class="feature__item--right">
  <div class="archive__item">
    
      <div class="archive__item-teaser">
        <img src="/assets/images/unsplash-gallery-image-2-th.jpg"
             alt="placeholder image 2">
        
      </div>
    

    <div class="archive__item-body">
      
        <h2 class="archive__item-title">Placeholder Image Right Aligned</h2>
      

      
        <div class="archive__item-excerpt">
          <p>This is some sample content that goes here with <strong>Markdown</strong> formatting. Right aligned with <code class="language-plaintext highlighter-rouge">type="right"</code></p>

        </div>
      

      
        <p><a href="/#test-link" class="btn btn--primary">Read More</a></p>
      
    </div>
  </div>
</div>

<div class="feature__item--center">
  <div class="archive__item">
    
      <div class="archive__item-teaser">
        <img src="/assets/images/unsplash-gallery-image-2-th.jpg"
             alt="placeholder image 2">
        
      </div>
    

    <div class="archive__item-body">
      
        <h2 class="archive__item-title">Placeholder Image Center Aligned</h2>
      

      
        <div class="archive__item-excerpt">
          <p>This is some sample content that goes here with <strong>Markdown</strong> formatting. Centered with <code class="language-plaintext highlighter-rouge">type="center"</code></p>

        </div>
      

      
        <p><a href="/#test-link" class="btn btn--primary">Read More</a></p>
      
    </div>
  </div>
</div>