solodev Goto Github PK

faq-section

feature-list-with-fontawesome-icons

feature-tiles

Displaying the features of your product and/or services is important on your website. While some may use plain text with bullet points, others tend to lean more on the visual side of things to display their features. Using visuals to communicate your features to website visitors has become increasingly more popular to the point of being a best practice. Providing visual context to the features gives your website visitors a more immediate understanding of your overall offering. In this article, Solodev will teach you how to add feature tiles containing Font Awesome icons to your website. Enjoy!

featured-blog-entries

featured-content-slider

featured-menu-item

featured-section

featured-sectional-for-blog

feedback

Feedback tool similar to the Google Feedback.

flexslider

An awesome, fully responsive jQuery slider plugin

flexslider-implementation

An effective hero slider provides users with the most valuable content on your site aligned with your goals and prompts them to take action. In Part I of our FlexSlider Series, we provide you with the code you need to easily add a hero slider to your homepage using the fully responsive jQuery toolkit FlexSlider by woothemes.

flyout-bootstrap-modal

flyout-boxes

font-awesome

The iconic font and CSS toolkit

font-awesome-lists

In this article we will explore different ways to build lists using Font Awesome Icons and Bootstrap Components.

font-awesome-use

In this article Solodev will cover using Font Awesome with forms, button groups, as well as resizing icons and changing their colors. In our final example, Solodev will show you how to use Font Awesome to add a loading icon triggered by basic JavaScript.

fontawesome-contact-information

fontawesome-slickslider-links

footer-form

It's no surprise that having footer forms on all of your web pages increase website conversions. Since there's more places for site visitors to convert, by default the probability is higher. How can you make the probability even higher? Making that footer form more than just a one way street can certainly help. Don't just ask for information, exchange information. While they are filling out the form there may be a graphic or video that entices them even more. Perhaps without the graphic or video, they wouldn't have even submitted the form.

footer-signup-form

Users are 31% more likely to signup for your product or service if there is an easy-to-use form to signup on every page of your website rather than a dedicated page they are required to navigate to. This code will show you how to add a signup footer form to your website.

forgot-password

In Part III of our User Portal Series, we will walk you through building a forgot password page. Your forgot password page is likely to receive more traffic than you may anticipate so make it as intuitive and user friendly as possible.

form-posting-to-google-maps

form-with-inline-inputs

four-pricing-boxes

There’s a ton of information floating around about the ‘perfect landing page,’ but don’t forget about your website’s most important page -- the pricing page! Design can boost your pricing strategy by a few visual tricks and simple CSS. And while this tutorial isn’t a one-size-fits-all solution, it can definitely help boost your click through rate and (hopefully) your bottom line!

full-width-sectional

Contemporary web design often blends fixed-width containers with full-width sectionals. By utilizing a full-width sectional, you can highlight specific content pieces, reinforced by an appropriate image that captures your audience's attention. Determining which content to place in a fixed-width container or a full-width sectional is mainly dependent on two things - the importance of the content and messaging as well as its supporting visual medium (graphic, video, icons, slider). Determining what content should be placed where should feel intuitive to you, simply align your content and messaging placement with its level of importance to your organizational goals.

fullcalendar

Full-sized drag & drop event calendar (jQuery plugin)

gdpr-banner

gdpr-banner-consent

gear-module

google-custom-search

Adding search to your website, powered by Google's Custom Search Engine, adds a powerful dimension to your website. Solodev takes it a step further with some professional styling, making your search bar/page looks as good as the results it delivers.