{{ $data := index site.Data site.Language.Lang }} {{ if $data.skill.skill.enable }} {{ with $data.skill.skill }} {{"<!-- Skills -->" | safeHTML }} <section id="skills" class="parallax-section section section-bg overly"> <div class="container"> <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 class="border-meghna"></div> </div> </div> {{"<!-- /section title -->" | safeHTML }} </div> <div class="row"> <div class="col-lg-6"> <h2>{{ .subtitle | markdownify }}</h2> <p> {{ .content | markdownify }}</p> {{ with .image }} <img class="img-fluid lozad" data-src="{{ . | absURL }}" alt="image"> {{ end }} </div> <div class="col-lg-6"> <ul class="skill-bar"> {{ $.Scratch.Set "counter" 0 }} {{ range $index, $element:= .skill_item }} {{ $.Scratch.Set "counter" (add ($.Scratch.Get "counter") 1) }} <li> <p><span>{{if lt $index 9}}0{{end}}{{$.Scratch.Get `counter`}}- </span>{{ .name }}</p> <div class="progress"> <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:{{ .percent }}"> </div> </div> </li> {{ end }} </ul> </div> </div> </div> </section> {{"<!-- /skill -->" | safeHTML }} {{ end }} {{ end }}