Semantic Webflow

Think about what you're writing!

Allows:

<Page>
  {/* …………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………… Section 1 */}
  <Section>
    <Header>
      <h1>Title 1</h1>
      <p>Abstract</p>
    </Header>

    {/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Article 1 */}
    <Article>
      <Header>
        <h2>Title 1.1</h2>
        <p>Abstract</p>
      </Header>
      <p>Content</p>
      <p>Content</p>
      <Footer>
        <p>Authored by ABC.</p>
      </Footer>
    </Article>

    {/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Article 1 */}
    <Article>
      <Header>
        <h2>Title 1.2</h2>
        <p>Abstract</p>
      </Header>

      {/* …………………………………………………………………………………………………………………… Sub Section 1 */}
      <Section>
        <Header>
          <h3>Title 1.2.1</h3>
          <p>Abstract</p>
        </Header>
        <p>Content</p>
        <p>Content</p>
      </Section>

      {/* …………………………………………………………………………………………………………………… Sub Section 2 */}
      <Section>
        <Header>
          <h3>Title 1.2.2</h3>
          <p>Abstract</p>
        </Header>
        <p>Content</p>
        <p>Content</p>
      </Section>

      <Footer>
        <p>Authored by ABC.</p>
      </Footer>
    </Article>

  </Section>
</Page>