{{ with .Params.logo }}<imgclass="card-img-top"src="{{ . }}"alt="Card image cap"> {{ end }}
<divclass="card-body text-center">
{{- if .Params.github }}
{{ with .Params.github }}<ahref="{{ . }}"><iclass="fab fa-github fa-lg icon"style="color:#00a9e0"></i></a>{{ end }}
{{ end }}
{{- if .Params.gitlab }}
{{ with .Params.gitlab }}<ahref="{{ . }}"><iclass="fab fa-gitlab fa-lg icon"style="color:#00a9e0"></i></a>{{ end }}
{{ end }}
{{- if .Params.docs }}
{{ with .Params.docs }}<ahref="{{ . }}"><iclass="fas fa-book fa-lg icon"style="color:#00a9e0"></i></a>{{ end }}
{{ end }}
{{- if .Params.docker }}
{{ with .Params.docker }}<ahref="{{ . }}"><iclass="fab fa-docker fa-lg icon"style="color:#00a9e0"></i></a>{{ end }}
{{ end }}
{{- if .Params.pypi }}
{{ with .Params.pypi }}<ahref="{{ . }}"><iclass="fab fa-python fa-lg icon"style="color:#00a9e0"></i></a>{{ end }}
{{ end }}
</div>
</div>
{{- if .Params.demos }}
{{- if gt (len .Params.demos) 1 }}
<divclass="card text-center card-project">
<divclass="card-header">
<ulclass="nav nav-tabs card-header-tabs">
{{ range $index, $vale := .Params.demos }}
{{ range where $.Site.Pages "File.BaseFileName" . }}
<liclass="nav-item">
<aclass="nav-link {{- if eq $index 0 }} show active {{ end }}"id="{{ .Params.id }}-tab"data-toggle="tab"href="#{{ .Params.id }}"role="tab"aria-controls="{{ .Params.id }}"aria-selected="true"> Demo {{ add $index 1 }}</a>
</li>
{{ end }}
{{ end }}
</ul>
</div>
<divclass="tab-content"id="myTabContent">
{{ range $index, $vale := .Params.demos }}
{{ range where $.Site.Pages "File.BaseFileName" . }}
<divclass="card-body tab-pane fade {{- if eq $index 0 }} show active {{ end }}"id="{{ .Params.id }}"role="tabpanel"aria-labelledby="{{ .Params.id }}-tab">
{{ with .Params.logo }}<imgclass="card-img-top"src="{{ . }}"alt="Card image cap"> {{ end }}
<divclass="card-body text-center">
{{- if .Params.github }}
{{ with .Params.github }}<ahref="{{ . }}"><iclass="fab fa-github fa-lg icon"style="color:#00a9e0"></i></a>{{ end }}
{{ end }}
{{- if .Params.gitlab }}
{{ with .Params.gitlab }}<ahref="{{ . }}"><iclass="fab fa-gitlab fa-lg icon"style="color:#00a9e0"></i></a>{{ end }}
{{ end }}
{{- if .Params.docs }}
{{ with .Params.docs }}<ahref="{{ . }}"><iclass="fas fa-book fa-lg icon"style="color:#00a9e0"></i></a>{{ end }}
{{ end }}
{{- if .Params.docker }}
{{ with .Params.docker }}<ahref="{{ . }}"><iclass="fab fa-docker fa-lg icon"style="color:#00a9e0"></i></a>{{ end }}
{{ end }}
{{- if .Params.pypi }}
{{ with .Params.pypi }}<ahref="{{ . }}"><iclass="fab fa-python fa-lg icon"style="color:#00a9e0"></i></a>{{ end }}
{{ end }}
</div>
</div>
{{- if .Params.demos }}
{{- if gt (len .Params.demos) 1 }}
<divclass="card text-center card-project">
<divclass="card-header">
<ulclass="nav nav-tabs card-header-tabs">
{{ range $index, $vale := .Params.demos }}
{{ range where $.Site.Pages "File.BaseFileName" . }}
<liclass="nav-item">
<aclass="nav-link {{- if eq $index 0 }} show active {{ end }}"id="{{ .Params.id }}-tab"data-toggle="tab"href="#{{ .Params.id }}"role="tab"aria-controls="{{ .Params.id }}"aria-selected="true"> Demo {{ add $index 1 }}</a>
</li>
{{ end }}
{{ end }}
</ul>
</div>
<divclass="tab-content"id="myTabContent">
{{ range $index, $vale := .Params.demos }}
{{ range where $.Site.Pages "File.BaseFileName" . }}
<divclass="card-body tab-pane fade {{- if eq $index 0 }} show active {{ end }}"id="{{ .Params.id }}"role="tabpanel"aria-labelledby="{{ .Params.id }}-tab">