Category: Blog Post

This stunning one-pager Flex based template has everything you need to set up a professional, intriguing musician website, with anchor text links connecting the site’s navigation to the page’s various sections: 

1. Bio
2. Albums
3. New video
4. Live dates
5. Band images + instagram link
6. Newsletter signup
7. PR & management contacts

Special components included in this template:

How to reproduce the music albums section (with playable tracks)

1. Add an empty Flex section.
2. Set the top and bottom padding to 120px.
3. To design this section, go to the widgets section on the left panel and add an image to the section’s background. Add a black overlay, and set its opacity to 50%.
4. Set the image position to static.

In column 1 

• Add a spacer widget.

In column 2

• Add a text widget.
• Add an image widget and adjust the size to keep proportion.
• Add an audio widget, and then add the song links.
• Go to the audio widget’s design panel, and select the second layout. Enable the dark background and then stretch it horizontally.

Duplicate column 2 

• Set its top padding to 200px. Next, change the text, images and audio links.

Adjusting for mobile

Switch your editor mode to mobile view and tweak the design: 

1. Set the row’s top and bottom padding to 50px.
2. Hide the top column on mobile.
3. On the bottom column, set the top margin to 50px.