<?xml version="1.0"?>
<xsl:stylesheet version="1.0"
 xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
  <head>
    <title>Flowers By The Bunch</title>
  </head>
  <body bgcolor="wheat">
    <h1 style=" text-align:center;
	   font-size: 22pt;
	   background: #bc5061;;color:maroon;
	   width: '100%';">
 Flowers By The Bunch
    </h1>
    <table align="center" width="100%" 
           cellspacing="15">
    <xsl:for-each select="flowers_by_bunch/flowers">     
    <tr> 
       <td align="center"><xsl:apply-templates select="picture"/></td>
    </tr>
    <tr>
     <td>
      <table width="85%" border="1" align="center"
       style="font-size:12pt; text-align:center; 
       font-family:Times new roman;">
      <tr style="background-color:e59da6; color:maroon;">
       <th>Flower</th>
       <th>Color</th>
       <th>Feature</th>
              
      </tr>
      <tr style="background-color:wheat; color:maroon;">
       <th style="color:#63000;">
        <b><font size="5 pt"><xsl:value-of select="name"/></font></b></th>
       <th><xsl:value-of select="color"/></th>
       <th><xsl:value-of select="feature"/></th>
       

      </tr>
      <tr style="background-color:#e59da6; color:maroon;">
    
      
       <th colspan="2">Care and Conditioning</th>
	<th>Price </th>

      </tr>  
      <tr style="background-color:wheat; color:maroon;">
       <th colspan="2"><xsl:apply-templates
            select="flower_care"/></th>
       <th><xsl:apply-templates select="cost"/></th>
     
  
      </tr>
      
      </table>
     </td>
   </tr> 
         
    </xsl:for-each>
    </table> 
</body>
</html>
</xsl:template>

<!--       "picture" template         -->

<xsl:template match="picture">
  <img>
    <xsl:attribute name="src">
      <xsl:value-of select="./@filename"/>
    </xsl:attribute>
    <xsl:attribute name="width">
      <xsl:value-of select="./@x"/>
    </xsl:attribute>
    <xsl:attribute name="height">
      <xsl:value-of select="./@y"/>
    </xsl:attribute>
  </img>
</xsl:template>

<!--     template "construction_materials"       -->
<xsl:template match="cost">
 <xsl:for-each select="price">
  <xsl:value-of select="."/><br/>
</xsl:for-each>
</xsl:template>

<!--     template "designer"       -->
<xsl:template match="flower_care">
 <xsl:for-each select="care">
  <xsl:value-of select="."/><br/>
 </xsl:for-each>
</xsl:template>


</xsl:stylesheet>
