About
Themes
Clocks
Clocks description
Clock
ready
		<div class="pow-clock">
    <div class="pow-list-with-image pow-background-white pow-box-shadow pow-webpart-box-shadow pow-border-radius pow-webpart-border-radius">
        <div class="wrap">
            <div class="grid-container-item no-gutters">

                <div class="item pow-padding-sm pow-flexbox pow-flex-row pow-flex-wrap item-size-xs-1 item-size-sm-1 item-size-md-1 item-size-lg-1 pow-flex-align-items-center">
                    <div class="pow-clock-dial pow-icon-container-md pow-background-black100 pow-rounded clock-dial">
                        <div class="pow-clock-hours-container">
                            <div class="pow-clock-hours pow-background-black800 pow-border-radius"></div>
                        </div>
                        <div class="pow-clock-minutes-container">
                            <div class="pow-clock-minutes pow-background-primary pow-border-radius"></div>
                        </div>
                        <div class="pow-clock-seconds-container">
                            <div class="pow-clock-seconds pow-background-black400"></div>
                        </div>
                    </div>
                    <div class="pow-clock-content container-content pow-flex-fit pow-font-regular pow-margin-left-sm">
                        <span class="pow-heading-4 pow-max-line-1" title="">Buenos Aires</span>
                        <div class="pow-flexbox pow-flex-row pow-flex-nowrap pow-max-line-1">
                            <span class="pow-color-black400">14:54</span>
                        </div>
                    </div>
                    <div class="pow-clock-icon pow-media-xs pow-rounded pow-flex-no-shrink">
                        <img src="https://via.placeholder.com/40x40" alt="">
                    </div>
                </div>

                <div class="item pow-padding-sm pow-flexbox pow-flex-row pow-flex-wrap item-size-xs-1 item-size-sm-1 item-size-md-1 item-size-lg-1 pow-flex-align-items-center">
                    <div class="pow-clock-dial pow-icon-container-md pow-background-black100 pow-rounded clock-dial">
                        <div class="pow-clock-hours-container">
                            <div class="pow-clock-hours pow-background-black800 pow-border-radius"></div>
                        </div>
                        <div class="pow-clock-minutes-container">
                            <div class="pow-clock-minutes pow-background-primary pow-border-radius"></div>
                        </div>
                        <div class="pow-clock-seconds-container">
                            <div class="pow-clock-seconds pow-background-black400"></div>
                        </div>
                    </div>
                    <div class="pow-clock-content container-content pow-flex-fit pow-font-regular pow-margin-left-sm">
                        <span class="pow-heading-4 pow-max-line-1" title="">Buenos Aires</span>
                        <div class="pow-flexbox pow-flex-row pow-flex-nowrap pow-max-line-1">
                            <span class="pow-color-black400">14:54</span>
                        </div>
                    </div>
                    <div class="pow-clock-icon pow-media-xs pow-rounded pow-flex-no-shrink">
                        <img src="https://via.placeholder.com/40x40" alt="">
                    </div>
                </div>

                <div class="item pow-padding-sm pow-flexbox pow-flex-row pow-flex-wrap item-size-xs-1 item-size-sm-1 item-size-md-1 item-size-lg-1 pow-flex-align-items-center">
                    <div class="pow-clock-dial pow-icon-container-md pow-background-black100 pow-rounded clock-dial">
                        <div class="pow-clock-hours-container">
                            <div class="pow-clock-hours pow-background-black800 pow-border-radius"></div>
                        </div>
                        <div class="pow-clock-minutes-container">
                            <div class="pow-clock-minutes pow-background-primary pow-border-radius"></div>
                        </div>
                        <div class="pow-clock-seconds-container">
                            <div class="pow-clock-seconds pow-background-black400"></div>
                        </div>
                    </div>
                    <div class="pow-clock-content container-content pow-flex-fit pow-font-regular pow-margin-left-sm">
                        <span class="pow-heading-4 pow-max-line-1" title="">Buenos Aires</span>
                        <div class="pow-flexbox pow-flex-row pow-flex-nowrap pow-max-line-1">
                            <span class="pow-color-black400">14:54</span>
                        </div>
                    </div>
                    <div class="pow-clock-icon pow-media-xs pow-rounded pow-flex-no-shrink">
                        <img src="https://via.placeholder.com/40x40" alt="">
                    </div>
                </div>

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