Easy Brew Logo.png
+61 2 8096 2126
Easy Brew Logo.png
  • Pricing Pricing
  • FAQs FAQs
  • Sample Blocks Sample Blocks
  • Blog Blog
  • Tutorials Tutorials
  • Get Started Get Started
  • Call Us +61 2 8096 2126 Call Us +61 2 8096 2126

Sample Blocks

Home/ Sample Blocks

This page provides examples of the content blocks available in Easy Brew, to give you an idea of the available features.

Text Content block

A simple but highly used block.

The default "Text" section block is often one of the most commonly used blocks. It simply provides you with a WYSIWYG (i.e. What You See Is What You Get) controlled text box, where you have all the basic text editing controls at your disposal.

It also includes the ability to add images within the text box, create a table within the text block, and even choose the width of the text box and the set the individual styling themes of the content and background.

This is a text with image block

Sydney-Wallpaper

Left aligned text with image on the right

This is a subtitle in H3

Advancing from the generic Text Block as shown above, you can have a two column block with Text and an Image.

You can determine which order the text and image sit in, and can also control the vertical alignment of the text in relation to the image, i.e. top, middle or bottom aligned text (we've gone for middle alignment here).

Controlling the colour theme of the content and background are also still available, as is control of the animation for how this block enters the page on scroll - which is the case for virtually EVERY CONTENT BLOCK type.

Sydney-Wallpaper
building-blocks-01

Right aligned text with image on the left

This is a subtitle in H4

This is the same block as used above, but flipped in it's order.

The text here is top aligned.

Bondi Beach 1920x600

This is a generic Image Block. As you can see here, you can choose to have description text under the image too. You're also able to control padding and set the image to full width if desired.

Testimonials block

Create a scrolling Testimonials block. You can set logos or images with each testimonial, or use an icon instead. You also control the direction and speed in which the carousel slider animation plays.

We've also set a background image for this block to give you an example on how that works.

LOGO Revisi 1

We’d be very happy to recommend Easy Brew for site design and development. They took our outdated site and renewed it to become something we can be very proud of. The team were exceptionally professional and helpful- guiding us through each stage and offering recommendations and support. Thanks again to Anthony and the team.

Hatch Constructions - Hatch Constructions

Anthony and his team went above and beyond to supply us with the website of our dreams. The team at Code Brewery were consistently professional, hard working and prompt with every step of building our website from the ground up. 10/10 from start to finish, we couldn’t be happier with the results.

Thank you for our creation!

Fatima Zaatiti - Co-Founder. The Hive Cafe

Team section

Anthony
Anthony

Leader of the Code Brewery team.

Anthony

Director

Nick
Nick

Lead developer on Easy Brew

Nick

Developer

Danielle
Danielle

Danielle

Admin

Aled
Aled

Lead designer on Easy Brew

Aled

Designer

Freddie
Freddie

Freddie

Sales

Lukas
Lukas

Lukas

Developer

This is a statement block.

Use it as a call to action to get a quick message across to your customers and then have a button below the message to direct users to something important.

You can also use it to launch a YouTube overlay video, so that's what we'll do in this example.

Launch video

Instagram feed

12 0
8 0
15 0
9 0
16 0
17 4
6 4
8 0

Google Reviews feed

I highly recommend the team at Code Brewery, and look forward to working with them again in the future! As someone with very little experience in the build and management of a website, I felt supported from concept, to build, to testing and implementation. A particular shout out to our Project Manager, Jane, who is a great communicator and always came to any discussion with solutions to complex problems - thanks, Jane!

Trista Hickey Trista Hickey

After a less than positive experience using an offshore development team, getting to work with the team and Code Brewery is a godsend.

The team are incredibly skilled and knowledgable, their work is exceptional. But what really stands out is there communication and responsiveness.

Not every brief we provide them is perfect. But you can always rely on Code Brewery to come back promptly with clear guidance, sound recommendations and full transparency on costs.

That puts them in rare air in the web development space in my experience.

Sam McEwin Sam McEwin

I had the pleasure of working with Code Brewery on a few recent projects, and I was impressed by their professionalism and commitment to the jobs at hand. They are exceptionally quick and responsive and addressing all the project needs. As a digital producer, they've saved me a lot of pain with some jobs I'm under-resourced for and couldn't be more happy with the results. I highly recommend Anthony and his team for anyone looking for reliable and effective development services.

dimitrie nakic dimitrie nakic

Anthony and the team at Code Brewery provide an efficient and cost effective solution for teams who need additional support with development and are running at pace.

Millie-Mae Twort Millie-Mae Twort

As a business owner, I understand the impact a well-designed website can have on my brand's online presence.

When it came time to finessing and updating our website, I knew I needed the help of a genuine industry expert. Luckily, I found Code Brewery, and I couldn't be happier with the results.

From the moment I contacted Anthony and his team at Code Brewery, I was impressed by their professionalism and prompt service. They were quick to respond to my enquiries and took the time to understand my vision for the website.

The level of customer service provided by Code Brewery was wonderful. Anthony and his team went above and beyond to ensure that all of my requirements were met. They were patient, accommodating, and always available to provide updates or answer any questions I had throughout the entire process.

The attention to detail in every aspect of the design and development was evident, and the end result exceeded my expectations. I highly recommend Code Brewery to anyone in need of web development services.

Their professionalism, prompt service, and exceptional workmanship make them a reliable and trustworthy partner.

Thank you, Anthony and the entire Code Brewery team, for your incredible work.

Regards
Julie

Bluebell Bridal Bluebell Bridal

Before and After Image Slider

After 02

Compare images side-by-side with great affect using this Before and After image slider.

Services

List

This is the "Services" block

Your

Choose icons from our library

Services

Our upload your own icons or images

Here

To demonstrate what you do at a glance.

Portfolio

canyon-wallpaper
Portfolio as grid
Sydney-Wallpaper
Portfolio as slider
What A Wonderful World Video
Portfolio with Video

Process list

Origami 01
Step 1
Origami 02
Step 2
Origami 03
Step 3
Origami 04
Step 4
Origami 05
Step 5
Origami 06
Step 6

Pricing options block

Weekly option


$ 12.50
Per Week

Set as many pricing blocks as you want.


Buy Now

Monthly option


AUD 50
Per Month

Control all elements of this pricing block, including;

  • Content
  • Colours
  • Symbols
  • Buttons
  • Highlighted options

Annual Plan


€ 360
Per Year

Offer a range of options for your customers to choose from, and across different currencies.

Then integrate with a payment merchant like Stripe or PayPal.

Animated Percentage Bars

Average Google score: Desktop
91%
Average Google score: Mobile
78%
Satisfied customers
100%

Image and Video Gallery

  • All
  • Scenery
  • Easy Brew images
  • Sample Videos
Bondi
Sample scenery image 1

Scenery

YouTube video example

Sample Videos

Apple Devices EB
Site imagery 1

Easy Brew images

Vimeo video example

Sample Videos, Scenery

IMG_20180420_112303 Napa
Site imagery 2

Easy Brew images

Sydney-Wallpaper
Sample scenery image 2

Scenery

Video Gallery

Under The Cherry Moon
Earth
Under The Cherry Moon Under the Cherry Moon
Earth Earth
Is this the best comeback ever?
Howay the lads!
What A Wonderful World
Planet Earth: Amazing Nature

Features

Created a features list with icons or images that focus around a larger central image.

Unique builds

Create your own pages using our content blocks

Unlimited pages

Have a single page scroller or infinite pages

Regular updates

We regularly release new features for you to add to your site

Get online fast

If you have your content ready, your site can be live in a couple of days

Unlimited content blocks

Add as many content blocks to a page as you like

Set your theme

Style your pages with unique colours, fonts and even animations

Responsive and optimised

Fully responsive structure that is tested and optimised for all device types

We support you

We're just an email or phone call away to support you with any questions you have.

Image slider - This is the first image

This image doesn't have any overlays set, but has light text colour option set.

Image slider - This is image #2

This image has a light overlay set to with dark text.

Animated Counters

0
35 content blocks and growing
0
More than 3,000 hours in development
0
Get up and running in days, not weeks

FAQs block

What if I don't know where to start?

Don't worry, you're not alone!

Reach out to us and someone from our super helpful team can guide you along the content creation process and even help you with this. Then once you have the content, we can turn it into an awesome looking website for you!

What if the feature I want doesn't exist?

Let us know what you are after and we can custom build it for you.

That's one of the reasons why we have so many happy clients... although we have built over 30 awesome content blocks and many other great features, Easy Brew is a flexible system and we are definitely able to add custom functionality and styling that isn't available in the default version.

Do we think you'll love Easy Brew?

Of course we do! Easy Brew is a great website builder platform and we've never received any negative feedback at all about it.

Accordion tabs

  • List 1
  • List 2

Group accordion options into tabs

If you've got a lot of elements to add to a FAQ list, this is a nifty content block to use so that you can split up the list into groups so that your page doesn't go on forever.

What if I don't know where to start?

Don't worry, you're not alone!

Reach out to us and someone from our super helpful team can guide you along the content creation process and even help you with this. Then once you have the content, we can turn it into an awesome looking website for you!

 

What if the feature I want doesn't exist?

Let us know what you are after and we can custom build it for you.

That's one of the reasons why we have so many happy clients... although we have built over 30 awesome content blocks and many other great features, Easy Brew is a flexible system and we are definitely able to add custom functionality and styling that isn't available in the default version.

 

Do we think you'll love Easy Brew?

Of course we do! Easy Brew is a great website builder platform and we've never received any negative feedback at all about it.

This is an Action Box Section block.

Similar to the Statement block demonstrated higher up on this page, with the main difference being the positioning of the button element, this is another great block to use to grab the attention of your visitors and to get a quick and important message across to them with a button they can click as the call to action.

Once again you have full control of all the theming of the block, so style it however you like.

The action performed this time is to point you in the direction of the quick "Get Started" survey so that you can begin your Easy Brew adventure now!

Get Started Now

Content slider

Slider 1

This slider has a flexible text + image setup.

That means you can split it into two columns with text on one side and image on the other, or with the text below the image (as we've done here).

You can use this content slider to great effect to scroll through news items, impressive portfolio pieces, client testimonials, business awards, upcoming events... basically anything you like!

You can also add as many slides as you like and control all of the styling options again, including;

  • Controlling the speed of the transitions
  • Controlling the direction of the transition animation
  • Font and background styling
Slider 2

HTML Widget Section (Weather Example)

This is a HTML Widget block where you can enter your own iFrame code or html code snippet to easily integrate third part tools... just like this weather widget.

SYDNEY WEATHER

Multi Column Section block (x2)

What can you do with a multi-column block?

We're glad you asked!

The multiple column block is a powerful feature that enables you to create a block that contains up to 4 columns, combining some of the most popular individual blocks, including; Text Section, Image Section, Embed Video Section, Accordion Section, Google Maps (including the multi-pin map), Percentages Section and the HTML Widget Section.

In this 2 column example, we've combined a text block and a Google Maps block.

The Google Maps block to the right shows the two locations of our favourite place to grab a coffee, The Hive Cafe. Maybe we can meet there for a chat to discuss setting up an Easy Brew site, sometime?

Location Address Phone number
The Hive Hammondville 19 Judd Ave, Hammondville NSW 2170, Australia
The Hive Miranda 86 Bellingara Rd, Miranda NSW 2228, Australia

Multi Column Section block (x3)

skater-821502_960_720

You can add a caption to your images within a multi-column block. You can even have a link set to the image.

How many columns can you make?

The multi-column block allows you to create anywhere from 1 to 4 columns.

What can I put into a mutli-column section?

You can create any combination with the following blocks:

  • Text Section
  • Image Section
  • Embed Video Section
  • Accordion Section​
  • Google Maps (with multi-pin option)
  • Percentages Section
  • HTML Widget Section

You can add a HTML Widget into a multi-column section, just like we've done with this Currency Converter tool.

FreeCurrencyRates.com

Multi Column Section block (x4)

now-brewing-850x480

Start brewing your site today with Easy Brew!

Percentage 1
90%
Percentage 2
45%
Percentage 3
75%

4 column block.

You've seen the 2 and 3 column blocks above, and this is what a 4 column block can look like.

Use any of the blocks that are available at your disposal to create your multi-column setup, however you require.

Google Map Section - Code Brewery Head Office

Multi-location Google Map content block

Location Address Phone number
Our office! Level 5, 120 Sussex Street, Sydney 02 8096 2126
Sydney Harbour Bridge The Rocks NSW 2000
Sydney Olympic Park Sydney Olympic Park New South Wales 2127
Taronga Zoo Mosman NSW 2088

Logos slider

Hatch Constructions
The Hive Cafe
4Retail
IAM Systems
Drivo
IAM Hosting
Scaleup Mediafund
Flipp Burgers
Nightingale Partners
Sapient Education
DTect Innovation

Embed Video section (YouTube)

Embed Video Section (Vimeo)

Contact Section

This is the "Contact Section" block. You can control which fields are displayed in this form including which fields are mandatory, and also control the form styling and management of who the form results will be emailed to.

Your message has been sent successfully.
There was a problem validating the form. Please retry or contact the site administrator.

Flexible Column Section

This first column has a width setting of "4". We also added an image block below.

 

 

Apple Devices EB No bg Cropped

What can you do with a flexible column block?

The flexible column block is a powerful feature that enables you to create up to 12 columns, combining some of the most popular individual blocks, including;

  • Text block,
  • Image block,
  • Embed Video block,
  • Accordion block,
  • Google Maps (including the multi-pin map) block,
  • Percentages block, and
  • HTML Widget block.

 

What makes it flexible is that you can define the varying widths for your columns, as long as the column widths combine to add up to a total of 12.

This middle column has a width setting of "6".

This third column has a width setting of "2".

It's the second narrowest setting available in the flexible columns block.

Customisable Form Section

Check This Link:

This is a text paragraph display area (no user entry here)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu auctor metus. Donec sit amet dapibus sem, et ornare nulla.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu auctor metus. Donec sit amet dapibus sem, et ornare nulla.

Level 5, 120 Sussex St,
Sydney, NSW 2000, Australia

 hello@codebrewery.com

  +61 2 8096 2126

Stay Connected

Join our mailing list:

Oops. There was an error submitting your email. Please try again later.

Easy Brew is a product created by ESG Media Pty. Ltd., trading as Code Brewery.

ABN: 55 160 870 057

By signing up for Easy Brew, you agree to our Terms and Conditions and Privacy Policy.

© 2025 Code Brewery®

Our site is powered by Easy Brew, a product created by Code Brewery®.