iMobaio iMobaio -4 years ago 107
Android Question

CardView for web pages

On Android there's a component called CardView which displays a box like a card, with rounded corners, shadows, etc. I'm willing to achieve the same thing in HTML, is there any library, CSS or sample to make it happen?

Answer Source

There is a library called Materialize, its compliant with Material designs standards.

Here's a snippet from their website.

<div class="row">
    <div class="col s12 m6">
      <div class="card blue-grey darken-1">
        <div class="card-content white-text">
          <span class="card-title">Card Title</span>
          <p>I am a very simple card. I am good at containing small bits of information.
          I am convenient because I require little markup to use effectively.</p>
        <div class="card-action">
          <a href="#">This is a link</a>
          <a href="#">This is a link</a>

You can add the library to your site by adding this inside the head tag

<link rel="stylesheet" href="">

<script src=""></script>  
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download