AMPERION_Webpage/layouts/_default/about.html

{{ define "main" }}

{{ partial "page-title.html" . }}

{{ with .Params.about }}
{{ if .enable }}
<section class="about section">
  <div class="custom-container">
    <div class="row align-items-center">
      <div class="col-md-4">
        <div class="person-info">
          {{ with .left_person }}
          {{ with .name }}<h3>{{ . | markdownify }}</h3>{{ end }}
          {{ with .description }}<p>{{ . | $.Page.RenderString (dict "display" "block") }}</p>{{ end }}
          {{ end }}
        </div>
      </div>
      <div class="col-md-4">
        <div class="about-img">
          <img src="{{ .image | relURL }}" alt="Standard Image">
          <img src="{{ .hover_image | relURL }}" alt="Hover Image" class="hover-img">
        </div>
      </div>
      <div class="col-md-4">
        <div class="person-info">
          {{ with .right_person }}
          {{ with .name }}<h3>{{ . | markdownify }}</h3>{{ end }}
          {{ with .description }}<p>{{ . | $.Page.RenderString (dict "display" "block") }}</p>{{ end }}
          {{ end }}
        </div>
      </div>
    </div>
  </div>
</section>
{{ end }}
{{ end }}

<section class="testimonial section-sm">
  <div class="container">
    <div class="row">


      {{ with .Params.mission_vision }}
      {{ if .enable }}
      <div class="col-md-12">
        <div class="tabCommon">
          <ul class="nav nav-tabs">
            {{ range $index, $elements := .tabs }}
            <li {{ if eq $index 0 }} class="active" {{ end }}><a href="#{{ .name | urlize }}"
                data-toggle="tab">{{ .name }}</a></li>
            {{ end }}
          </ul>
          <div class="tab-content">
            {{ range $index, $elements := .tabs }}
            <div id="{{ .name | urlize }}" class="tab-pane fade {{ if eq $index 0 }} active in {{ end }}">
              {{ .content | $.Page.RenderString (dict "display" "block") }}
            </div>
            {{ end }}
          </div>
        </div>
      </div>
      {{ end }}
      {{ end }}
    </div>
  </div>
</section>

<!-- Call to action -->
{{ if .Params.cta.enable }}
{{ partial "cta.html" . }}
{{ end }}
<!-- /Call to action -->

{{ end }}