Image Link

Include the following stylesheet to use this component on your non-Drupal website or application.

<link rel="stylesheet" href="https://ashlar.blob.core.windows.net/ashlar-theme-files/css/components/image-link.css">

Prospective Students

<div class="wwu-image-link"> 
  <div class="image-link">
    <a href="#">Prospective Students</a>
    
    <div class="image image--stylized">
      <div class="field__item">
        <img src={Placeholder} alt="leaves in water placeholder"/>
      </div>
    </div>
  </div>
</div>

Alternate Styles

Prospective Students

<div class="wwu-image-link green"> 
  <div class="image-link">
    <a href="#">Prospective Students</a>
    
    <div class="image image--stylized">
      <div class="field__item">
        <img src={Placeholder} alt="leaves in water placeholder"/>
      </div>
    </div>
  </div>
</div>

<div class="wwu-image-link simple"> 
  <div class="image-link">
    <a href="#">Prospective Students</a>
    
    <div class="image image--stylized">
      <div class="field__item">
        <img src={Placeholder} alt="leaves in water placeholder"/>
      </div>
    </div>
  </div>
</div>

<div class="wwu-image-link smaller"> 
  <div class="image-link">
    <a href="#">Prospective Students</a>
    
    <div class="image image--stylized">
      <div class="field__item">
        <img src={Placeholder} alt="leaves in water placeholder"/>
      </div>
    </div>
  </div>
</div>

<div className="wwu-image-link smaller simple blue"> 
  <div className="image-link">
    <a href="#">Prospective Students</a>
    
    <div className="image image--stylized">
      <div className="field__item">
        <img src={Placeholder} alt="leaves in water placeholder"/>
      </div>
    </div>
  </div>
</div>

Alternate Styles​

Alternate Styles