Untitled

                <?php if (is_front_page()) { ?>
                    <div class="music-banner">
                        <div class="music-bannerone">
                            <div class="music-bannerone-slide">
                                <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="<?php echo $template_directory_uri; ?>/extra-images/banner-2.jpg" alt="RQ Banner">
                                <span class="music-black-transparent"></span>
                                <div class="music-banner-caption">
                                    <div class="container">
                                        <div class="music-banner-caption-inner">
                                            <h1><span class="music-color">Sufi music</span> with a diverse ensemble</h1>
                                            <p>While honoring the Sufi tradition, Riyaaz Qawwali has performed across the U.S.A., South America and Europe.</p>
                                            <a href="<?php echo esc_url(home_url('/')); ?>contact/" class="oneanimates music-modren-btn music-color music-bordercolor"><span>Performance Inquiry</span></a>
                                            <a href="<?php echo esc_url(home_url('/')); ?>albums/" class="twoanimates music-modren-btn music-color music-bordercolor"><span>Hear our album</span></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="music-banner-thumb"><img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="<?php echo $template_directory_uri; ?>/extra-images/upper-banner-2.png" alt="RQ Banner"></div>
                            </div>
                        </div>
                        <div class="music-banner-player">
                            <div class="container">
                                <div class="music-player-thumb">
                                    <div id="jquery_jplayer_17" class="jp-jplayer"></div>
                                   <div id="current-track1" class="song-title">Ishq mein bebaq ho gaye - Mirza Ghalib<small></small></div>
                                </div>
                                <div id="jp_container_17" class="jp-audio" role="application" aria-label="media player">
                                    <div class="jp-type-playlist">
                                        <div class="jp-playlist">
                                            <ul>
                                                <li>&nbsp;</li>
                                            </ul>
                                        </div>
                                        <div class="jp-gui jp-interface">
                                            <div class="jp-controls">
                                                <span class="jp-previous"><i class="fa fa-step-backward"></i></span>
                                                <span class="jp-play"><i class="fa fa-pause"></i> <i class="fa fa-play"></i></span>
                                                <span class="jp-next"><i class="fa fa-step-forward"></i></span>
                                            </div>
                                            <div class="music-player-wrap">
                                                <div class="jp-time-holder">
                                                    <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
                                                    <div class="jp-duration" role="timer" aria-label="duration">/&nbsp;</div>
                                                </div>
                                                <div class="jp-progress">
                                                    <div class="jp-seek-bar">
                                                        <div class="jp-play-bar"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="jp-volume-controls">
                                                <span class="jp-mute"><i class="fa fa-volume-up"></i> <i class="fa fa-volume-off"></i></span>
                                                <div class="jp-volume-bar">
                                                    <div class="jp-volume-bar-value"></div>
                                                </div>
                                            </div>
                                            <a href="#" class="music-playlist-btn"><i class="wm-icon-song-playlist"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php } else { ?>
                    <div class="music-subheader">
                        <span class="music-dark-transparent"></span>
                        <div class="container">
                            <div class="row">
                                <div class="col-md-12">
                                    <h1><?php echo esc_html( get_the_title() ); ?></h1>
                                    <ul class="music-breadcrumb">
                                        <li><a href="<?php echo esc_url(home_url('/')); ?>">Home</a></li>
                                        <li class="active"><?php echo esc_html( get_the_title() ); ?></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php } ?>
                <?php