Page account create by bootstrap and MB Plugin

page-account.php

<?php
/* 
*	Template Name: My Account
*/
?>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<?php

if ( !is_user_logged_in() ) {
	auth_redirect();
}

$current_user = wp_get_current_user();

get_header();

?>
	<div class="wrap">
		<div id="primary" class="content-area">
			<main id="main" class="site-main" role="main">
				<ul class="nav nav-tabs" id="myTab" role="tablist">
				  <li class="nav-item">
				    <a class="nav-link active" id="account-tab" data-toggle="tab" href="#account" role="tab" aria-controls="account" aria-selected="true">Account</a>
				  </li>
				  <li class="nav-item">
				    <a class="nav-link" id="Post-tab" data-toggle="tab" href="#Post" role="tab" aria-controls="Post" aria-selected="false">Your Post</a>
				  </li>
				  
				</ul>
				<div class="tab-content" id="TabContent">
				  	<div class="tab-pane fade show active" id="account" role="tabpanel" aria-labelledby="account-tab">
				  	<?php
						while ( have_posts() ) :
							the_post();
							the_content();
						endwhile; // End of the loop.
					?></div>
				  <div class="tab-pane fade" id="Post" role="tabpanel" aria-labelledby="Post-tab">
				  	<p>Your list posts ! Once published, you can no longer edit a post.</p>
				        <table class="table table-hover table-striped">
				          <thead>
				            <tr>
				              <th>#</th>
				              <th>Title</th>
				              <th>Date Created</th>
				              <th>Status</th>
				            </tr>
				          </thead>
				          <tbody id="postTable">

				          	<?php 
				          	$count=0;
				          	$args_post_by_author = array(
							    'author'        =>  $current_user->ID,
							    'orderby'       =>  'post_date',
							    'order'         =>  'ASC',
							    'posts_per_page' => -1,
							    'post_status' => array('publish', 'pending')
							);
				          	$posts_author = get_posts($args_post_by_author);
				          	foreach ($posts_author as $post_author) { $count++; ?>
				          		<tr>
					              <td><?php echo $count; ?></td>
					              <td><?php echo wp_trim_words( $post_author->post_title, 10, '...'); ?></td>
					              <td><?php echo $post_author->post_date; ?></td>
					              <td><?php echo $post_author->post_status; ?></td>
					            </tr>
				          	<?php } ?>

				          </tbody>
				        </table> 
				  </div>
				</div>
			</main><!-- #main -->
		</div><!-- #primary -->
	</div><!-- .wrap -->
	<!-- Content page here -->

<?php

	get_footer();

?>