{{ $data := index site.Data site.Language.Lang }}

{{ if $data.skill.skill.enable }}
{{ with $data.skill.skill }}
{{"<!-- Skills -->" | safeHTML }}
<section id="skills" class="section bg-one stick">
	<div class="container">
		{{ if .title }}
		<div class="row">
			{{"<!-- section title -->" | safeHTML }}
			<div class="col-lg-12">
				<div class="title text-center">
					<h2>{{ with .title }} {{ index (split . " ") 0 | safeHTML }} {{ end }}<span class="color">
						{{ with .title }} {{ after (len (index (split . " ") 0)) . | safeHTML }} {{ end }}</span></h2>
				</div>
			</div>
			{{"<!-- /section title -->" | safeHTML }}
		</div>
		{{ end }}
		<div class="row">
			{{ with .image }}
			<div class="col-lg-6 text-center">
				<div class="p-3">
					<img class="img-fluid" src="{{ . | absURL }}" alt="image" loading="lazy">
				</div>
			</div>
			{{ end }}
			<div class="col-lg-{{ with .image }}6{{else}}12{{ end }}">
				<div class="p-3">
					<h2>{{ .subtitle | markdownify }}</h2>
					<p> {{ .content | markdownify }}</p>
					{{ if .content_blocks }}
					{{ $col := div 12 (len .content_blocks) }}
					<div class="row">
						{{ range .content_blocks }}
					<div class="col-sm-{{ $col }} col-12">
						<p>{{ . | markdownify }}</p>
					</div>
					{{ end }}
					</div>
					{{ end }}
					{{ with .call_to_action }}
					<div class="text-center p-3">
						{{ range . }}
						<a href="{{ .link | safeURL }}" class="btn btn-primary m-2">{{ .text }}</a>
						{{ end }}
					</div>
					{{ end }}
				</div>
			</div>
		</div>
	</div>
</section>
{{"<!-- /skill -->" | safeHTML }}
{{ end }}
{{ end }}