{{ partial "header.html" . }}

<header class="frontpage">
  <div class="main-heading">
    <h1>Apache Camel</h1>
    <p>
      Camel is an Open Source integration framework that empowers you
      to quickly and easily integrate various systems consuming or producing data.
    </p>
    <p>
    <a class="button dark" href="/manual/latest/getting-started.html">Get Started</a> <a class="button light" href="/manual/latest/faq/what-is-camel.html">What is Camel?</a>
    </p>
  </div>
  <img alt="Computer with gears depicting data processing" src="./img/camel-gears.svg" />
</header>  

<div class="frontpage news">
  <h2>What's New?</h2>
</div>

<section class="frontpage columns blog-posts">
  <ul>
    {{with .Site.GetPage "section" "blog"}}
      {{range .Pages | first 3}}

      <li class="blog-post">
        <time datetime="{{ dateFormat "2006-01-02" .PublishDate }}" class="date">
          <data class="day">
              {{ dateFormat "2" .PublishDate }}
          </data>
          <data class="month">
              {{ dateFormat "Jan" .PublishDate }} 
              {{ dateFormat "2006" .PublishDate }}
          </data>
        </time>
        <div class="content">
          <h2>{{ .Title }}</h2>
          <p>{{ .Params.preview }}... <a href="{{ .RelPermalink }}">Read More</a></p>
        </div>
      </li>
      {{end}}
    {{end}}
  </ul>
</section>

{{ .Content }}

{{ partial "footer.html" . }}