0
  • HTML & CSS
  • Layout
  • Bulma
  • Bootstrap
  • Materialize CSS
  • Tailwind CSS
  • Javascript
  • Material Angular
  • Jquery
  • Php
  • About Us
  • Privacy Policy
  • Contact Us
  • DMCA
W3hubs.com

W3hubs.com

Let's Design The Internet

  • HTML & CSS
  • Layout
  • Bulma
  • Bootstrap
  • Materialize CSS
  • Tailwind CSS
  • Javascript
  • Material Angular
  • Jquery
  • Php
  • About Us
  • Privacy Policy
  • Contact Us
  • DMCA
W3hubs.com > Material Angular > Angular Material Card
Material Angular

Angular Material Card

Posted by w3hubs October 1, 2019
Angular Material Card
Share on
READ NEXT
Navbar In Angular Material with Routing

Angular Material Card

Angular Material Card

Template Name: – Angular Material Card.

High Resolution: – Yes.

Compatible Browsers: – All Browser.

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

Angular Material is fast and minimal frameworks 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 have 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. This is 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

  • Angular3
  • Bootstrap105
  • Bulma6
  • Foundation CSS2
  • Html5 & Css353
  • Intro.js1
  • Javascript6
  • Jquery6
  • Layout10
  • Less1
  • Material Angular16
  • Materialize CSS8
  • NES.CSS1
  • Page.js1
  • Particles.js2
  • Php4
  • Pug3
  • SASS/SCSS1
  • Semantic-UI1
  • Shoelace Style1
  • Skeleton CSS2
  • Tailwind CSS11
  • Typed.js1
  • UI-KIT2

You Might Also Enjoy

Simple FAQ In Angular Material with Ripples
Material Angular

Simple FAQ In Angular Material with Ripples

December 6, 2020
Angular Material With Bootstrap Responsive Mega Menu
Material Angular

Angular Material With Bootstrap Responsive Mega Menu

November 26, 2020
Auto Suggestion Search Bar With Icon In Angular Material
Material Angular

Auto Suggestion Search Bar With Icon In Angular Material

October 21, 2020
Google Search Page In Angular Material
Material Angular

Google Search Page In Angular Material

October 6, 2020