{{ partial "header.html" . }}

{{ partial "navbar.html" . }}

{{ partial "home-promo" . }}

<main class="main">
  <div class="container">
    <div class="row">
      <div class="col-md-6 mb-5"><img class="img-fluid" src="./img/thumb-4.jpg" width="600" height="420" alt="">
      </div>
      <div class="col-md-6 mb-5">
        <h2>{{ .Param "article-1.header" }}</h2>
        <p><b>{{ .Param "article-1.lead-1" }}</b> {{ .Param "article-1.p-1" }}</p>
        <p><b>{{ .Param "article-1.lead-2" }}</b> {{ .Param "article-1.p-2" }}</p>
      </div>
    </div>
    <div class="row flex-md-row-reverse">
      <div class="col-md-6 mb-5"><img class="img-fluid" src="./img/thumb-5.jpg" width="600" height="420" alt="">
      </div>
      <div class="col-md-6 mb-5">
        <h2>{{ .Param "article-2.header" }}</h2>
        <h3>{{ .Param "article-2.lead-1" }}</h3>
        <p>{{ .Param "article-2.p-1" }}</p>
        <h3>{{ .Param "article-2.lead-2" }}</h3>
        <p>{{ .Param "article-2.p-2" }}</p>
        <h3>{{ .Param "article-2.lead-3" }}</h3>
        <p>{{ .Param "article-2.p-3" }}</p>
      </div>
    </div>
  </div>
</main>
<section class="teaser__section pt-0">
  <div class="container">
    <h2 class="teaser__title text-center">{{ .Param "sections.section-1.title" }}</h2>
    <div class="row">
      <article class="post__article col-md-4">
        <div class="post__thumb"><img class="img-fluid" src="./img/thumb-1.jpg" width="390" height="390" alt="">
        </div><a class="post__title" href="/">{{ .Param "sections.section-1.article-1.text" }}</a>
      </article>
      <article class="post__article col-md-4">
        <div class="post__thumb"><img class="img-fluid" src="./img/thumb-2.jpg" width="390" height="390" alt="">
        </div><a class="post__title" href="/">{{ .Param "sections.section-1.article-2.text" }}</a>
      </article>
      <article class="post__article col-md-4">
        <div class="post__thumb"><img class="img-fluid" src="./img/thumb-3.jpg" width="390" height="390" alt="">
        </div><a class="post__title" href="/">{{ .Param "sections.section-1.article-3.text" }}</a>
      </article>
    </div>
    <p class="text-center"><a class="btn btn-outline-primary">Libre BMC</a></p>
  </div>
</section>
<section class="teaser__section _dark">
  <div class="container text-center">
    <p class="h2 mb-4">{{ .Param "sections.section-dark.p-1" }}</p>
    <p><a class="btn btn-light" href="/">{{ .Param "sections.section-dark.cta" }}</a></p>
  </div>
</section>
<section class="teaser__section">
  <div class="container">
    <h2 class="teaser__title text-center">{{ .Param "sections.section-supporters.title" }}</h2>
    <div class="row justify-content-center">
      {{ range .Param "sections.section-supporters.logos" }}

        {{ $imagename := .image }}
        {{ $imagelocation := (printf "%s/%s" "images/" $imagename) }}
        {{ $imageresource := resources.Get $imagelocation }}
        {{ $image := $imageresource.Fit "180x102" }}
        <div class="col-md-2"><img class="img-fluid" src="{{  $image.RelPermalink }}" width="180" height="102" alt="{{ .title }}"></div>
      {{ end }}
    </div>
  </div>
</section>
<section class="teaser__section _navy">
  <div class="container text-center">
    <h2 class="teaser__title">{{ .Param "sections.section-subscribe.title" }}</h2>
    <p>{{ .Param "sections.section-subscribe.p-1" }}</p>
    <form class="teaser__form row justify-content-center" action="/" method="post">
      <div class="col-md-2">
        <input class="form-control" name="" type="text" value="">
      </div>
      <div class="col-md-2">
        <input class="form-control" name="" type="text" value="">
      </div>
      <div class="col-md-2">
        <input class="form-control" name="" type="text" value="">
      </div>
      <div class="col-md-2">
        <input class="btn btn-outline-primary" type="submit" value="Submit">
      </div>
    </form>
  </div>
</section>

{{ partial "footer.html" . }}