<div id="project-types" class="col s12">
                <a href="#">
                  <svg  width="101" height="84">
                    <path stroke="#000" id="pb" d="m10.28749,9.464984l60.749973,0l20.250026,30.37493l-20.250026,30.375065l-60.749973,0l20.250021,-30.375065l-20.250021,-30.37493z" stroke-width="1.5" fill="#65b221" fill-opacity="0.8"/>
                    <text x="52%" y="58%" text-anchor="middle" class="project_type">PB</text>
                  </svg>
                </a>

                <a href="#">
                  <svg  width="101" height="84">
                    <path stroke="#000" id="pa" d="m10.28749,9.464984l60.749973,0l20.250026,30.37493l-20.250026,30.375065l-60.749973,0l20.250021,-30.375065l-20.250021,-30.37493z" stroke-width="1.5" fill="#65b221" fill-opacity="0.8"/>
                    <text x="52%" y="58%" text-anchor="middle" class="project_type">PA</text>
                  </svg>
                </a>
</div>