Astra theme demo demo single page template Dental Clinic

Dental Clinic Theme yes Astra theme demo demo station This is a free template of. It belongs to a single page template with only one page and is free to use. WeiAiSi notes to share the details of the demo station.

1. Deploy Astra theme demo demo station

Two prerequisites: Astra theme and Starter Templates plug-in. Astra provides free installation and use.

After the above two are pre installed, you can import and use the demo demo station.

Tutorial, please move to How can I use the Starter Templates plug-in to import a full site for free?

The Dental Clinic template can be seen from the bottom of the demo demo page of the Astra template, as shown in the following figure.

2. Introduction to Dental Clinic Demo Station

Start from WordPress background>page.

This is a single page website. The header is simple, in the form of logo on the left, menu+button on the right.

Content area

• It is designed in the background>homepage.
• Large pictures are used as background pictures.
• Use the large H1 title+small text content+button. The button is the function of reservation. Information collection and storage is realized through WPForms plug-in.
• The irregular shape at the bottom of the picture is in the section of Style>Shape Separator>Type, select the curve or the desired effect type, and then modify the parameters.
• The title, text editor, icon box and a google map button are added below, and the column background, background overlay and image are added on the right.
• The form collects information about user registration.
• The mask effect of alternating light and shade of the following pictures is designed by changing the opacity in Style>Background Overlay.
• The blue half round corner is obtained by modifying the border radius.
• The blue translucency on the picture is also obtained by setting the solid color and position in Style>Background Overlay. Linear, angular and opacity are also set.
• User evaluation uses proof elements.

The footer is relatively simple. Add a gadget to upload the website logo, and add social media on the right. Below is the copyright information.

We study the construction of Astra theme site, not only to learn which elements and layout are used, but also to learn some matching skills. For example, if you repeatedly use a blue dot matrix image in this single page template, you can modify the parameters of the background coverage to create a variety of different effects, which not only saves the use of images and system resources, but also enriches the layout style.

3. Summary

As a single page template, Dental Clinic has designed a single page website that pays attention to details through color matching, pictures, etc. It is not only applicable to clinic websites, but can be used in other industries if you want.