Faculty Staff Feed Item Set

Ready

HTML
View
Context
Assets
Info
Notes


        
        <div class="faculty-staff-feed-item-set">
    <ul>
        <li>
            <div class="faculty-staff-feed-item">
                <div class="faculty-staff-feed-item__media">
                    <div class="faculty-staff-feed-item__media-container">
                        <img class="faculty-staff-feed-item__media-image" src="../../img/emmanuel_agba.png" alt="test" loading="lazy">
                    </div>
                </div>
                <div class="faculty-staff-feed-item__content text-content">
                    <h2 class="faculty-staff-feed-item__content-name">Lorem ipsum</h2>
                    <p class="faculty-staff-feed-item__content-body">Sample Title</p>
                    <p><a href="#" class="iastate22-link-secondary">About <span class="arrow"></span></a></p>
                    <ul class="faculty-staff-feed-item__content-contact">
                        <li>
                            <div class="faculty-staff-feed-item__content-icon"><a href="mailto:test@test.com"><i class="fak fa-iastate22-email"></i></a></div>
                            <div class="faculty-staff-feed-item__contact-field"><a href="mailto:test@test.com">test@test.com</a></div>
                        </li>
                        <li>
                            <div class="faculty-staff-feed-item__content-icon"><i class="fak fa-iastate22-phone"></i></div>
                            <div class="faculty-staff-feed-item__contact-field">(444) 444-4444</div>
                        </li>
                        <li>
                            <div class="faculty-staff-feed-item__content-key"><strong>Name:</strong></div>
                            <div class="faculty-staff-feed-item__contact-value">Lorem ipsum</div>
                        </li>
                        <li>
                            <div class="faculty-staff-feed-item__content-key"><strong>Name2:</strong></div>
                            <div class="faculty-staff-feed-item__contact-value"><a href='#'>Lorem ipsum</a></div>
                        </li>
                        <li>
                            <div class="faculty-staff-feed-item__content-key"><strong>Name3:</strong></div>
                            <div class="faculty-staff-feed-item__contact-value"><a href='#'>Lorem ipsum</a></div>
                        </li>
                        <li>
                            <div class="faculty-staff-feed-item__content-key"><strong>Name4:</strong></div>
                            <div class="faculty-staff-feed-item__contact-value">Lorem ipsum</div>
                        </li>
                    </ul>
                </div>
            </div>
        </li>
        <li>
            <div class="faculty-staff-feed-item">
                <div class="faculty-staff-feed-item__media">
                    <div class="faculty-staff-feed-item__media-container">
                        <img class="faculty-staff-feed-item__media-image" src="../../img/emmanuel_agba.png" alt="test" loading="lazy">
                    </div>
                </div>
                <div class="faculty-staff-feed-item__content text-content">
                    <h2 class="faculty-staff-feed-item__content-name">Lorem ipsum</h2>
                    <p class="faculty-staff-feed-item__content-body">Sample Title</p>
                    <p><a href="#" class="iastate22-link-secondary">About <span class="arrow"></span></a></p>
                    <ul class="faculty-staff-feed-item__content-contact">
                        <li>
                            <div class="faculty-staff-feed-item__content-icon"><i class="fak fa-iastate22-phone"></i></div>
                            <div class="faculty-staff-feed-item__contact-field">(444) 444-4444</div>
                        </li>
                        <li>
                            <div class="faculty-staff-feed-item__content-key"><strong>Name:</strong></div>
                            <div class="faculty-staff-feed-item__contact-value">Lorem ipsum</div>
                        </li>
                        <li>
                            <div class="faculty-staff-feed-item__content-key"><strong>Name2:</strong></div>
                            <div class="faculty-staff-feed-item__contact-value"><a href='#'>Lorem ipsum</a></div>
                        </li>
                    </ul>
                </div>
            </div>
        </li>
        <li>
            <div class="faculty-staff-feed-item">
                <div class="faculty-staff-feed-item__media">
                    <div class="faculty-staff-feed-item__media-container">
                        <img class="faculty-staff-feed-item__media-image" src="../../img/emmanuel_agba.png" alt="test" loading="lazy">
                    </div>
                </div>
                <div class="faculty-staff-feed-item__content text-content">
                    <h2 class="faculty-staff-feed-item__content-name">Lorem ipsum</h2>
                    <p class="faculty-staff-feed-item__content-body">Sample Title</p>
                    <p><a href="#" class="iastate22-link-secondary">About <span class="arrow"></span></a></p>
                    <ul class="faculty-staff-feed-item__content-contact">
                        <li>
                            <div class="faculty-staff-feed-item__content-icon"><a href="mailto:test@test.com"><i class="fak fa-iastate22-email"></i></a></div>
                            <div class="faculty-staff-feed-item__contact-field"><a href="mailto:test@test.com">test@test.com</a></div>
                        </li>
                        <li>
                            <div class="faculty-staff-feed-item__content-key"><strong>Name:</strong></div>
                            <div class="faculty-staff-feed-item__contact-value">Lorem ipsum</div>
                        </li>
                        <li>
                            <div class="faculty-staff-feed-item__content-key"><strong>Name2:</strong></div>
                            <div class="faculty-staff-feed-item__contact-value"><a href='#'>Lorem ipsum</a></div>
                        </li>
                        <li>
                            <div class="faculty-staff-feed-item__content-key"><strong>Name3:</strong></div>
                            <div class="faculty-staff-feed-item__contact-value"><a href='#'>Lorem ipsum</a></div>
                        </li>
                    </ul>
                </div>
            </div>
        </li>
        <li>
            <div class="faculty-staff-feed-item">
                <div class="faculty-staff-feed-item__media">
                    <div class="faculty-staff-feed-item__media-container">
                        <img class="faculty-staff-feed-item__media-image" src="../../img/emmanuel_agba.png" alt="test" loading="lazy">
                    </div>
                </div>
                <div class="faculty-staff-feed-item__content text-content">
                    <h2 class="faculty-staff-feed-item__content-name">Lorem ipsum</h2>
                    <p class="faculty-staff-feed-item__content-body">Sample Title</p>
                    <p><a href="#" class="iastate22-link-secondary">About <span class="arrow"></span></a></p>
                    <ul class="faculty-staff-feed-item__content-contact">
                        <li>
                            <div class="faculty-staff-feed-item__content-key"><strong>Name:</strong></div>
                            <div class="faculty-staff-feed-item__contact-value">Lorem ipsum</div>
                        </li>
                    </ul>
                </div>
            </div>
        </li>
    </ul>
