credits.html

---
layout: default
title: Credits
--- 
<div class="credits-header-container">
  <h1>Credits</h1>
  <p class="header-text">Thank you to all of the artists who have made our page look great. 
    Check out all of the iconography and imagery we have used on our site.
  </p>
  <div class="credit-hero">
      <div class="step-links mobile-image">
          <img class="credit-image" src="./assets/images/credits/credits-hero.png">

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

<div class='content-section wide-div'>
<a class='anchor' id='step-1'></a>
          <div class='white-page-card-credits'>
            <div class="page-contain projects-inner">
                <ul class="project-list unstyled-list">
                  {%- for item in site.credits -%}
                        <li>
                          <!-- originally class="project-card-inner" -->
                        <div class="credits-inner">
                          <div class="icon-left">
                            <img src={{ item.image-url | absolute_url }} alt={{item.alt}}/>
                          </div>
                          <div class="icon-info">
                            {%- if item.title -%}
                             <p>
                              <strong>Name: </strong>
                              <!-- original-url: 'https://thenounproject.com/kmgdesignid/collection/calendar-time-line/?i=3256421'-->
                                <a href="{{item.provider-link}}">{{ item.title }}</a>
                              </p>
                            {%- endif -%}
                            {%- if item.used-in -%}
                             <p>
                              <strong>Used in: </strong>
                                {{ item.used-in }}
                              </p>
                            {%- endif -%}
                            {%- if item.artist -%}
                              <p>
                                <strong>Artist: </strong>
                                  {{ item.artist }}
                              </p>
                            {%- endif -%}
                            {%- if item.provider -%}
                              <p>
                                <strong>Provider: </strong>
                                {%- if item.provider-link -%}
                                <a href="{{item.provider-link}}">{{ item.provider }}</a>
                                {%- else -%}
                                {{ item.provider }}
                                {%- endif -%}
                              </p>
                            {%- endif -%}
                          </div>
                        </div>
                      </li>
                  {%- endfor -%}
                </ul>
            </div>
          </div>
 

        </div>
<!-- Do not delete below-->
</div>