<xsl:stylesheet version="3.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd">
  <xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes"/>
  <xsl:template match="/">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <title><xsl:value-of select="/rss/channel/title"/> RSS Feed</title>
        <meta charset="UTF-8"/>
        <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1"/>
        <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no"/>
        <style type="text/css">
          body {
            font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
            font-size: 1.0625rem;
            line-height: 1.5;
            color: #444444;
            background-color: #FFFFFF;
          }
          a {
            color: #336699;
            text-decoration: none;
          }
          a:hover {
            text-decoration: underline;
          }
          hr {
            border: 0;
            border-top: 1px solid #e3e3e3;
          }
          article {
            margin-bottom: 1.5rem;
          }
          .feed-article-title {
            margin-bottom: .25rem;
          }
          .feed-article-date {
            color: #737373;
          }
          #wrapper {
            max-width: 650px;
            margin: 0 auto;
          }
        </style>
      </head>
      <body>
        <div id="wrapper">
          <header>
            <h1><xsl:value-of select="/rss/channel/title"/></h1>
            <a hreflang="en" target="_blank">
              <xsl:attribute name="href">
                <xsl:value-of select="/rss/channel/link"/>
              </xsl:attribute>
              View blog on kernerinsurance.com &#x2192;
            </a>
          </header>
          <main>
            <h2>Recent Posts</h2>
            <xsl:for-each select="/rss/channel/item">
              <hr class="feed-article-separator"/>
              <article>
                <h3 class="feed-article-title">
                  <a hreflang="en" target="_blank">
                    <xsl:attribute name="href">
                      <xsl:value-of select="link"/>
                    </xsl:attribute>
                    <xsl:value-of select="title"/>
                  </a>
                </h3>
                <div class="feed-article-date">
                  <time>
                    <xsl:value-of select="pubDate"/>
                  </time>
                </div>
              </article>
            </xsl:for-each>
          </main>
          <footer>
            <hr class="feed-article-separator"/>
            <p><xsl:value-of select="/rss/channel/copyright"/></p>
          </footer>
        </div>
      </body>
    </html>
  </xsl:template>
</xsl:stylesheet>