I love Codding, so grab this.
Login to your wapka site, go to Admin>>edit site>>global settings>>head tags , and paste this code, quote to copy

Code:
<title>GuerDon || Earn 50% Of Your Donation In 7Days </title><link rel="STYLESHEET" type="text/css" href="http://createfund.cf/styles.css"/>
<style type='text/css'>
@import 'http://createfund.xtgem.com/css/sitecss.css'
</style><link rel="stylesheet" type="text/css" href="http://createfund.xtgem.com/css/sitecss.css" media="all,handheld"/><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script><script src="http://trustnaija.xtgem.com/TN/screen.js"></script><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="http://cdn.bootcss.com/animate.css/3.5.1/animate.min.css"/>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/3/w3.css"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>

Then go to header>>auto content>>pate this code

Code:
<div align="center"><div class="pc"><nav class="navbar navbar-inverse">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li class="active"><a href="/site_user-dashboard.xhtml"><i class="fa fa-home"></i> Home</a></li>   <li><a href="/site_contact-us.xhtml"><i class="fa fa-envelope"></i> Contact us</a></li>  <li> <a href="/site_about-us.xhtml"> <div class=''><i class="fa fa-info-circle"></i> About</div>
</a></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-reorder"></i>  More  <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="/site_how-it-works.xhtml">How it works</a></li>
</ul>
</li>      </ul><div class="loged"> <ul class="nav navbar-nav navbar-right"><li><a href="registration_site.xhtml?do_id=1"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
<li><a href="login_site.xhtml?do_id=1"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul></div>
</div>
</nav><style>container-fluid {
background-color: green;
}</style></div>
<div class="mobile"> <nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand hacked-font" href="#"><b>GUERDON</b></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="login_site.xhtml?do_id=1">Login</a></li>
<li><a href="registration_site.xhtml?do_id=1">Sign up</a></li> <li><a href="/site_how-it-works.xhtml">How it works</a></li>
<li><a href="/site_e-wallet.xhtml">About E-wallet </a></li>
</ul>
</div>
</div>
</nav>    <div class="clear"></div><p></p><br/><br/><br/></div><div class="clear"></div></div>

Wait for part 2.