<%- include('partials/top') %>

<main>

  <section class="hero">
    <h1>Welcome</h1>
    <p>
      Hello and welcome to my Web 2 Final Project.
    </p>
    <p>
      This site serves as a collection of blog posts written in Markdown,
      covering a variety of topics I explored throughout the semester and my time at Western.
    </p>
  </section>

  <section class="about-project">
    <h2>About This Project</h2>
    <p>
      The purpose of this project is to demonstrate my understanding of
      server-side development using Node.js and Express, dynamic rendering
      with EJS templates, and structured content using Markdown files.
    </p>
    <p>
      Each blog post reflects a concept, tool, or idea I learned while pursuing my Web and Software Developer Degree.
    </p>
  </section>

  <section class="what-youll-find">
    <h2>What You'll Find Here</h2>
    <ul>
      <li>Markdown-based blog posts rendered dynamically</li>
      <li>Topics related to web development and DevOps</li>
      <li>Practical references and work on web accessibility</li>
    </ul>
  </section>

  <section class="call-to-action">
    <h2>Explore the Blog</h2>
    <p>
      Visit the blog section to read through the posts and see the
      concepts in action.
    </p>
    <p>
      <a href="/blog">View Blog Posts</a>
    </p>
  </section>

</main>

<%- include('partials/bottom') %>