Blog Post

Roni Landau • Dec 10, 2018

New Template - Corporate Event

The new Conference template is a bright, modern one-pager that’s perfect for creating a site for your client’s next conference, workshop, special event or festival.

The template has a bold hero image for capturing the atmosphere of the event you’re promoting. This image features side-by-side buttons (built using Rows Inside Rows ) that are ideal for presenting two important Calls to Action in the same valuable space. There’s an agenda built using the Accordion Widget and a section with room for images and short bios built using the Image Gallery. There’s also a registration form built with the Contact Form widget.

The design is clean and modern, with plenty of white space, bold and bright colors, and space for a few really good images. There's also a couple of really nice borders built using the cool design trick described below.

Recreate these stylized borders in your own sites

Notice the cool rounded arrow shapes at the bottom of the hero image and top of the footer? These shapes were created using the Image widget and a bit of graphic designing.

For the top white rounded shape:


  • Build a white rounded arrow shape in Photoshop (or some other graphic editing platform) and export it as SVG.
  • Add an Image widget at the bottom of the row with the Hero image and upload the white shape.
  • Link the image to an anchor on the page (in this case, it scrolls slightly downwards on the page, although you could link the image anywhere you want on the site).
  • Make sure the row immediately below this image is white as well.

For the bottom purple rounded shape:


  • Build an identical rounded arrow shape in purple and export as SVG.
  • Add a row to the footer, immediately above the row with the footer information.
  • Add an Image widget to this row and upload the purple shape.
  • Make sure the footer is transparent and set the color of the row under the shape to be the same purple as the shape.
  • To allow this shape to cover the bottom of a map, open the footer design editor, click Spacing and set the top margin to -40px.



LATEST POSTS

Three squares with icons on them and the words `` more design power ''.
By Liron Hilb Horev 02 May, 2024
Alternative image on-hover, plus 3 more updates you wanted.
A blue background with the words seo overview on it.
By Tal Levi 30 Apr, 2024
A new way to instantly see and solve SEO issues, built right into the platform.
A picture of two cards with the words ``6 new store updates '' written on it.
By Ofri Baram 25 Apr, 2024
Sync the catalog with Google, add an image or text block to product pages, and more.
Show More
Proudly built on the Duda Responsive Website Builder
Share by: