layouts/shortcodes/downloads-block.html

<div class="card-wrapper">
    {{ range .Site.Data.releases }}
    <div class="card item">
        <div class="card-body">
            <div class="title-box">
                <span class="icon">{{.icon}}</span>
                <h5 class="card-title">{{.name}}</h5>
            </div>
            <p class="card-text">{{.description}}</p>
            <div class="doc-box">
                <div class="flex-center">
                    <img src="/images/feather.png" alt="" width="14px">
                    <div class="btn-group">
                        <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                            Source
                        </button>
                        <div class="dropdown-menu">
                            {{ range .source }}
                            <h6 class="dropdown-header">{{.version}}<span> | {{.date}}</span></h6>
                            <div class="dropdown-item">
                                {{range .downloadLink}}
                                [<a href="{{.link}}">{{.name}}</a>]
                                {{end}}
                            </div>
                            {{end}}
                        </div>
                    </div>
                </div>

                {{ if .distribution}}
                <div class="btn-group">
                    <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                            aria-expanded="false">
                        Distribution
                    </button>
                    <div class="dropdown-menu">
                        {{ range .distribution }}
                        <h6 class="dropdown-header">{{.version}}<span> | {{.date}}</span></h6>
                        <div class="dropdown-item">
                            {{range .downloadLink}}
                            [<a href="{{.link}}">{{.name}}</a>]
                            {{end}}
                        </div>
                        {{end}}
                    </div>
                </div>
                {{end}}
            </div>

        </div>
    </div>
    {{end}}
</div>