solodev Goto Github PK

google-translator

In today’s connected digital age, it’s important to ensure your content is as widely available as possible. Part of this requires making your site’s content available for language translation. By including a translation service, you have effectively expanded your site’s audience and reach.

handlebars.js

header-classes

How can you change the style of your headers without changing the order and still get the visual elements you want? This tutorial will show you exactly how to do that with just a bit of CSS.

hero-cta

hero-featured-video

With the increasing amount of video content online, organizations are increasingly using video to engage with website visitors. Conversation rates on the use of a video in the top level of your website are much higher than say a hero with text and graphics. In this article, Solodev will show you how to add a hero to your homepage with a featured video.

hero-image

hero-image-form

A hero image, prominently displayed on a site's homepage, is key focal point and one of the first elements a user sees when they visit a website. Because of its key location, a hero image section is the ideal place for a form that can better direct the behavioral flow of a visitor.

hero-search-bar

hero-text-transitions

hero-video

Sometimes a graphic isn't enough for the hero of your homepage. In this article, Solodev shows you how to add a hero video to your homepage.

hero-with-video-bg

hidden-toggle-tabs

Your homepage needs to display your core offerings in a way that website visitors see it immediately. Whether you are a product or service company, your core products and/or services need to have the most prominence on your homepage. While your hero is reserved for your big picture marketing messages, directly below you need to visually display your offerings in a graphical and interactive way. Using toggled tabs to display these offerings allows you to save real estate on your web page as details for a particular product or service only appear on click.

hide-show-fields-form

homepage-slick-slider

Solodev's customized Slick Slider with agency approved styling. Feel free to use in your web design project for a professional and responsive homepage slider.

horizontal-nav-mobile

One of the biggest tricks to successful mobile design is ensuring that your navigation remains functional and user-friendly even if the design changes.

how-it-works-section

i-want-to

icon-background-color-on-hover

icon-box-slider

icon-boxes-under-hero

Adding icon boxes to your hero/slider

image-filling-page-margins

image-overlay

Image Overlays are a great way to get the most out of the space your graphics take up on a web page. While one static graphic is better than none, adding an overlay provides more context to the content you'll find after clicking the image.

image-overlay-with-css

image-transitions-on-hover

impressive-contact-us-page

Creating a unique contact page is crucial to converting website visitors into potential leads. With Solodev's unique contact us page featuring Google Maps integration, you can be assured your website visitors will leave impressed.

in-news-section

industry-sectional

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.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.

infinite-carousel

An infinite carousel is a great to showcase recent projects, high profile clients, and other items your website visitors should see.

infinite-logo-carousel

input-fields-with-fontawesome