***Copy the following code into the Welcome.htm text file below the section where it says: Insert Keyboard Layout Images or HTML here.
  
<p><b>Unshifted</b></p>
<img src='dagbanitutorialU_.png' alt='Keyboard Layout'>
<p><b>Shifted</b></p>
<img src='dagbanitutorialU_S.png' alt='Keyboard Layout'>



***Copy the following code into the Welcome.htm text file below the description section.

<p>See <a href="file:dagbanitutorial.pdf">this document</a>
 for all the key combinations. </p>



***Copy and paste the following code into the new PHP document.  This is what will be display on the Keyman web site when help is clicked.

<?phpbani
$pagename = 'DagbaniTutorial Keyboard Help';
$pagetitle = $pagename;
// Header
require_once('header.php');
?>

<p>
DagbaniTutorial keyboard based on basic keyboard.
</p>

<h1>Keyboard Layout</h1>

<h2>Desktop Keyboard Layout</h2>
<div id='osk' data-states='default shift'>
</div>

<h2>Mobile Keyboard Layout</h2>
<p>Due to the size and number of keys, some characters are hidden in the long press.
Press and hold on the key with a little dot on the top right to reveal them.</p>
<div id='osk-phone' data-states='default shift numeric'>
</div>