Earthquake is Waterfall enabled

Theme details

Theme name: Earthquake
Theme designer: Will Woodgate
Current version: 2.0
Last updated: 2nd June 2018
First released: 4th April 2016
Compatibility: RapidWeaver 7 & 8
GDPR / DSGVO / CCPA compliant: Yes
Responsive: Yes
Doctype: Valid HTML5
Font Awesome version: 5.0.11
Bootstrap version: 4.1.1
Usage agreement: Click for details
Example website: View online
Download example website: Click here

Support links

Knowledge Base
1-to-1 Technical Support
RapidWeaver Community Forums

Free resources

Bootstrap code snippets
ExtraContent stacks & snippets
Complimentary Stacks
More Stacks

Share this page


Earthquake is a ground-breaking new theme that shatters conventional design rules of straight lines in web design. Through the use of diagonal lines slanted at various angles, Earthquake gains a slightly more lazy, laid-back feel; a truly distinctive theme design. Needless to say, Earthquake would be an absolutely ideal theme for use in fashion, business, e-commerce, marketting, design or contemporary art websites. Any projects where you need a theme that is going to shake things up a little!

This theme is both extremely lightweight and highly customisable. The slanted blocks are all created using pure HTML and CSS markup; with the only graphics being optional images you can place in the banner container. Every colour on the page can be customised, giving you the ability to build pages that match your existing branding. Embedded web fonts grant the ability to create stunningly distinctive websites. And as you would expect, Earthquake is a mobile-first, fully responsive RapidWeaver theme, built upon the Bootstrap 4 framework.

Horizontal containers

You'll notice this theme design has support for several horizontal (slanted) containers located above and below the main content region. Each of these horizontal content containers can be enabled or disabled independently within the theme style settings. Some slant to the left, and others slant to the right. Additionally you can customise the colour scheme of each container. Within these horizontal content containers are ExtraContent containers. So you use the documented ExtraContent technique to embed your content with these containers. Choose to use as many or as few horizontal containers as you want.

By default, most horizontal containers have 5vh (vh is 'viewport height' unit of measurement) applied to the top or bottom, to provide space for overlaid slants. You can modify any of these dimensions using custom CSS code like this:

#horizontalBlock1 .horizontalBlockContent {
padding-bottom: 0vh;
Custom CSS code can be added to the custom CSS box in RapidWeaver or the theme custom.css file.

FreeStyle banner

The banner region within Earthquake utilises the FreeStyle technique. This basically means the banner area is an empty canvas, into which you can place static images, a slideshow or even video. The banner region is responsive and automatically scales to fit different screen sizes and content sizes. So you will not find any rigid banner height or background settings in this theme! It is perfectly feasible to use a different banner image on different pages. On wider screens, the website slogan is layered over the banner region.


By default, the sidebar is disabled in Earthquake. However you can enable the display of a RapidWeaver sidebar in the theme style settings. You can opt to float the sidebar either left or right within the page, and choose a preferred width. Please note that the sidebar will need to be enabled if you're using block or split navigation layouts and some RapidWeaver page types (like the blog) require a sidebar to display complimentary links. Colour settings are provided for the sidebar content.


Within the theme style settings, you can toggle between a drop-down navigation menu, a split navigation layout or a sidebar block navigation layout. These layout options give you plenty of flexibility to provide the most optimal form of website navigation; based on your website design and structure. If using the drop-down menu, downward-pointing caret icons can be displayed next to pages (with subpages) by simply entering the following Font Awesome code after the page name, in the RapidWeaver sidebar:

<i class='arrow fas fa-caret-down'></i>

The icon can be customised to use any Font Awesome icon. Earthquake is a mobile-first RapidWeaver theme, so on screens less-than 992px wide the navigation layout automatically becomes a toggle / accordion navigation for improved usability. Colour settings are provided for all navigation layouts.

Optimised for RapidCart Pro

