Listen Favourite Music

The Best Features

icon
High Resolution

Aenean sed mattis arcu in rhoncus scelerisque neque mollis fusce luctus mauris porttitor neque nec

icon
Smart Playlists

Purus nec mattis consequat mauris curabitur diam nulla pellentesque vitae ornare nec condimentum

icon
Support all Devices

Amet dolor class aptent nec sociosqu litora torquent per conubia nostra sem inceptos nam himenaeos

icon
Rewind Channels

Quisque imperdiet orci leo dictum neque fuspendisse in feugiat mattis nulla hendrerit porta

Explore Music
HTML Code
<div class="section bg-image py-5" data-img-src="../../assets/images/upload/streaming-our-services-bg.jpg">
    <div class="container">

        <div class="row pt-3 my-5">
            <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                <div class="text-center">

                    <h5 class="font-weight-400 text-white">Listen Favourite Music</h5>

                    <div data-height="3px"></div>

                    <h2 class="h1 section-title-4 title-light-1 font-weight-800 mb-4">
                        The Best Features
                        <div class="title-divider-round"></div>
                    </h2>

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

        <div class="row mb-5">

            <div class="col-md-6 col-lg-3">
                <div class="icon-info-4 text-center mb-5 mb-lg-4">
                    <a class="icon-info-link" href="#">
                        <div class="icon-element mb-3">
                            <img src="../../assets/svg/upload/service-icon-18.svg" alt="icon" class="add-animate faster" data-animated="zoomIn" data-width="64px" data-height="64px">
                        </div>
                        <div class="icon-info-text text-white-75 pt-3">
                            <h5 class="font-weight-700 text-white mb-4">High Resolution</h5>
                            <p>Aenean sed mattis arcu in rhoncus scelerisque neque mollis fusce luctus mauris porttitor neque nec</p>
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="icon-info-4 text-center mb-5 mb-lg-4">
                    <a class="icon-info-link" href="#">
                        <div class="icon-element mb-3">
                            <img src="../../assets/svg/upload/service-icon-19.svg" alt="icon" class="add-animate faster" data-animated="zoomIn" data-width="64px" data-height="64px">
                        </div>
                        <div class="icon-info-text text-white-75 pt-3">
                            <h5 class="font-weight-700 text-white mb-4">Smart Playlists</h5>
                            <p>Purus nec mattis consequat mauris curabitur diam nulla pellentesque vitae ornare nec condimentum</p>
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="icon-info-4 text-center mb-5 mb-lg-4">
                    <a class="icon-info-link" href="#">
                        <div class="icon-element mb-3">
                            <img src="../../assets/svg/upload/service-icon-20.svg" alt="icon" class="add-animate faster" data-animated="zoomIn" data-width="64px" data-height="64px">
                        </div>
                        <div class="icon-info-text text-white-75 pt-3">
                            <h5 class="font-weight-700 text-white mb-4">Support all Devices</h5>
                            <p>Amet dolor class aptent nec sociosqu litora torquent per conubia nostra sem inceptos nam himenaeos</p>
                        </div>
                    </a>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="icon-info-4 text-center mb-5 mb-lg-4">
                    <a class="icon-info-link" href="#">
                        <div class="icon-element mb-3">
                            <img src="../../assets/svg/upload/service-icon-21.svg" alt="icon" class="add-animate faster" data-animated="zoomIn" data-width="64px" data-height="64px">
                        </div>
                        <div class="icon-info-text text-white-75 pt-3">
                            <h5 class="font-weight-700 text-white mb-4">Rewind Channels</h5>
                            <p>Quisque imperdiet orci leo dictum neque fuspendisse in feugiat mattis nulla hendrerit porta</p>
                        </div>
                    </a>
                </div>
            </div>

        </div>

        <div class="row pb-3 mb-5">
            <div class="col text-center">
                <a href="#" class="btn btn-lg btn-dark mb-0"><i class="fas fa-headphones-alt"></i>Explore Music</a>
            </div>
        </div>

    </div>
</div>