Changing the image in README.md to new branding

I added an img folder.
I added an HTML file where someone can edit the color blocks and layout of the image. From this someone can then screen capture a final readme image.
I added the png for the image and made the readme have a relative link to it.