0
  • HTML & CSS
  • Layout
  • Bulma
  • Bootstrap
  • Materialize CSS
  • Javascript
  • Material Angular
  • Jquery
  • Php
  • Angular
  • Bootstrap
  • Bulma
  • Clone
  • Featured
  • Foundation CSS
  • Intro.js
  • Layout
  • Less
  • Material Angular
  • Materialize CSS
  • NES.CSS
  • Page.js
  • PagePiling.js
  • Particles.js
  • Php
  • Pug
  • Rainyday.js
  • SASS/SCSS
  • Semantic-UI
  • Shine.js
  • Shoelace Style
  • Skeleton CSS
  • Split.js
  • Swiper.js
  • Tailwind CSS
  • Tilt.js
  • Typed.js
  • UI-KIT
  • Frontendmentor Challenges
  • About Us
  • Contact Us
  • DMCA
[email protected]
W3hubs.com
W3hubs.com
W3hubs.com
  • HTML & CSS
  • Layout
  • Bulma
  • Bootstrap
  • Materialize CSS
  • Javascript
  • Material Angular
  • Jquery
  • Php
  • Angular
  • Bootstrap
  • Bulma
  • Clone
  • Featured
  • Foundation CSS
  • Intro.js
  • Layout
  • Less
  • Material Angular
  • Materialize CSS
  • NES.CSS
  • Page.js
  • PagePiling.js
  • Particles.js
  • Php
  • Pug
  • Rainyday.js
  • SASS/SCSS
  • Semantic-UI
  • Shine.js
  • Shoelace Style
  • Skeleton CSS
  • Split.js
  • Swiper.js
  • Tailwind CSS
  • Tilt.js
  • Typed.js
  • UI-KIT
  • Frontendmentor Challenges
  • About Us
  • Contact Us
  • DMCA
0
W3hubs.com
  • HTML & CSS
  • Layout
  • Bulma
  • Bootstrap
  • Materialize CSS
  • Javascript
  • Material Angular
  • Jquery
  • Php
  • Angular
  • Bootstrap
  • Bulma
  • Clone
  • Featured
  • Foundation CSS
  • Intro.js
  • Layout
  • Less
  • Material Angular
  • Materialize CSS
  • NES.CSS
  • Page.js
  • PagePiling.js
  • Particles.js
  • Php
  • Pug
  • Rainyday.js
  • SASS/SCSS
  • Semantic-UI
  • Shine.js
  • Shoelace Style
  • Skeleton CSS
  • Split.js
  • Swiper.js
  • Tailwind CSS
  • Tilt.js
  • Typed.js
  • UI-KIT
  • Frontendmentor Challenges
  • About Us
  • Contact Us
  • DMCA
0
W3hubs.com > Material Angular > Angular Material Card
Material Angular

Angular Material Card

w3hubs
Posted by w3hubs October 1, 2019
Angular Material Card
Share on
READ NEXT
Angular Material Simple Login Form And Registration form
Angular Material Simple Login Form And Registration Form

Angular Material Card

Angular Material Card

Template Name: – Angular Material Card.

High Resolution: – Yes.

Compatible Browsers: – All Browser.

Get your German Job Seeker Visa approved

Source Files included: – Angular CLI, Angular Material components, Image, and CSS.

Angular Material is a fast and minimal framework to create an attractive website and beautiful user interface. So here we designed a beautiful card using Angular Material card components.

Mat-card has some tag to make your card more attractive and cool. Mat-card has mat-headers in mat-header have title and subtitle in text. which both can use and also you can use images and etc. Then have mat-content for your small introductions and last, have mat-action for quick links like social media and important links. Here in this card, we used simple CSS properties and one image and person name with dummy paragraph text.

At the bottom of the card, we used some font-awesome social icons with background color and hover effects. These are fully responsive elements for mobile and tablet views.

Make it yours now by using it, downloading it, and please share it.

Demo Download Now

Tags: angular 5 material form example angular 6 material card examples angular 6 material login form angular mat card examples angular material 1 checkbox angular material avatar Angular Material Card angular material card codepen angular material card css angular material card grid angular material demo angular material input search angular material theme example angular material toolbar example angularjs color angularjs material content angularjs material tag layout row mat card header is not a known element mat card actions mat card angular mat card avatar mat card avatar examplem mat card elevation mat card paginator mat card title is not a known element import mat card angular mat-card-title align center matcardmodule example material angularjs materialjs checkbox md card content is not a known element md card flex md no ink md-card angular 4 md-card vue responsive layout angular material what is mat elevation z8
Share on
Share on Facebook Share on Twitter Share on Pinterest Share on Email
w3hubs October 1, 2019
Previous Article Login Form In Particles.js With Background Snow Effect Login Form In Particles.js With Background Snow Effect
Next Article Bootstrap Transparent Navbar With Border Bottom Hover Effects Bootstrap Transparent Navbar With Border Bottom Hover Effects

Categories

  • Angular4
  • Bootstrap124
  • Bulma9
  • Clone1
  • Foundation CSS2
  • Freezeframe.js1
  • Frontendmentor Challenges1
  • HTML 5 & CSS373
  • Intro.js1
  • Javascript11
  • Jquery10
  • Layout10
  • Less2
  • Material Angular22
  • Materialize CSS9
  • NES.CSS1
  • Page.js1
  • PagePiling.js1
  • Particles.js2
  • Php4
  • Pug4
  • Rainyday.js1
  • SASS/SCSS1
  • Semantic-UI1
  • Shine.js1
  • Shoelace Style2
  • Skeleton CSS3
  • Split.js1
  • Swiper.js1
  • Tailwind CSS19
  • Tilt.js1
  • Typed.js1
  • UI-KIT4
  • Vue.js1

You Might Also Enjoy

Angular Material Delete Popup Using Bottom Sheet
Material Angular

Angular Material Delete Popup Using Bottom Sheet

September 11, 2021
Angular Material Responsive Sub Navigation Menu
Material Angular

Angular Material Responsive Sub Navigation Menu

June 30, 2021
Ngx Slick Carousel In Angular Material Card with Custom Arrows
Material Angular

Ngx Slick Carousel In Angular Material Card with Custom Arrows

May 8, 2021
Crud Table In Angular Material With LocalStorage
AngularMaterial Angular

Crud Table In Angular Material With Local Storage(edit/save/delete)

March 13, 2021
W3hubs.com
  • HTML & CSS
  • Layout
  • Bulma
  • Bootstrap
  • Materialize CSS
  • Javascript
  • Material Angular
  • Jquery
  • Php
  • Angular
  • Bootstrap
  • Bulma
  • Clone
  • Featured
  • Foundation CSS
  • Intro.js
  • Layout
  • Less
  • Material Angular
  • Materialize CSS
  • NES.CSS
  • Page.js
  • PagePiling.js
  • Particles.js
  • Php
  • Pug
  • Rainyday.js
  • SASS/SCSS
  • Semantic-UI
  • Shine.js
  • Shoelace Style
  • Skeleton CSS
  • Split.js
  • Swiper.js
  • Tailwind CSS
  • Tilt.js
  • Typed.js
  • UI-KIT
  • Frontendmentor Challenges
  • About Us
  • Contact Us
  • DMCA

© w3hubs.com 2018 - 2022