Section Layout

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=""

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"

Pill

data-mrf-layout="newspaper/pill" 

Pill Fill Width

data-mrf-layout="newspaper/pill_fullWidth"

Photo

data-mrf-layout="photo/photo" 

Opinion

data-mrf-layout="newspaper/opinion" 

Thumb reverse

data-mrf-layout="newspaper/thumb_reverse"