- Start a new HTML Project in Themler.
- Turn off the Header, Sidebars, and Footer.
- Remove the Slider.
- Add a Layout Container.
- Select Length as 'Page Width'.
- Set the Width '50%', and the Height '600px'.
- Add a Background to this Container.
- In the background Tab set the Image Size to 'Cover', Repeat to 'No Repeat', Position to 'Center'.
- In the Arrange Tab set the Float to Left.
- Add another Layout Container next to the previously added one.
- Select Length as 'Page Width'.
- Set the Width '50%', and the Height '600px'.
- Add a 'Text' Control.
- Remove Padding.
- Press the 'HTML Source' and add the HTML content.
- Insert a 'Button'.
- Set 'Padding' for a Container.
- Select the 'Raleway' font for Headings.
- Edit the Heading 1: Size - 72px, Weight - 100, Line Height - 1.
- Edit the Heading 5. Size - 16px, Weight - 700, Line Height - 1, Letter Spacing - 1px, Before - 1em, After - 1em.
- Change the Width and the Padding of the Container with Text.
- Change the Button Styles.
- Modify Padding and Font styles for Responsive Modes.