Hey Friends today in this blog I'll be making a Profile Card in HTML and CSS, I have shared on my channel last month a Responsive Profile Cards. Now I will be making a single card design here in this blog.
A Profile Card is a card showing the user his image profile, his followers and the people his following. In other words a profile card is a mockup card design that specifies a user occupations and achievements he/she has achieved.
In this project [Creative Profile Card] as you can see in this UI the first thing you will see is an image of the user then you have the people he/she is following plus he/she is also following, you can also see some buttons, a follow button and a message me button.
Creative Profile Card using only HTML and CSS[Video Tutorial]
In this video you have seen the demo of this Profile Card and how it has been created. I created it using only HTML and CSS I hope with the aid of explanation and the video you will be able to create this Profile Card. I've provided a link to the source code where you can download from, click the download button to download code files.
You might like This:
Creative Profile Card using only HTML and CSS[Source Code]
To create this program [Creative Profile Card]. First you need to create two HTML files. You will need to create the first file with the extension .html and the second with the extension .css after creating these files you can start creating this program. You can also download the source code files of this Creative Profile Card using HTML and CSS from the given download link.
Post a Comment
We welcome relevant and respectful comments. Off-topic or spam comments may be removed.