• Design & Illustrations
    • Abobe Photoshop
    • Adobe Illustrator
  • Web Design
    • HTML / CSS
    • JavaScript
    • jQuery
    • Bootstrap
    • UI
  • Code
    • Php
    • WordPress
    • MYSQL
    • C
    • C++
    • Java
    • CodeIgniter
  • Mobile App
    • Ionic
  • Design & Illustrations
    • Abobe Photoshop
    • Adobe Illustrator
  • Web Design
    • HTML / CSS
    • JavaScript
    • jQuery
    • Bootstrap
    • UI
  • Code
    • Php
    • WordPress
    • MYSQL
    • C
    • C++
    • Java
    • CodeIgniter
  • Mobile App
    • Ionic
HTML / CSS

Top 9 CSS Profile Cards

By Praveen Kumar October 28, 2019
ShareTwitterFacebook
424Views

Collection of free HTML and CSS profile card code examples.

PROFILE CARD UI DESIGN

Profile card UI design with cool hover effect. Made with HTML / CSS by FrankieDoodie.

See the Pen
Profile Card UI Design Cool Hover Effect
by FrankieDoodie (@FrankieDoodie)
on CodePen.

Demo and Download

AWESOME PROFILE CARD

Simple & awesome profile card in HTML and CSS. Included: name, verification status, online status, avatar, role and action buttons. Made with HTML / CSS by Advanced Develope.

See the Pen
Awesome Profile Card
by Advanced Develope (@advdevelope)
on CodePen.

Demo and Download

PROFILE CARD

Profile card with animation in HTML, CSS and JS by Jove Angelevski.

See the Pen
UI #3 – Profile Card
by Jove Angelevski (@AlbertFeynman)
on CodePen.

Demo and Download

UI PROFILE CARDS

UI profile cards with CSS transition effects on hover. Made with HTML / CSS (SCSS) by neil pearce.

See the Pen
UI Profile Cards
by neil pearce (@2975)
on CodePen.

Demo and Download

CSS PROFILE CARD

CSS profile card UI with light and dark themes. Made with HTML / CSS (SCSS) by Byurhan Beyzat.

See the Pen
CSS Profile Card
by Byurhan Beyzat (@byurhanbeyzat)
on CodePen.

Demo and Download

PROFILE CARD UI

HTML and CSS animated profile card UI by Genaro Colusso.

See the Pen
Daily UI #6 – Profile
by Genaro Colusso (@genarocolusso)
on CodePen.

Demo and Download

PROFILE CARD

Simple profile card in HTML and CSS by Matthias Martin.

See the Pen
006 – Profile
by Matthias Martin (@roydigerhund)
on CodePen.

Demo and Download

MATERIAL DESIGN: PROFILE CARD

Pure CSS Material Design profile card. Made with HTML/CSS by Emil Devantie Brockdorff.

See the Pen
Material Design: Profile Card
by Emil Devantie Brockdorff (@Mestika)
on CodePen.

Demo and Download

90’S PROFILE CARD

90’s profile card in HTML and CSS by Ondrej Barta.

See the Pen
90’s profile card
by Ondřej Bárta (@bartaxyz)
on CodePen.

Demo and Download

Tags: css cards css profile card css profile layouts expandable css profile card horizontal card css how to create a profile card html css card layout material design card css profile card profile card design simple html code for personal profile user profile page html template
ShareTwitterFacebook
424Views
About Praveen Kumar

I am a fullstack web developer with a passion for SEO, creating stunning websites, and organic marketing. I am a perfectionist.

View all posts by Praveen Kumar

Post navigation

Prev post:
Prev Post
Next post:
Next Post
  • Viewed
  • Commented
  • Liked
MYSQL, Php 777Views
How to check whether a variable is set or not in PHP
August 18, 2019by Praveen Kumar
How to check whether a variable is set or not in PHP
HTML / CSS, JavaScript 681Views
Flashlight Mouse Pointer
June 7, 2020by Praveen Kumar
Flashlight Mouse Pointer
HTML / CSS 647Views
TOP 41 CSS Clocks
May 16, 2020by Kumar
TOP 41 CSS Clocks
HTML / CSS, JavaScript 613Views
TOP 31 Anime JS Examples
May 19, 2020by Kumar
TOP 31 Anime JS Examples
Wordpress
Creating WordPress themes made Easy by Layers
August 25, 2015by Praveen Kumar
Creating WordPress themes made Easy by Layers
Wordpress
How to block access to the wp-content uploads & wp-Includes folder
October 19, 2019by Praveen Kumar
How to block access to the wp-content uploads & wp-Includes folder
HTML / CSS
Top 33 CSS Accordions
January 17, 2020by Praveen Kumar
Top 33 CSS Accordions
Code
How to install XAMPP on your computer
August 27, 2015by Praveen Kumar
How to install XAMPP on your computer
HTML / CSS 0Likes
Top 10 CSS Checkout Forms
October 27, 2019by Praveen Kumar
Top 10 CSS Checkout Forms
HTML / CSS 0Likes
TOP 10 CSS Music Players
May 16, 2020by Kumar
TOP 10 CSS Music Players
HTML / CSS 0Likes
Top 10 CSS Music Players
January 14, 2020by Praveen Kumar
Top 10 CSS Music Players
HTML / CSS 0Likes
Button to Email subscription Input
April 9, 2019by Praveen Kumar
Button to Email subscription Input

You May Also Like

HTML / CSS

TOP 16 CSS Range Sliders

HTML / CSS May 15, 2020 319Views By Kumar
ShareTwitterFacebook
Read More
HTML / CSS JavaScript

Services In Icons With Circular Navigation

HTML / CSS JavaScript May 30, 2020 280Views By Praveen Kumar
ShareTwitterFacebook
Read More
HTML / CSS

More menu using HTML and CSS

HTML / CSS May 6, 2019 399Views By Praveen Kumar
ShareTwitterFacebook
Read More
Copyright © 2023 by AncoraThemes. All rights reserved.