MaterializeCSS Card Design

Question

I am trying to adapt the Material Design in my personal website using materializecss.com, however the framework only provide options to exclude otherwise images on top of the CA

Answer 1

@vizFlux

Here is the code which you want

.card-image {
  float: left;
  width: 40%;
  height: 250px;
}
.card-image img {
  height: 100%;
}
.right-content {
  width: 60%;
  float: left;
}
.card-title {
  padding-left: 20px;
}

  

    
  
  

    Card Title
    

      
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.
      
    
    

      This is a link
    
  

the output should look something like this: