hugo-theme-introduction/layouts/partials/projects.html
2017-05-30 08:40:04 +07:00

39 lines
1.7 KiB
HTML

<div class="container"><!-- Begin Projects container -->
<h2 class="title is-2 has-text-centered">Projects</h2>
<div class="columns is-mobile">
<div class="column has-text-centered">
{{ if .Site.Params.project1img }}
<div class="thumbnail">
<a href="{{ .Site.Params.project1link }}"><img class="img-responsive" src="/{{ .Site.Params.project1img }}" alt="{{ .Site.Params.project1title }}"></a>
</div>
{{ end }}
<div class="thumbnail"><a href="{{ .Site.Params.project1link }}"><h4 class="title is-4 top-pad">{{ .Site.Params.project1title }}</h4></a>
</div>
</div>
<div class="column has-text-centered">
{{ if .Site.Params.project2img }}
<div class="thumbnail">
<a href="{{ .Site.Params.project2link }}"><img class="img-responsive" src="/{{ .Site.Params.project2img }}" alt="{{ .Site.Params.project2title }}"></a>
</div>
{{ end }}
<div class="thumbnail"><a href="{{ .Site.Params.project2link }}"><h4 class="title is-4 top-pad">{{ .Site.Params.project2title }}</h4></a>
</div>
</div>
<div class="column has-text-centered">
{{ if .Site.Params.project3img }}
<div class="thumbnail">
<a href="{{ .Site.Params.project3link }}"><img class="img-responsive" src="/{{ .Site.Params.project3img }}" alt="{{ .Site.Params.project3title }}"></a>
</div>
{{ end }}
<div class="thumbnail"><a href="{{ .Site.Params.project3link }}"><h4 class="title is-4 top-pad">{{ .Site.Params.project3title }}</h4></a>
</div>
</div>
</div>
</div><!-- End Projects container -->
<div class="container has-text-centered top-pad"><a href="#top"><i class="fa fa-arrow-up"></i></a></div>