<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="UTF-8" />

<xsl:template match="/">
<html>
<head>
<link href="lab6.css" type="text/css" rel="stylesheet" />			

<title>Pet database with XSLT</title>
</head>
  <body>
  
  <div class="petdatabase">
      <xsl:apply-templates/>
   
  </div>
  </body>
  </html>
</xsl:template>


  <xsl:template match="species">
  <span class="species"><xsl:value-of select="."/></span>
</xsl:template>
<xsl:template match="name">
  <span class="name"><xsl:value-of select="."/></span>
</xsl:template>
<xsl:template match="nicknames">
  <span class="nicknames"><xsl:value-of select="."/></span>
</xsl:template>
<xsl:template match="gender">
  <span class="gender"><xsl:value-of select="."/></span>
</xsl:template>
<xsl:template match="@hairtype">
  <span class="hairtype"><xsl:value-of select="."/></span>
</xsl:template>
<xsl:template match="description">
  <span class="description"><xsl:value-of select="."/></span>
</xsl:template>
<xsl:template match="picture">
  <span class="picture"><xsl:value-of select='.' /></span>
</xsl:template>

</xsl:stylesheet>