Tabs need to show page title not tab number

Hiya all, I have a customer site, was a custom build. It has tabs in a template for subpages the problem is the tabs show as xxx.com/#tab-13 and so on. How do I code within the template structure to show the page name as xxx.com/about. My code looks like this:

<?php $contents .= '<div class="tab" id="tab-'.$subpage->ID.'"><div class="tab-content">'.apply_filters('the_content', $subpage->post_content).$custom_content.'</div></div>'; ?>
                <?php $active='';endforeach;
            	$tab_data .='</ul>';
				$tab_data .='<div class="tab-box">'.$contents.'</div>'; $contents='';
            ?>
            <?php } else {
				$tab_data .= '<ul class="tabset-2 multi-tabset" ><li><a class="active" href="#tab-'.$page->ID.'">'.$page->post_title.'</a></li>
								</ul>
								<div class="tab-content tab-content-2">';