# data[].attributes.body
https://wireframe.cc/nU0aUQ

# data[].attributes.body
https://wireframe.cc/fKrku7

# data[].attributes.headline
Hierarchy: How will these elements be displayed in positioning, labelling and size?

# data[].attributes.subject
Hierarchy: How will these elements be displayed in positioning, labelling and size?

# data[].attributes.body
first, about me and my resume. user can go to another page which is my portfolio.

# data[].attributes.headline
Functionality: How will these elements work together?

# data[].attributes.subject
Functionality: How will these elements work together?

# data[].attributes.body
in the menu, theres gonna be 2 button which is about and project. about page consist of my background, resume, and contact. for project page, will be my previous work and so on.

# data[].attributes.headline
Structure: How will the elements of this page be put together?

# data[].attributes.subject
Structure: How will the elements of this page be put together?

# data[].attributes.body
I will use big typography for divider to show diff section

# data[].attributes.headline
Behaviour: How does these elements interact with the user?

# data[].attributes.subject
Behaviour: How does these elements interact with the user?

# data[].attributes.body
the menu will be full list when user click on it.

# data[].attributes.headline
Content: What will exactly be displayed in this page? 

# data[].attributes.subject
Content: What will exactly be displayed in this page? 

# data[].attributes.body
fatinamirrah page will consist of my resume and portfolio. there will be some text and picture. I'm using a hamburger menu to minimise space when static and while scrolling.

# data[].attributes.body
https://wireframe.cc/iyPIq2

# data[].attributes.body
https://wireframe.cc/tL0MSP

# data[].attributes.headline
Behaviour: How does these elements interact with the user?

# data[].attributes.subject
Behaviour: How does these elements interact with the user?

# data[].attributes.body
when user hover to one section, the picture will fade out to show that it is clickable

# data[].attributes.headline
Functionality: How will these elements work together?

# data[].attributes.subject
Functionality: How will these elements work together?

# data[].attributes.body
the picture I'm using will indicate the section. and also tells that there is two section on the page.

# data[].attributes.headline
Hierarchy: How will these elements be displayed in positioning, labelling and size?

# data[].attributes.subject
Hierarchy: How will these elements be displayed in positioning, labelling and size?

# data[].attributes.body
the picture will be full screen size with button and title

# data[].attributes.headline
Structure: How will the elements of this page be put together?

# data[].attributes.subject
Structure: How will the elements of this page be put together?

# data[].attributes.body
I will use pictures to differentiate for both section

# data[].attributes.headline
Content: What will exactly be displayed in this page? 

# data[].attributes.subject
Content: What will exactly be displayed in this page? 

# data[].attributes.body
landing page will be two section, which is to know about me and the other one will be information about industrial that user can choose.