In 10Web Builder, containers are the building blocks for creating optimized website layouts. They allow for the arrangement of widgets and elements in a structured and visually appealing manner. We will discuss several fundamental layouts, such as intro sections, hero images, galleries, calls to action, and service blocks.
Intro section
A crucial part of the website is the intro/splash section. This is where you find a welcoming title and a brief message. It's also a good place to start engaging with visitors by adding buttons that lead them to more information or to make a purchase. For a step-by-step guide read Creating an Intro Section with 10Web Website Builder.
Hero section
A Hero section is an essential part of your webpage, often displaying a big picture with text in a well-arranged design. It has various uses, like introducing your About Us page, stating your mission, or showcasing a product. To create a compelling Hero section using 10Web Website Builder, read this guide.
Hero section with Image Gallery
A hero section can also include explanatory text and a collection of images. To achieve this, we use a child container within a larger parent container, along with a Text Editor widget. The child container is where the images are displayed, and you can adjust each image's size using flex controls. Read this article for step-by-step instructions.
Call to action (CTA)
A typical call to action consists of both textual content and a button designed to encourage user engagement. Such elements may prompt the user to open a contact form, subscribe to a service, or navigate to a pricing page. You can find a more detailed guide here.
Services section
The services section typically showcases the range of offerings provided. It often includes descriptive text alongside visually appealing elements such as icons or images to highlight each service. You can find a more detailed guide here.
By following these steps, you can effectively utilize the 10Web Builder to craft basic yet dynamic website layouts that are both attractive and functional.