Next Matches

HTML example:

<div class="nk-widget nk-widget-highlighted">
    <h4 class="nk-widget-title"><span><span class="text-main-1">Next</span> Matches</span></h4>
    <div class="nk-widget-content">
        <div class="nk-widget-match">
            <div>
                <div class="nk-widget-match-left">
                    <div class="nk-widget-match-teams">
                        <div class="nk-widget-match-team-logo">
                            <img src="assets/images/team-1.jpg" alt="">
                        </div>
                        <div class="nk-widget-match-vs">VS</div>
                        <div class="nk-widget-match-team-logo">
                            <img src="assets/images/team-2.jpg" alt="">
                        </div>
                    </div>
                    <div class="nk-widget-match-date">CS:GO - Apr 28, 2016 8:00 pm</div>
                </div>
                <div class="nk-widget-match-right">
                    <div class="nk-match-score">
                        Upcoming
                    </div>
                </div>
            </div>
        </div>

        <div class="nk-widget-match">
            <div>
                <div class="nk-widget-match-left">
                    <div class="nk-widget-match-teams">
                        <div class="nk-widget-match-team-logo">
                            <img src="assets/images/team-3.jpg" alt="">
                        </div>
                        <div class="nk-widget-match-vs">VS</div>
                        <div class="nk-widget-match-team-logo">
                            <img src="assets/images/team-2.jpg" alt="">
                        </div>
                    </div>
                    <div class="nk-widget-match-date">LoL - Apr 24, 2016 7:20 pm</div>
                </div>
                <div class="nk-widget-match-right">
                    <div class="nk-match-score">
                        Upcoming
                    </div>
                </div>
            </div>
        </div>

        <div class="nk-widget-match">
            <div>
                <div class="nk-widget-match-left">
                    <div class="nk-widget-match-teams">
                        <div class="nk-widget-match-team-logo">
                            <img src="assets/images/team-1.jpg" alt="">
                        </div>
                        <div class="nk-widget-match-vs">VS</div>
                        <div class="nk-widget-match-team-logo">
                            <img src="assets/images/team-4.jpg" alt="">
                        </div>
                    </div>
                    <div class="nk-widget-match-date">Dota 2 - Apr 12, 2016 6:40 pm</div>
                </div>
                <div class="nk-widget-match-right">
                    <div class="nk-match-score bg-dark-1">
                        0 : 0
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

 

Was this page helpful?