my custom shortcodes for hugo

DEMO

• img.html responsive image with %100 width usage; {{< img src="/img/image.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="WigglyBitterCirriped" >}}

• 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="!1m18!1m12!1m3!1d387144.0075834208!2d-73.97800349999999!3d40.7056308!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY!5e0!3m2!1sen!2sus!4v1394298866288" >}}

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