How to make different pages on DLE?

Imagine that you have the page design.

- home page
- the rest of the pages

The only difference is in the header.
1) On the homepage, the header for example with a height of 300px with one background color, logo,search form, profile.
2) On the other pages the header for example with a height of 100px with a different background, logo, etc on the spot.

How to make it work correctly? To change only the header?

While I had the idea with the tag: available main. Is there anywhere else?
July 2nd 19 at 17:44
1 answer
July 2nd 19 at 17:46
While I had the idea with the tag: available main. Is there anywhere else?

The most normal idea why it was invented.
Depending on page change priobretesh just classes.

<header class="header[available=" main"] header-main[ available]">header</header>
<style>
.header { height: 100px; }
.header--main { height: 300px; }
</style>

Oh, long time I with DLE were not working, miss you already)))

Find more questions by tags DLECMSCSSHTML