Contact Page Tricks

I think this can be solved using a plugin. There are many shortcode plugins, from my experience Shortcodes Ultimate would work out fine.

If this is something you want to try, let me know, I can walk you through setting it up.

Here are two of where my ideas came from…

The Icons style of this site

but with the effect of what this site does

Im not sure how using shortcodes would achieve this?

Shortcodes are a way to add content to your website without having to code. The plugin I mentioned has many options which will allow you to include icons, tabs and other fancy stuff which might not be originally available with a theme.

Let me rustle something on my localhost with what you require and will post a screenshot in sometime.

Neat, thanks for the info and thank you looking forward to seeing what you put together

While it might not be as fancy as the links you provided, here are two options that you could use

Email, Phone & Map
contact-option-01.png

Email, Phone, Map & Contact Form
Contact form 7 is the plugin used for building the contact form.
contact-option-02.png

Note 1: Plugin used is shortcodes ultimate. You can change the color of the icons instead of the default dark gray.
Note 2: Results may vary based on the theme you use. A Full-width page will give you the best results

I am using a full width page in my theme… I appreciate you taking time to help me… whay you had put in those images isnt really what I was looking for… if you really look at how this page is done its really the most perfect way I would see it working… instead of boxes with texts i would use the icons…

** Edit **
I guess I misunderstood your requirement. I re-read your original post and I get it now. It is quite complex. Let me see.

no… on the fhoke site if you click on send us a message it shows a map with contact form and if you click on kick start your project it changes to another type of form and info…

EXAMPLE IMAGE HERE

I want to avoid recoding as much as possible, which is why I am looking at using plugins & customizing it. (Allows you to change themes without issues as well)

One plugin that looks like a good start (to customize) is https://www.ads-software.com/plugins/squelch-tabs-and-accordions-shortcodes/

The tabs feature allows you to place the top row of icons, but doesn’t scroll the content. The Horizontal Accordion does the nice scroll, but doesn’t have the top icons.

I know this is not the exact answer you are looking for, but just letting you know that I am still having a go at finding a solution.

Well I very well appreciate it… I really dont mind having to code… the fun thing about my theme is that it uses a builder layout so I add the elements I want to my page the way I want it… so I can put a code section inside of a “box” without disturbing the whole theme…

That’s interesting. What is the builder you use? Some builders have inbuilt templates and maybe a mash-up of existing elements would be easier.

Fusion builder

Since fusion builder is paid, I am not able to test it out or build something out of it, but I think I have your answer

bxslider will get the job done with the minimum of fuss and coding.

I put something together and here is the result
https://jsfiddle.net/c3k8xv49/1/embedded/result/

Detailed code is https://jsfiddle.net/c3k8xv49/1/

PS: You will have to include the 1 js file and 1 css to get this to work on your website. All available on GitHub

If you run into any issues, give me a shout! I will be watching this post

From the looks of it thats pretty close… except the other content from un selected “tabs/icons” is still showing?

What is the browser that you are using? I am using FF and seems to work fine.

PS: To see if it is a browser issue or a problem in the way I have coded, I suggest you visit the bxslider home page and see if the examples work for you.