{{ define "main" }}
{{ $data := index .Site.Data .Site.Language.Lang }}
{{- with $data.palco }}
<style>
.stage_right_left .active {
    color: #00ada7;
}
.stage_right_left ul li {
    width: 15%;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 0;
    line-height: 40px;
}
.stage_right_left {
    width: 90%;
    background-color: #22577a;
    height: 40px;
    font-size: 22px;
}
.stage_double_center {
    width: 90%;
    background-color: #476c5e;
    height: 40px;
    font-size: 22px;
}
.stage_double_center ul li {
    width: 12.5%;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 0;
    line-height: 40px;
}
.stage_double_center .active {
    color: #083643;
}
.customul {
    list-style: inside;
    font-size: 18px;
  }
</style>
<section class="section gallery">
  <div class="container">
    <div class="row">
      <div class="col-12 text-center mb-5">
        <h1 class="font-weight-bold">{{.title}}</h1>
      </div>
      <div class="col-md-12 mb-5 mb-md-0">
				<p class="mb-4">{{ .content | markdownify }}</p>
				<p class="mb-4">{{ .subcontent | markdownify }}</p>
				<div class="stage_right_left mb-4 text-center" style="margin:auto">
          <ul class="list-inline">
              <li class="list-inline-item">5</li>
              <li class="list-inline-item">3</li>
              <li class="active list-inline-item">1</li>
              <li class="list-inline-item">2</li>
              <li class="list-inline-item">4</li>
          </ul>
        </div>
        <p class="mb-4">{{ .contentfraplatea | markdownify }}</p>
        <div class="stage_double_center mb-4 text-center" style="margin:auto">
          <ul class="inline">
              <li class="list-inline-item">6</li>
              <li class="list-inline-item">4</li>
              <li class="list-inline-item">2</li>
              <li class="active list-inline-item">1</li>
              <li class="list-inline-item">3</li>
              <li class="list-inline-item">5</li>
          </ul>
       </div>
        <p class="mb-4">{{ .content2 | markdownify }}</p>
			</div>
      <div class="col-md-6 text-center mb-5 mb-md-0">
        <a href="{{ .imageleft | absURL }}" target="_blank">
          <img class="img-fluid" src="{{ .imageleft | absURL }}" alt="">
        </a>
			</div>
      <div class="col-md-6 mb-5 mb-md-0">
        <p class="mt-4">{{ .contentright | markdownify}}</p>
			</div>
      <div class="col-md-6 mb-5 mb-md-0">
        <p class="mt-4">{{ .contentleft | markdownify}}</p>
        <p class="mt-4">{{ .contentleftlist | safeHTML}}</p>
			</div>
      <div class="col-md-6 text-center align-self-center mb-5 mb-md-0">
        <a href="{{ .imageright | absURL }}" target="_blank">
          <img class="img-fluid" src="{{ .imageright | absURL }}" alt="">
        </a>
      </div>
      
      <div class="col-md-12">
        <p class="mt-4">{{ .contentlast | markdownify}}</p>
      </div>
    </div>
  </div>
</section>
{{- end }}
{{ end }}