Previously we had made a multi-profile badge which you can find here.
Now comes the version two of this badge. Which is nothing but the same badge with a cover background. Honestly it’s just a rip off of LinkedIn profile badges. But since they are limited to LinkedIn, you can use this profile badge to meet your need.
Output of this post will be a profile badge that looks something like this,
Since this is basically a modified version of the previous profile badge we are going to reuse the same code.
Step 1. Define the CSS for circular image, then a CSS for list of links, and then the badge border and a background cover which is nothing but a background image positioned properly.