blog directory or listing pagelayout

Hi, currently I don't like how my blog directory layout all my sites listed in the "salon listing". Is there way that I could have my site listed same like the site I screen shot in an attachment A? In attachment A, it listed the site header image, site title, site location, and site appointment book. How can I get that functionality to be the same on my page?

Note: Attachment B is how my site currently listed. I want Attachment B to look similar to Attachment A.