Files
hugo-profile/layouts/partials/sections/v3/achievements.html
T
gurusabarish a39edbe353 #27
2021-11-19 00:32:02 +05:30

37 lines
1.5 KiB
HTML

{{ $img:= "./images/v1/background.png" }}
<section id="achievements" class="py-5 achievements-backdark achievements-back">
<div class="container-fluid">
<div class="text-dark text-center h3">Achievements</div>
<div class="row justify-content-center py-3 mx-2">
{{ range .Site.Params.achievements }}
{{ if .img }}
{{ $img = .img }}
{{ end }}
{{ if .url }}
<div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
data-aos-duration="600" data-aos-once="true">
<a target="_blank" href={{ .url | default "#" }}>
<div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url(./{{ .img }});">
<div class="p-3 w-100 achiv overflow-hidden">
<h4 class="text-center achiv-head">{{ .title }}</h4>
<div class="text-secondary">{{ .description }}</div>
</div>
</div>
</a>
</div>
{{ else }}
<div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
data-aos-duration="600" data-aos-once="true">
<div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url(./{{ .img }});">
<div class="p-3 w-100 achiv overflow-hidden">
<h4 class="text-center achiv-head">{{ .title }}</h4>
<div class="text-secondary">{{ .description }}</div>
</div>
</div>
</div>
{{ end }}
{{ end }}
</div>
</div>
</section>