title: Creating folded corner card using css
body: <p>I want to create a card which is shown in below image. I have a <a href="http://jsfiddle.net/ashok_dongare/uDbFC/" rel="nofollow noreferrer">fiddle</a> where I created a sample card. The below code creates only plane rectangular card</p>
  
  <pre><code>.card {
      height: 300px;
      background:none repeat scroll 0 0 #FFFFFF;
      box-shadow: 1px 1px 4px 4px threedshadow;   
      width:300px;
      height:200px;
    }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/uGLQB.png" alt="enter image description here"></p>
  
  <p>Please any thoughts on this? </p>