<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="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=
          
            "https://dongdongbh.tech/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=
          
            "https://dongdongbh.tech/assets/images/unsplash-gallery-image-2-th.jpg"
          
        alt="placeholder image 2">
      </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="https://dongdongbh.tech/#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=
          
            "https://dongdongbh.tech/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=
          
            "https://dongdongbh.tech/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="highlighter-rouge">type="left"</code></p>

        </div>
      

      
        <p><a href="https://dongdongbh.tech/#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=
          
            "https://dongdongbh.tech/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="highlighter-rouge">type="right"</code></p>

        </div>
      

      
        <p><a href="https://dongdongbh.tech/#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=
          
            "https://dongdongbh.tech/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="highlighter-rouge">type="center"</code></p>

        </div>
      

      
        <p><a href="https://dongdongbh.tech/#test-link" class="btn btn--primary">Read More</a></p>
      
    </div>
  </div>
</div>