<div class="ui basic segment">
    <div class="ui segments">
        <div class="ui segment"></div>
        <div class="ui horizontal segments">
            <div class="ui segment"></div>
            <div class="ui segment"></div>
            <div class="ui segment"></div>
        </div>
        <div class="ui segment"></div>
    </div>
    <div class="ui top attached steps">
        <a class="step">
            <div class="content">
                <div class="title">Step</div>
                <div class="description">Description</div>
            </div>
        </a>
        <a class="step">
            <div class="content">
                <div class="title">Step</div>
                <div class="description">Description</div>
            </div>
        </a>
        <a class="step">
            <div class="content">
                <div class="title">Step</div>
                <div class="description">Description</div>
            </div>
        </a>
        <a class="step">
            <div class="content">
                <div class="title">Step</div>
                <div class="description">Description</div>
            </div>
        </a>
        <a class="active step">
            <div class="content">
                <div class="title">Step</div>
                <div class="description">Description</div>
            </div>
        </a>
    </div>
    <div class="ui attached block header">
        <i class="settings icon"></i>
        <div class="content"> Color
            <div class="sub header">Sub-header</div>
        </div>
    </div>
    <div class="ui attached center aligned segment">
        <div class="ui button">A</div>
        <div class="ui horizontal divider">and</div>
        <div class="teal ui button">B</div>
    </div>
    <div class="ui attached menu">
        <a class="item">
            <i class="gamepad icon"></i> Games </a>
        <a class="item">
            <div class="floating ui teal label">11</div>
            <i class="video camera icon"></i> Channels </a>
        <a class="item">
            <div class="floating ui red label">5</div>
            <i class="video play icon"></i> Videos </a>
    </div>
    <div class="ui attached segment">
        <a class="ui ribbon red label">Ribbon</a>
        <div class="ui top right attached label">Top Right</div>
        <div class="ui buttons">
            <div class="ui button">Cancel</div>
            <div class="or"></div>
            <div class="ui positive button">Save</div>
        </div>
        <div class="ui icon buttons">
            <div class="ui button">
                <i class="align left icon"></i>
            </div>
            <div class="ui button">
                <i class="align center icon"></i>
            </div>
            <div class="ui button">
                <i class="align right icon"></i>
            </div>
            <div class="ui button">
                <i class="align justify icon"></i>
            </div>
        </div>
        <div class="ui success message">
            <div class="content">
                <div class="header">Positive Message</div>
                <p>Example description</p>
            </div>
        </div>
    </div>
    <table class="ui celled striped attached table">
        <thead>
            <tr>
                <th colspan="3"> Files </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="disabled">
                    <i class="folder icon"></i> folder </td>
                <td>Comment</td>
                <td class="right aligned collapsing">10 hours ago</td>
            </tr>
            <tr>
                <td>
                    <i class="folder icon"></i> folder2 </td>
                <td>Comment</td>
                <td class="right aligned">10 hours ago</td>
            </tr>
            <tr>
                <td>
                    <i class="folder icon"></i> folder3 </td>
                <td>Comment</td>
                <td class="right aligned">10 hours ago</td>
            </tr>
            <tr>
                <td class="collapsing">
                    <i class="file outline icon"></i> package.json </td>
                <td>Comment</td>
                <td class="right aligned">10 hours ago</td>
            </tr>
            <tr>
                <td>
                    <i class="file outline icon"></i> Gruntfile.js </td>
                <td>Comment</td>
                <td class="right aligned">10 hours ago</td>
            </tr>
        </tbody>
    </table>
    <div class="ui attached loading segment">
        <br/>
        <br/>
        <br/> </div>
    <div class="ui secondary attached segment">
        <div class="ui breadcrumb">
            <a class="section">Home</a>
            <div class="divider"> / </div>
            <a class="section">Store</a>
            <div class="divider"> / </div>
            <div class="active section">T-Shirt</div>
        </div>
    </div>
    <div class="ui warning form attached segment">
        <div class="ui warning message">
            <div class="header">Warning Message</div>
            <ul class="list">
                <li>Problem #1</li>
                <li>Problem #2</li>
            </ul>
        </div>
        <div class="two fields">
            <div class="field">
                <label>Input</label>
                <input placeholder="Text Input" type="text"> </div>
            <div class="field">
                <label>Input</label>
                <input placeholder="Text Input" type="text"> </div>
        </div>
        <div class="ui submit button">Submit</div>
    </div>
    <div class="ui two column stackable center aligned grid attached segment">
        <a class="ui red right corner label">
            <i class="close icon"></i>
        </a>
        <div class="column">
            <div class="ui button">A</div>
        </div>
        <div class="ui vertical divider">or</div>
        <div class="column">
            <div class="teal ui button">B</div>
        </div>
    </div>
    <div class="ui bottom attached buttons">
        <div class="ui basic red button">Test</div>
        <div class="ui basic red button">
            <div class="ui statistic">
                <div class="label"> Top Label </div>
                <div class="value"> 4:05 </div>
            </div>
        </div>
        <div class="ui basic yellow loading button">Test</div>
    </div>
</div>