Home

Service Block With Centered Image

Do you want to display an image in center and services offered around it ? This code snippet is what you are looking for. In this code snippet, I have added six services (3 on right and 3 on left side) and one image in center. FontAwesome icons are used in this example, so to work this code snippet perfectly, you must have FontAwesome CSS included in head section of your web project.

Live Demo

HTML


Place these html code where you want to display this service section. This snippet is also suitable for service page, if you don't want to show many content on your service page.

CSS

There is nothing much in CSS, just font, color, margin, padding etc. I think you can easily understand what is written. Add following code to your style sheet to make this working perfectly.
Service Block With Centered Image Reviewed by Prem Regmi on 10:02:00 PM Rating: 5

No comments:

Designed by Next Bootstrap

Contact Form

Name

Email *

Message *

Powered by Blogger.