About Us
  • fr-FR
  • English (UK)

Details
Category: Uncategorised
Hits: 1081
The S5 Quick Contact module is demo's at the bottom of this page in the blue area. This module is a simple way for your visitors to get in contact with you. Sometimes full contact pages are just too much. If you're looking for an easy way to stay in contact with your visitors this module is for you. This module has fully configurable language settings, sends emails to a specified admin account, captcha spam protection and much more! And of course it's free!

  1. Specify text of error message and field names
  2. Validates email address
  3. Include intro text if desired
  4. Set one admin email to receive all emails
  5. Uses the built-in Joomla email functions
  6. Optional captcha spam protection

Details
Category: Uncategorised
Hits: 1352

Our Amazing Projects

Great design comes with understanding our clients needs

Zoom Image View Project
image

Example Slide

This is dummy text. You can add any text or html markup here.
Zoom Image View Project
image

Example Slide

This is dummy text. You can add any text or html markup here.
Zoom Image View Project
image

Example Slide

This is dummy text. You can add any text or html markup here.
Zoom Image View Project
image

Example Slide

This is dummy text. You can add any text or html markup here.
Zoom Image View Project
image

Example Slide

This is dummy text. You can add any text or html markup here.
Zoom Image View Project
image

Example Slide

This is dummy text. You can add any text or html markup here.
Zoom Image View Project
image

Example Slide

This is dummy text. You can add any text or html markup here.
Zoom Image View Project
image

Example Slide

This is dummy text. You can add any text or html markup here.
Zoom Image View Project
image

Example Slide

This is dummy text. You can add any text or html markup here.
Zoom Image View Project
image

Example Slide

This is dummy text. You can add any text or html markup here.
Zoom Image View Project
image

Example Slide

This is dummy text. You can add any text or html markup here.
Zoom Image View Project
image

Example Slide

This is dummy text. You can add any text or html markup here.



Example of code used above. It is a combination of Info Slide CSS and Multibox. You can actually use any of the info slide styles below just be sure to wrap with the 2 pages DIVs which are "pages_portfolio three" and if you want padding between each image the "pages_padding" DIV. Notice on the first DIV there is a "three". You can enter one, two, three, four, five and six depending on how many portfolio items you want on one row (Be sure to keep that space before the three too):

<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb1" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>

Details
Category: Uncategorised
Hits: 1136
Our Scroll Reveal feature is powered by the script found here: https://github.com/julianlloyd/scrollReveal.js. The script allows you to add "data-scroll-reveal" to HTML elements for on page scroll animations. We recommend adding to DIVs over SPAN etc as DIVs can move vs SPAN tags just fading in. Once you add the code to a DIV refresh a page or scroll down and it will animate in. It will only do this once until you refresh the page again. The great feature about the script is you can use plain English to describe how you'd like to animate your HTML element.

Example of this in action (refresh this page if you didn't see it already):

Enter from the left and move up 50px in 1.33 seconds.
Enter from the bottom after 1 second.
Wait 2.5 seconds and then ease-in-out 100px.


Code used for the above:

<div data-scroll-reveal="enter left and move 50px over 1.33s"> Enter from the left and move up 50px in 1.33 seconds. </div>

<div data-scroll-reveal="enter from the bottom after 1s"> Enter from the bottom after 1 second. </div>

<div data-scroll-reveal="wait 2.5s and then ease-in-out 100px"> Wait 2.5 seconds and then ease-in-out 100px. </div>


Usage:

For a lengthier explanation on this visit the following page: https://github.com/julianlloyd/scrollReveal.js

Details
Category: Uncategorised
Hits: 1231

Our Head Honcho's

These Guys Run the Place

team5

Frank Basefield
CEO/Co-Owner

team6

Jeremy Westfend
Manager



Our Dedicated Team

Of Awesome Web Developers

team1

Mike Summerfield
GUI Design

team2

Joel Lasdingo
Lead Designer

team3

Michelle Wright
Senior Developer

team4

Frank Hammard
Marketing



We want to hear from you!


Fusce ac eleifend erat, cursus pretium ante. Mauris euismod luctus libero ac rutrum. Morbi ullamcorper, mauris et dapibus accumsan, turpis massa ornare metus, eget commodo neque lacus sit amet erat. Vestibulum tempus, mi eget condimentum cursus, augue urna congue justo, a accumsan nunc erat eget leo. Proin sollicitudin tortor et nibh fringilla hendrerit. Praesent vel ante suscipit nisl hendrerit eleifend. Praesent a aliquet p


Example of code used above. Notice on the first DIV there is a "four". You can enter one, two, three, four, five and six depending on how many team members you want on one row (Be sure to keep that space before the number too):

<div class="ourteam_outter four">
<div class="ourteam_inner">
<div class="ourteam_roundimage_hover">
<div class="ourteam_roundimage_inner">
<div class="ourteam_socialicons">
<a class="ourteam_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="ourteam_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team1.jpg" alt="team1"/>
</div>
<br>
Mike Summerfield
<br>
<span style="color:#a8a8a8;">CEO/Owner</span>
<br> </div>
</div>


Photos credits by Daniele Zedda, JohnONolan, Daniele Zedda, Daniele Zedda, AllansBrain, rolands.lakis

Details
Category: Uncategorised
Hits: 973
The S5 Image Slide module is demo'd to the left of the "Latest News From The Field". It is a responsive module that will automatically adjust to the width of any screen.

Please note that IE7&8 do not support the necessary css syntaxes needed for the layout shown on this demo. Because of this position custom_1 will not be shown for these browsers. In its place you may use position custom_3, which is shown only on IE7&8, with your own custom html module.






    s5 image slide

  1. Contact Popup
  2. S5 Live Search
  3. Typography Options
  4. Sample Content 3