Adding an Industry Section to your Homepage


Adding an industries section to your homepage allows you to serve up the right content to the right visitor.

Adding an Industry Section to your Homepage

There's no better marketing than targeting content to the right audience. Adding an industries section to your homepage allows you to serve up the right content to the right visitor. You may an offering of products and services that have different uses for different industries and informing your website visitors of that is crucial.

In this article we provide code and instruct you on how to add a generic industries section to your homepage. We recommend placing it on your homepage as it is the most viewed page of your website. There's also a nice hover effect as site visitors hover over different industries and Font Awesome was used for the icons.

Below is the HTML, CSS, and JavaScript required a slide down menu. Customize it to fit your needs!

Step 1 - industry-section.html

Copy and paste the code below into your web page


Step 2 - industry-section.css

Download the CSS below and include it in your web page

 industry-section.css

Step 3 - Include the following resources on your web page

If you followed the above steps correctly, you should now have a fully-functioning industry section with CSS hover effects and Font Awesome Icons. Simply switch out the icons, industry names, colors, and make it your own!

Author

Elena Roig
Contributions Editor here at Solodev. Want to be featured on the Solodev Blog? Get in touch.
Follow me on Twitter

Get started today

Join people and businesses across the globe that trust Solodev.

We never share your information with anyone. Learn more

We use cookies to provide and improve our services. By using our site, you consent to cookies.