Category: Display

Beautiful responsive info card design

See the Pen Info Cards by Nathan Taylor (@nathantaylor) on CodePen. Author Nathan Taylor August 22, 2017 Link Download Made with Pug / SCSS / JavaScript About the Code Info Cards More info: Link Dependency: jquery.min.js
See the Pen UI Media Card by Nattawod Satee (@nsatee) on CodePen. Author Nattawod Satee July 18, 2019 Link Download Made with Pug / Sass / JavaScript About the Code UI Media Card More info: Link Dependency: font-awesome.min.css,...

Social Media Card

See the Pen Social-Media Card by neerajkr (@neerajkr) on CodePen. Author neerajkr September 16, 2013 Link Download Made with HTML / SCSS / JavaScript About the Code Social-Media Card More info: Link Dependency: family=entypo, jquery.min.js
CSS profile card developed using HTML and CSS included with social icons.
Simple Animated Media Card developed using HTML and SCSS. An example of a content-contained card element with a subtle hover effect
Adding fade animation to material design horizontal cards. Horizontal Cards with Fade Animation developed using HTML, jQuery, CSS, js and materialize.
Grid-based media card layout developed using HTML, SCSS. A trial blog post layout using css grid to array 2 x 1 (or 1 x 2) articles in a three column grid.
Simple user card concept developed using HTML and SCSS.
Simple Contact card developed using HTML and SCSS.
Responsive Mixed vertical and horizontal pill cards developed using Haml, SCSS. It’s a card layout, but shaped like pills!