How can I divide product information into sections in the Dawn theme?

[skymochi]

Hello! Is there a way to create the following reference in Dawn? Where the Production Information can be divided into sections? I have attached the website here for reference to see the UI/UX: https://coucouintimates.com/

Currently I am using the Dawn Theme, so I can’t seem to see a function like this.

GOAL:

1. Create divided tabs such as the reference.

2. Full Split Screen where Product Image takes FullScreen - Half Width.

[websensepro]

hy , @skymochi

follow the steps

past this code in her

  
  
  

  ### Content for Tab 1
  

This is the content of tab 1.

  ### Content for Tab 2
  

This is the content of tab 2.

  ### Content for Tab 3
  

This is the content of tab 3.

then go to

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag.

if you want full design like you want message me in private

if you get any help to my solution like and mark thank you

[skymochi]

Hi! I got the tabs to appear thank you. How do I change the font and create transparency?

[websensepro]

change this text #f1f1f1 to none

.tablinks{
font-family:"what font you like"

}

add in her in under the style stage