Build a profile template with a ionic2


#1

how to build a profile like the image below , i have searched but i haven’t resolve the issue , any idea please .


#2

You have to do some css adjustments to get this done.

As example for the blue part:
Use ion-grid and add blue background and white color for fonts.
Add a row for each element and use justify-content-center to center the content
Add an image with 25% border-radius and white border.
add text with h4 or other h-tag and p-tag
add ion-icon with name “heart”