RapidCart Pro is the leading e-commerce addon for RapidWeaver; making it safe and simple to get selling online. Earthquake is one of several ThemeFlood themes optimised and tested for RapidCart Pro. Combining Earthquake and RapidCart Pro, you have the necessary tools to build brilliant web stores and boost your sales! Alongside support for all the normal RapidCart Pro features, Earthquake permits you to display a shopping cart link under the website slogan using this code on your RapidCart pro page:

<div id="myExtraContent3">
<div id="cartTotal" class="cartTotal">
<a href="<?php echo $rc->extras->cartURL; ?>">
<i class="fa fa-shopping-cart"></i>
 <span class="<?php echo $rc->extras->cartTotalCSSClass; ?>"><?php echo $rc->extras->cartTotalLocalized; ?></span>

This code displays the cart total and a link to the cart page. This feature lets customers see how much is in their current cart, and quickly click to checkout.


The free demo version of Earthquake can be downloaded using this link. There is no time limit imposed on the demo version, but page navigation links are disabled in the demo version. Watermarks may appear periodically in parts of the page (like the banner or footer). Please see this knowledge base article for more information about the free demo versions provided. Purchasing Earthquake provides you with a licensed copy of Earthquake; without any demo restrictions applied.

Clicking this link will take you to a sample website published using Earthquake. This may give you a better insight into how this theme looks and behaves. If you're interested to see how the demo website was built, the same project file can be downloaded here and opened in RapidWeaver. Feel free to use this file as the basis for a new website.

If you have any other questions about Earthquake, please don't hesitate to get touch.

* This price shown for Earthquake includes any applicable VAT or sales tax payable. We attempt to display the price in your local currency. As of 1st January 2015, all EU customers are legally required to pay VAT on all digital downloads or electronic services, and receive a full VAT invoice with each purchase. We fully comply with this legislation. You may claim-back any tax paid (if you are VAT registered or a charity / non-profit organisation exempt from paying VAT) from your local tax office.
Thanks! Please check the following:
System requirements
License agreement
Refund policy
Purchase process
Customer support

System requirements
This theme requires RapidWeaver. It will not work with other platforms (like Wordpress).

We recommend you aim towards installing the latest version of RapidWeaver that your computer is capable of running (preferably RapidWeaver 7 or greater).

If you cannot get the free demo version of this theme to work, DO NOT proceed with purchasing this theme - please request technical assistance first.

License agreement

You may use this purchased theme an unlimited number of times in personal or commercial projects, request technical support and receive free updates in future.

This theme can be installed or synced onto all computers that you own. You are permitted to make archival backup copies of the theme.

You may not resell or make this theme available for download, remove copyright credits or license information.

The software is provided "as is" without any implied or expressed warranty of merchantability or fitness for purpose. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise arising from, out of or in connection with the software or the use or other dealings in the software.

Refund policy
By purchasing this theme, you agree that your purchase will be available immediately via digital download and that you waive your statutory right of withdrawal.

All purchases are final and refunds will not be provided (we physically cannot un-download or remove themes from your computer).

You are reminded to make use of the free demo versions already provided on the website, to fully evaluate themes for compatibility and suitability before purchase.

If the free demo version does not work for you, kindly refrain from buying the theme.

Purchase process
The checkout system is provided by Paddle. An attempt is made to display prices in your local currency.

To complete your order, you must supply a valid email address. Your purchase receipt and download link will be sent to this address. If you do not receive your purchase shortly after completing it, please carefully check your spam or junk mail folders.

Your purchases are available to re-download at anytime, via this order lookup page.

Prices shown on the website exclude any applicable VAT. The final price payable is shown at the checkout. You will be sent a full receipt by email. Charitable and bulk discounts may be available on request. Please get in touch if you have any queries about our pricing.

Our order process is conducted by our online reseller is the Merchant of Record for all our orders. Paddle provides all customer service inquiries relating to order processing. Paddle also provides an order lookup system, commonly referred to as your Paddle Account.

Customer support
If you have questions that relate specifically to this theme, you should make contact via the contact page. We aim to answer all messages within 12 hours, Monday to Friday.

If you require a faster response at weekends or during public holidays, please post your question(s) to the RapidWeaver forums, where a support volunteer may be able to assist you quicker.