hugo-theme-introduction/layouts/partials/projects.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>