I have an unusual question.

I'm working on designs for the front page of a new site for a client, and I'm wondering if there's a way to create multiple versions of the home page within the same site.

I can create multiple pages using the same content, but I wouldn't be able to change certain items like the header, menus and footer to be different on each of these pages.

Does that make sense?

Hey Mark. I'm a developer and am not the developer of the Salient theme. However I can help you. If you take a look at my website: FiveAtoms.com

Notice the white header. Now go to my design page: FiveAtoms.com/design and see how it is black? I did this using the following code:

.page-id-6442 #header-outer {
    background-color: #000!Important;
    opacity: 0.85!Important;
    border: none;
}
.page-id-6442 .blue-label {
    color: #fff!Important;
}
.page-id-6442 .top-nav-itmes {
    color: #fff!Important;
        -o-transition:.35s;
  -ms-transition:.35s;
  -moz-transition:.35s;
  -webkit-transition:.35s;
}
.page-id-6442 .top-nav-itmes:hover {
    color: #666!Important;
}

(You can find the 'Page-id' in the editor URL of said page. See attached screenshot for more info.)

Also, for the menus thing, use the plugin 'Conditional menus'. As it allows for just that. I use it in my blog. So FiveAtoms.com/blog has the "Blog" link in the header, but normally it doesn't.

The footer can be applied using the code above. Like so:

.page-id-//// #footer-outer {
    background-color: #000!Important;
    opacity: 0.85!Important;
    border: none;
}


.page-id-//// .top-nav-itmes {
    color: #fff!Important;
        -o-transition:.35s;
  -ms-transition:.35s;
  -moz-transition:.35s;
  -webkit-transition:.35s;
}
.page-id-//// .top-nav-itmes:hover {
    color: #666!Important;
}

(The class ".top-nav-items" I applied to each individual menu item. See the other attached screenshot to see how I did so.)

If you want I could do all of this for you. Let me know:

[email protected]