We started a day ago a tutorial on the Divi theme. If you need to know what it is, you can read this tutorial.
Other tutorials on Divi theme
- 5 websites for restaurant use Divi theme
- How to add text on a WooCommerce product on Divi
- How to change the menu color between pages on Divi
- Features you do not know about Divi
- How to create a slider on Divi
- How to edit a user role on Divi
What we said in our previous tutorial and that I will say again here is that Divi is a versatile theme (multipurpose), which can be used to create any type of theme. In this new tutorial, we will give you some inspiration by showing you what some web site owners have done by using Divi to create a site for their restaurant.
Restaurant sites are famous for having a very elegant design. Through their use of colors, fonts, images, menus, Reservations, and even services such as catering, restaurants have always needed website interesting. I hope you can appreciate the potential of Divi.
1 - Tony Roma
Tony Roma has a full screen image with a CTA (call to action) in parallax. Scrolling displays a shaded section with three clickable categories. Below that you will see an about section with information about the restaurant. Locations are displayed on individual pages with contact information, hours, a map, buttons to view the menu, and a button for the delivery service. The food menus are downloadable in PDF format. The page of Reservations provides contact information for each of the locations. The site makes excellent use of color and background images.
2 - Tutta's Pizza
From Tutta Pizza display a full-screen image with the logo in a parallax section with a call to action Order Now in the menu that appears on a background that disappears while scrolling. Next is a section with a parallax background and overlay, menu icons with hover animations, an Instagram feed, a CTA event, and a Contact form. The menu is displayed as images and text with a link to an online ordering system. The site uses the interesting background patterns on its branding.
3 - Casa Dorita
Casa Dorita offers a full-screen image with the logo, slogan and a button to Reservations (CTA) in a parallax background. The following section provides food information with a link to the food menu. Next, you will see an image slider with illustrations, a divided section with parallax info, a “ specialty of the day With a reservation (who uses an integrated booking system), hovering over the full screen image will show the deli, and several other sections on a parallax background with more information about the deli, map location information, and the Contact form. The available menu can be downloaded as a PDF. The site makes good use of color and fonts.
4 - The Mexican
The Mexican uses a one-page design, It displays a full-width background with a CTA, an article slider, a section with links to menu items (by clicking on these you will have an image broader), a section on branding and a Contact form on the map. The menu is an interactive ordering system that is displayed in a modal window. The menu includes clickable sections to add items to your cart and plenty of images of the dishes. This is one of the most interesting food menu systems I've seen.
5 - Mendocino Farms
Mendocino Farms displays a full screen article slider with corresponding navigation menus. The menus include CTAs. The drop-down menu displays icons and text that match the branding image. As you scroll down the page, it will display a tagline and three articles about the company with hover animation. The food menu displays a link to the PDF version followed by the online version which displays the menu with categories and an image, menu items, and prices. The menu design is one of the best I have seen. The placements page looks like a blog page with the placements that present themselves as posts. Articles for locations include an image slider, reviews, parking information, and a map.
To summarize
You may notice that there are many possibilities that are offered to you with Divi. With a lot of practice, you will come up with very good websites. We will enter more in detail with specific tutorials.
