Semantic UI is a modern framework used in developing seamless designs for the website, It gives the user a lightweight experience with its components. It uses predefined CSS and jQuery to incorporate different frameworks.

Semantic UI Item offers us Item types, Item content and Item variations. Items are the components that have been used to create web-pages more interactive. Semantic UI item view presents large collections of site content for display.

Semantic UI Item:

• Semantic UI Item Type: There is only one type of item which is item itself, to create multiple items we need to add the items class in the parent element.
• Semantic UI Item Content: There are 8 types of content that can be used as an item in Semantic UI like Image, Content, Header, Metadata, Link, Description, Extra Content and Rating. For the each type of content we have different articles.
• Semantic UI Item Variations: There are 6 types of variations that can be used as an item in Semantic UI like Stacking, Divided, Relaxed, Link Item, Vertical Alignment, Floating Content.

Semantic UI Item Class:

• item: This class is must to work with the item in Semantic-UI Item.

Syntax:

<div class="ui item-variations-class item-type-class">
    <div class="item">
        <div class=" item-content-class">
            ....
        </div>
    </div>
</div>

Below examples illustrate the Semantic UI Item:

Example 1: In this example we will create a simple item that will contain Image, Header and Description content.

Output:

Semantic UI Item 

Example 2: In this example we will create three section of item that contain different contents.

Output:

Semantic UI Item 

Example 3: In this example we will use on variant of item that is floated content.

Output:

Semantic UI Item 

Reference: https://semantic-ui.com/views/item.html