![simple css card simple css card](https://i.pinimg.com/originals/c3/8a/30/c38a30f8a921bb38828d49425f0a74a6.jpg)
For that, we have to download a code editor and it will help us to write the code of HTML and css. Profile card is very to create and we will create it using HTML and css only. You can change its font family or font size using css properties.
![simple css card simple css card](https://uicookies.com/wp-content/uploads/2019/02/CSS-Cards-Card-Grids.jpg)
Below this, it has different text which is also normal text. This upper part of the box has a different colour and the below part has a different colour. Then it has a username and it is written in normal text.
![simple css card simple css card](https://i.pinimg.com/originals/7d/93/1d/7d931deddb433779fcfddd93daf350ae.png)
This round box is producing waves as a ripple effect and it is also made in css.īelow this, it has the name of the company or person and this card belongs to that person or company and it is written in the heading. In this box, we have around the box for the image and it is done using css. Then it has a box at the center which is created with the help of div. First, it has a beautiful background image and you can use a solid colour according to your requirements. It has a lot of different texts for information and images. Therefore, you can see in the image that we have created an awesome profile card in HTML and css. It can be used for a lot of people and it has a lot of different purposes and it varies from person to person. It is also helpful for the company to show their basic information on this profile card. Profile card in html and css:Ī profile card is very necessary for all those who are working in a company as an employee. In the last lesson, we have discussed how to create a Testimonial HTML template. But at this point, our focus is to build a profile card in HTML and CSS. Hello everyone, in this post, we will learn how to build the profile card for any person, company or employee in HTML and css.