I want to make its Style like EpisoDate.Com Episodes List Season Tabs, Episodes List, Episode Details, Timeline Dot, Before Day and Date

`<?php
/**

// Main data
$tmdb = get_post_meta($post->ID,'ids',true);
$ctrl = get_post_meta($post->ID,'clgnrt',true);
/=====================================================/
$query_seasons = DDbmoviesHelpers::GetAllSeasons($tmdb);
/=====================================================/
// Start Query
if($query_seasons && is_array($query_seasons) && $ctrl == true){
$html_out = "

".__d('Seasons and episodes')."

"; if($query_episodes && is_array($query_episodes)){ foreach($query_episodes as $episode){ // Post Data

            $episo = get_post_meta($episode,'episodio', true);
            $edate = get_post_meta($episode,'air_date', true);
            $edate = doo_date_compose($edate, false);
            $plink = get_permalink($episode);
            $title = !empty($name) ? $name : __('Episode').' '.$episo;
            // The View
            $html_out .= "<li class='mark-{$episo}'>";
            if($senumb !== '0'){
                $html_out .= "<div class='numerando'>{$senumb} - {$episo}</div>";
            } else{
                $html_out .= "<div class='numerando'><i class='icon-star'></i> - {$episo}</div>";
            }
            $html_out .= "<div class='episodiotitle'><a href='{$plink}'>{$title}</a> <span class='date'>{$edate}</span></div>";
            $html_out .= "</li>";
        }
    } else{
        $html_out .= "<li class='none'>".__d('There are still no episodes this season')."</li>";
    }
    $html_out .="</ul></div></div>";
    $numb++;
}
$html_out .="</div></div></div>";
echo apply_filters('dooplay_list_seasons_episodes', $html_out, $tmdb);

}
`