def home_view(request, location):
    cards = Site.objects.get(sites=location.upper()
                             ).site_cards.all().values('cards')
    # Convert query set to list of dictionaries, then to list of values of dictionaries, then to dictionary with same key,value pair
    vlans = json.load(open('allvendors/static/json/narf.json'))
    cards_dict = {c: vlans[location][c]
                  for c in [d['cards'] for d in list(cards)]}
    home = {
        "site": location,
        "cards": cards_dict,
    }
    return render(request, 'allvendors/home.html', {"home": home})

{
   'card1':{
      'vlan':'101'
   },
   'card2':{
      'vlan':'102'
   },
   'card3':{
      'vlan':'103'
   },
}

{% for card in home.cards %}
        <div class="card mb-4 box-shadow shadow">
            <div class="card-header">
                <h4 id="whatfor" class="my-0 font-weight-normal">{{ card|title }}</h4>
            </div>
            <div class="card-body">
                <h1 class="card-title pricing-card-title">Vlan:
                    <small class="text-muted">
                        <a href="#" target="_blank">
                            {{ card.vlan }}
                        </a>
                    </small>
                </h1>
                <a class="text-decoration-none" href="{{ card|lower }}/">
                    <button id="seedata" type="button" class="btn btn-lg btn-block btn-outline-primary">See
                        Database</button>
                </a>
            </div>
        </div>
        {% endfor %}