<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<head>
  <title>Employee info</title>
</head>
<body>
<h1>Employee Information of XYZ company</h1>
<h3>Click to check info</h3>
<a name="top"/>
<xsl:for-each select="employees/employee">
<a href="#{empno}"><xsl:value-of select="empno"/></a><br/>   
</xsl:for-each>
<hr/>
<xsl:for-each select="employees/employee">
<a name="{empno}"/>
<a href="#top">Back</a><br/>
Empno: <xsl:value-of select="empno"/><br/>
Name: <xsl:value-of select="lastname"/>,<xsl:value-of select="firstname"/> <br/>
Sex: <xsl:value-of select="sex"/> <br/>
Birthdate: <xsl:value-of select="birthdate"/> <br/>
Hiredate: <xsl:value-of select="hiredate"/> <br/>
<table cellpadding="2" cellspacing="2" border="1"
 style="text-align: left; width: 100%;">
    <tr>
      <td>Department worked on
      </td>
      <td>Title History
      </td>
      <td>Salary History
      </td>
    </tr>
    <tr>
      <td style="vertical-align: top;">
      <table cellpadding="2" cellspacing="2" border="1"
 style="text-align: left; width: 100%;">
          <tr>
            <td>Department No
            </td>
            <td>Start
            </td>
            <td>End
            </td>
          </tr>
        <xsl:for-each select="deptno">
          <tr>
            <td><xsl:value-of select="text()"/>
            </td>
            <td><xsl:value-of select="@tstart"/>
            </td>
            <td><xsl:value-of select="@tend"/>
            </td>
          </tr>
	</xsl:for-each>
      </table>
      </td>
      <td style="vertical-align: top;">
      <table cellpadding="2" cellspacing="2" border="1"
 style="text-align: left; width: 100%;">
          <tr>
            <td>Title
            </td>
            <td>Start
            </td>
            <td>End
            </td>
          </tr>
        <xsl:for-each select="title">
          <tr>
            <td><xsl:value-of select="text()"/>
            </td>
            <td><xsl:value-of select="@tstart"/>
            </td>
            <td><xsl:value-of select="@tend"/>
            </td>
          </tr>
	</xsl:for-each>
      </table>
      </td>
      <td style="vertical-align: top;">
      <table cellpadding="2" cellspacing="2" border="1"
 style="text-align: left; width: 100%;">
          <tr>
            <td>Salary
            </td>
            <td>Start
            </td>
            <td>End
            </td>
          </tr>
        <xsl:for-each select="salary">
          <tr>
            <td><xsl:value-of select="text()"/>
            </td>
            <td><xsl:value-of select="@tstart"/>
            </td>
            <td><xsl:value-of select="@tend"/>
            </td>
          </tr>
	</xsl:for-each>
      </table>
      </td>
    </tr>
</table>
<br/>
<hr/>
</xsl:for-each>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

