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.