</div>


        <div class="faculty-staff-feed-item-set">
  <ul>
    {% for item in faculty_staff_items %}
      <li>
        {% include "@faculty-staff-feed-item" with item %}
      </li>
    {% endfor %}
  </ul>
</div>


        
            
            {
  "faculty_staff_items": [
    {
      "image": {
        "src": "../../img/emmanuel_agba.png",
        "alt": "test"
      },
      "url": "#",
      "title": "Lorem ipsum",
      "body": "Sample Title",
      "email": "test@test.com",
      "phone": "(444) 444-4444",
      "facts": [
        {
          "key": "Name",
          "value": "Lorem ipsum"
        },
        {
          "key": "Name2",
          "value": "<a href='#'>Lorem ipsum</a>"
        },
        {
          "key": "Name3",
          "value": "<a href='#'>Lorem ipsum</a>"
        },
        {
          "key": "Name4",
          "value": "Lorem ipsum"
        }
      ]
    },
    {
      "image": {
        "src": "../../img/emmanuel_agba.png",
        "alt": "test"
      },
      "url": "#",
      "title": "Lorem ipsum",
      "body": "Sample Title",
      "email": "",
      "phone": "(444) 444-4444",
      "facts": [
        {
          "key": "Name",
          "value": "Lorem ipsum"
        },
        {
          "key": "Name2",
          "value": "<a href='#'>Lorem ipsum</a>"
        }
      ]
    },
    {
      "image": {
        "src": "../../img/emmanuel_agba.png",
        "alt": "test"
      },
      "url": "#",
      "title": "Lorem ipsum",
      "body": "Sample Title",
      "email": "test@test.com",
      "phone": "",
      "facts": [
        {
          "key": "Name",
          "value": "Lorem ipsum"
        },
        {
          "key": "Name2",
          "value": "<a href='#'>Lorem ipsum</a>"
        },
        {
          "key": "Name3",
          "value": "<a href='#'>Lorem ipsum</a>"
        }
      ]
    },
    {
      "image": {
        "src": "../../img/emmanuel_agba.png",
        "alt": "test"
      },
      "url": "#",
      "title": "Lorem ipsum",
      "body": "Sample Title",
      "email": "",
      "phone": "",
      "facts": [
        {
          "key": "Name",
          "value": "Lorem ipsum"
        }
      ]
    }
  ]
}

File:

Content:


                                .faculty-staff-feed-item-set {
  ul {
    li {
      margin-bottom: rem(50);
    }
  }
}

URL: /components/raw/faculty-staff-feed-item-set/_faculty-staff-feed-item-set.scss
Filesystem Path: src/components/faculty-staff-feed-item-set/_faculty-staff-feed-item-set.scss
Size: 89 Bytes

Handle: @faculty-staff-feed-item-set
Preview:
- With layout
- Component only
Filesystem Path: src/components/faculty-staff-feed-item-set/faculty-staff-feed-item-set.twig
References (1): @faculty-staff-feed-item
Referenced by (3): @faculty-staff-directory-a-z-index, @faculty-staff-directory-combined-search, @faculty-staff-directory-general-search

There are no notes for this item.

Faculty Staff Feed Item Set

Faculty Bio Page

Home Heroes

Main University Site

News Hub

Personal Profile Page