show template and output using screenshots.

Thank you @tonini for reminding me that we can put images into README.md
:grin: