DEMO

• img.html responsive image with %100 width usage; {{< img src="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fimg%2Fimage.jpg" >}}

• embedvimeo.html
  responsive vimeo video usage; {{< embedvimeo 224893042 >}}

• embedyoutube.html
  responsive youtube video usage; {{< embedyoutube 9AFtdrCFyd0 >}}

• embeddailymotion.html
  responsive dailymotion video usage; {{< embeddailymotion xsr67x >}}

• gfycat.html responsive gfycat video usage; {{< gfycat src="proxy.php?url=https%3A%2F%2Fgithub.com.%2FWigglyBitterCirriped" >}}

• twocolumn.html
  responsive two column paragraph usage; {{< twocolumn text="Lorem ipsum dolor sit amet..." >}}

• threecolumn.html
  responsive three column paragraph usage; {{< threecolumn text="Lorem ipsum dolor sit amet..." >}}

• map.html
  responsive google map usage; {{< map src="proxy.php?url=https%3A%2F%2Fgithub.com.%2F%211m18%211m12%211m3%211d387144.0075834208%212d-73.97800349999999%213d40.7056308%212m3%211f0%212f0%213f0%213m2%211i1024%212i768%214f13.1%213m3%211m2%211s0x89c24fa5d33f083b%253A0xc80b8f06e177fe62%212sNew%2BYork%252C%2BNY%215e0%213m2%211sen%212sus%214v1394298866288" >}}

• progressbar.html animated bootstrap progress bar with percentage usage; {{< progressbar perc="33" >}}