I need very professional looking testimonial bubbles created for my website that look like the attached and are arranged nicely like the attached.
They need to be done using a combination of image and CSS, so that they can expand and contract vertically to fit varying amounts of text.
I need five different bubble sets, depending on how many testimonials I have on a page. In other words, I need a single bubble, I need a pair of bubbles, I need three bubbles together (like in the attached image), I need four bubbles together, I need five bubbles together. Each one needs to look as fit together as nicely as the attached set of three.
I need the bubble outline and the person's name to be in the blue of my site's menu at [url removed, login to view] The bubble interior can be a very pale blue, maybe form the left side of the page or even paler.
For each of the five configurations, I need the css code to put into my .css file and for each of the five configurations, I need a sample of how to make it work in the source code of my page.
1. Single bubble
css snippet for a single bubble
image files for single bubble
on-page code calling the css snippet for a single bubble
Please double check with me that this is good, before working on the other four...
2. Two bubbles
css snippet for two bubbles
image files for two bubbles
on-page code calling the css snippet for two bubbles
3. Three bubbles
css snippet for three bubbles
image files for three bubbles
on-page code calling the css snippet for three bubbles
4. Four bubbles
css snippet for four bubbles
image files for four bubbles
on-page code calling the css snippet for four bubbles
5. Five bubbles
css snippet for five bubbles
image files for five bubbles
on-page code calling the css snippet for a two bubbles