Marfeel offers numerous section layouts to promote a publisher's unique brand identity and deliver an organic and elegant user experience. 

Most importantly, Marfeel partners can autonomously define the section layout of their Marfeel version by inserting the following markup in the HTML Element that contains the article. A corresponding data-attribute must also be included that defines the specific layout.

data-mrf-layout=""
CODE

The markup must also be inserted in the publisher's HTML for each article. 

A publisher can choose any of the following available layouts:

Thumb

data-mrf-layout="newspaper/thumb"
CODE

Pill

data-mrf-layout="newspaper/pill"
CODE

Pill Fill Width

data-mrf-layout="newspaper/pill_fullWidth"
CODE

Photo

data-mrf-layout="photo/photo"
CODE

Opinion

data-mrf-layout="newspaper/opinion"
CODE

Thumb reverse

data-mrf-layout="newspaper/thumb_reverse"
CODE