<!DOCTYPE html>
<html lang="{{ with site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
{{- partial "head.html" . -}}
<body id="top" data-spy="scroll" data-target="#navbar-spy" class="position-relative">
{{- partialCached "preloader.html" . -}}
{{- partial "header.html" . -}}
<!-- strat of blog-details -->
<section class="section-padding pt-50">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10 col-md-12 mb-30 text-center" data-aos="fade-in">
<img loading="lazy" class="img-fluid rounded" src="{{.Params.Image | absURL }}" alt="{{.Title}}">
</div>
<div class="col-lg-9 col-md-12 mb-60" data-aos="fade-in" data-aos-delay="50">
<div class="post-category position-relative mb-15">
{{ range $i,$p:= .Params.Categories }}{{if ne $i 0}},{{end}}<a
href="{{ `categories/` | relLangURL }}{{ . | urlize | lower }}"
class="text-black-200 font-weight-600 ml-1">{{ . | humanize }} </a>
{{ end }}
</div>
<h2 class="font-weight-bold mb-30">{{.Title}}</h2>
<div class="post-meta font-weight-600 text-primary mb-15">
<a target="_blank" class="text-primary"
href="{{ .Params.author_profile | safeURL}}">{{ .Params.author }}</a>
<span class="mx-2">|</span>
<span>{{ .PublishDate.Format "02 Jan, 2006"}}</span>
<span class="mx-2">|</span>
<span>{{ .Page.ReadingTime }} {{ i18n "minute_read" }}</span>
</div>
<div class="content">{{.Content}}</div>
</div>
{{ if site.DisqusShortname }}
<div class="col-lg-9 col-md-12" data-aos="fade-in">
{{ template "_internal/disqus.html" . }}
</div>
{{ end }}
</div>
</div>
</section>
<!-- end of blog-details -->
<!-- start of blog-section -->
<section class="pb-50">
<div class="container">
<div class="row justify-content-center" data-aos="fade-up">
<div class="col-lg-6 col-md-9 text-center mb-40">
<h2 class="section-title">{{ i18n "recent_post" }}</h2>
</div>
</div>
<div class="row">
{{ range first 3 (where site.RegularPages "Section" "blog")}}
<div class="col-lg-4 col-md-6 mb-40">
<div class="card border-0 h-100">
<a class="d-flex flex-fill align-items-center" href="{{.Permalink}}"><img loading="lazy" class="card-img-top rounded"
src="{{ .Params.Image | absURL }}" alt="blog-image"></a>
<div class="p-25 pb-0">
<div class="post-category position-relative mb-15">
{{ range $i,$p:= .Params.Categories }}{{if ne $i 0}},{{end}}<a
href="{{ `categories/` | relLangURL }}{{ . | urlize | lower }}"
class="text-black-200 font-weight-600 ml-1">{{ . | humanize }} </a>
{{ end }}
</div>
<a class="h4 font-weight-bold d-block mb-15" href="{{.Permalink}}">{{ .Title }}</a>
<div class="post-meta font-weight-600 mb-15">{{.PublishDate.Format "02 Jan, 2006"}}<span
class="mx-2">|</span>{{ .Page.ReadingTime }} {{ i18n "minute_read" }}
</div>
<p>{{ .Summary }}</p>
</div>
</div>
</div>
{{ end }}
</div>
</div>
</section>
{{- partialCached "footer.html" . -}}
</body>
</html>