Accordions
Accordions are a good method to use for text / images in a confined space.So what is an accordion and why do I need one ?
Accordions are a very useful method of adding a lot of information in a short amount of website page. The uses of an accordion are limited only by your own imagination. We have run pages where there are multiple stacked accordions to showcase work done by our client - please click here to see a page with Multiple Accordions.* They can be added to any web page
* They can carry Text or Images
* They can carry Huge amounts of text in a very small area
* They can be colour coded to match your website
* They are fully responsive - view perfectly on screen / mobile
Sample Content
Use accordions to store large amounts of text, images or links - in an easy to manage and compact method. Click on the other titles below to see more ...
Scroller Area can also be customised
If you look to the right here - you will notice we have set the max open height of the accordion to a height of 400px. As the content in this panel far exceeds this - a scrollbar appears here >>
This way you can add many images inside the accordion without stretching the page length downwards - so a great method of carrying all data for any product.
Text about the product in the top Section - Images in the 2nd - and maybe Downloads in the 3rd section as we will demonstrate below
You could add PDF downloads here ...
So having put Text about your product in the top panel - and images in the second panel of the accordion - you could for example add PDF links to your brochure as below
 |
Click here to download our brochure |
|
Click here to download our Pricelist |
Sample Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sample Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sample Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.