Layout Catalog
Click to navigate:
3 Sizes, 5 Styles
Navigation Bar
Add a navigation bar to your iFOLIO's - complete with buttons, dropdown menus, and more!
26 available Media Layouts
All layouts can have customizable widths and image/color backgrounds
Layout 1
Desktop View: Right Text: 2/3, Left Graphic: 1/3.
Mobile View: Graphic on top followed by Header and body text.
Recommended Text Length: 75-200 Words
Media Recommendations:
- 600x400px Minimum Size
- Square or Portrait Orientation Suggested
Layout 2
Desktop View: Right Text: 2/3, Left Graphic: 1/3.
Mobile View: Graphic on top followed by Header and body text.
Recommended Text Length:
10-130 Words
Media Recommendations:
- Landscape Orientation (Will Automatically Crop to 4x3 Aspect Ratio)
Layout 3: Recommended Text Length: 10-75 Words
Desktop & Mobile View: Media block with an emphasis on the graphic.
Media Recommendations:
- Landscape Media Looks Best
- 16x9 Aspect Ratio or Wider
Layout 4
Desktop View: Media Gallery - displays 4 images at a time, but has the capability of holding 10 images to click through.
Mobile View: Header and body text followed by one image displaying at a time (navigate with arrows).
Recommended Text Length:
50-200 Words
Media Recommendations:
- 600x400px Minimum
- Landscape Media, Will Crop to 3x2 Aspect Ratio
Layout 5
Desktop & Mobile View: Media Gallery - displays one image at a time, but has the capability of holding 10 images to click through.
Recommended Text Length:
50-130 Words
Media Recommendations:
- 1920x800px Minimum
- Landscape Media (Will Crop to 16x9 Aspect Ratio)
Layout 6
Desktop View: displays text on top and a gallery with 2 rows of 3 images.
Mobile View: displays header, body text, then 6 images vertically.
Media Recommendations:
- 600x400px Minimum
- Landscape Media (Will Crop to 4x3 Aspect Ratio)
Layout 7
Desktop View: Right Text: 2/3, Left Graphic: 1/3.
Mobile View: Graphic on top followed by Header and body text.
Recommended Text Length: 50-150 Words
Media Recommendations:
- 1366x768px Minimum
- Landscape Media Suggested
Layout 8
Desktop & Mobile View: Media block with an emphasis on the graphic.
Recommended Text Length:
10-75 Words
Media Recommendations:
- 1920x800px Minimum
- Landscape Media Looks Best (16x9 Ratio or Wider)
Layout 9
Desktop View: Contains a singular text box and displays images in a collage - can display up to 15 images with various aspect ratios.
Mobile View: Text box followed by the amount of images uploaded, displayed sequentially
Media Recommendations:
- 600x400px Minimum
- Portrait, Landscape, or Square Aspect Ratios
- Layout Automatically Arranges to Fit Different Aspect Ratios
Layout 10
Desktop & Mobile View: 2 text boxes below the graphic
Recommended Text Length:
10-75 Words
Media Recommendations:
- 1920x800px Minimum
- Landscape Media Looks Best (16x9 Ratio or Wider)
Layout 11
Desktop View: Contains 2 text boxes and a media gallery displaying 4 images
Mobile View: 2 text boxes followed by 4 images, displayed sequentially
Media Recommendations:
- 600x400px Minimum
- Landscape Media (Will Crop to 4x3 Aspect Ratio)
Layout 12
Desktop View: Header text box followed by two columns, each containing a graphic followed by a header and body text
Mobile View: Header text box, then the left column, then the right column
Recommended Text Length:
10-75 Words Each
Media Recommendations:
- 600x400px Minimum
- Landscape Media Looks Best
Header 1
Text here
Header 2
Text here
Layout 13
Desktop View: One text box and a media gallery displaying 3 images in a collage format
Mobile View: Text box followed by 3 images, displayed sequentially
Media Recommendations:
- 600x400px Minimum
- Landscape Media (Automatically Crops to 4x3 Aspect Ratio)
Layout 14
Desktop & Mobile View: Text box over a custom parallax background that displays one image at a time, but has the capability of holding 6 images to click through
Recommended Text Length:
10-300 Words
Media Recommendations:
- 1920x800 Minimum
- Landscape Media Looks Best
- Do Not Recommend Images Where People Are the Main Focus
- Color Overlays & Abstract Images Work Well
Layout 15
Desktop View: Two-columned appearance with header text box over a custom parallax background that displays one image at a time, but has the capability of holding 6 images to click through
Mobile View: Header text box, then the left column, then the right column all over a custom parallax background
Recommended Text Length: 10-150 Words Each
Media Recommendations:
- 1920x800 Minimum
- Landscape Media Looks Best
- Do Not Recommend Images Where People Are the Main Focus
- Color Overlays & Abstract Images Work Well
Text Column 1
Text Column 2
Layout 16
Desktop View: Two text boxes: Right 1/3, 4 image media gallery: Left 2/3
Mobile View: 4 images displayed sequentially followed by a header and body text box
Recommended Text Length: 50-250 Words
Media Recommendations:
- 600x400px Minimum
- Landscape Media in Top Left and Bottom Right
- Square Media in Bottom Left and Top Right
Layout 17
Desktop View: Two text boxes: Left 1/3, 3 image media gallery: Right 2/3
Mobile View: Header and body text boxes followed by 3 images displayed sequentially
Recommended Text Length: 50-250 Words
Media Recommendations:
- Top Slot: 1366x768px Minimum
- Bottom Slots: 600x400px Minimum
- Landscape Media, or Square on Bottom Slots
Layout 18
Desktop View: Three-columned appearance with circular graphics and accompanying text boxes. Displays 3 at a time, but has the capability of holding 10 images to click through
Mobile View: Singular text box followed by one image & description, can navigate through all 10 images/descriptions by clicking the arrows
Recommended Text Length: 10-75 Words Each
Media Recommendations:
- 600x600px Recommended
- Square Images or Icons (Will Be Cropped to a Circle Shape)
Text here
Text here
Text here
Text Here
Layout 19
Desktop View: Header text and body text boxes followed by a two-columned appearance. Each "column" has an image and two text boxes - header and paragraph
Mobile View: Header text and body text boxes, then the left column (image + header + text), then the right column (image + header + text)
Recommended Text Length: 10-150 Words Each
Media Recommendations:
- 600x400px Minimum
- Landscape Media Looks Best
Header 1
Text here
Header 2
Text here
Layout 20
Desktop & Mobile View: Two text box block - very helpful for HTML embeds
Recommended Text Length: 10-300 Words
Layout 21 - Column 1
Flipping Pane with Icon
Mobile View: Displays First
Media Recommendations:
- 600x400px Minimum
- Square or Portrait Images Work Well
- Icons or Square Graphics for Avatar Image
Text here
Layout 21 - Column 2
Flipping Pane with Icon
Mobile View: Displays Second
Media Recommendation:
- 600x400px Minimum
- Square or Portrait Images Work Well
- Icons or Square Graphics for Avatar Image
Text here
Layout 22 - Column 1
Flipping Pane with Icon
Mobile View: Displays First
Media Recommendations:
- 600x400px Minimum
- Square or Portrait Images for Background
- Square Icons for Avatar Image
Text here
Layout 22 - Column 2
Flipping Pane with Icon
Mobile View: Displays Second
Media Recommendations:
- 600x400px Minimum
- Square or Portrait Images for Background
- Square Icons for Avatar Image
Text here
Layout 22 - Column 3
Flipping Pane with Icon
Mobile View: Displays Third
Media Recommendations:
- 600x400px Minimum
- Square or Portrait Images for Background
- Square Icons for Avatar Image
Text here
Layout 23
Desktop View: Left Text: 2/3, Right Graphic: 1/3
Mobile View: Header and body text followed by graphic
Recommended Text Length: 75-200 Words
Media Recommendations:
- 600x400px Minimum
- Square or Portrait Media Suggested
Layout 24
Desktop View: Left Text: 1/3, Right Graphic: 2/3
Mobile View: Header and body text boxes followed by graphic
Recommended Text Length: 50-150 Words
Media Recommendations:
- 1366x768px Minimum
- Landscape Media Suggested
Layout 25
Desktop View: Two text boxes: Left 1/3, 4 image media gallery: Right 2/3
Mobile View: Header and body text boxes followed by 4 images, displayed sequentially
Recommended Text Length: 50-250 Words
Media Recommendations:
- 600x400px Minimum
- Landscape Media in Top Left and Bottom Right Slots
- Square Media in Bottom Left and Top Right Slots
Layout 26
Desktop View: 3 Image Layout Left 2/3, Text Right 1/3
Mobile View: 3 images displayed sequentially followed by text
Recommended Text Length: 50-250 Words
Media Recommendations:
- Top Slot: 1366x768px Minimum
- Bottom Slots: 600x400px Minimum
- Landscape Media, or Square on Bottom Slots
Layout 27 - Column 1
Mobile View: Displays First
Media Recommendations:
- 600x400px Minimum
- Landscape images work best
Layout 27 - Column 2
Mobile View: Displays Second
Media Recommendations:
- 600x400px Minimum
- Landscape images work best
Layout 27 - Column 3
Mobile View: Displays Third
Media Recommendations:
- 600x400px Minimum
- Landscape images work best
Layout 28
Desktop View: Takes up full width. 48px Padding around text.
Mobile View: Takes up full width. Copy appears first, then image.
Media Recommendations:
- 600x400px Minimum
- Landscape images work best
Layout 29
Desktop View: Takes up full width. 48px Padding around text.
Mobile View: Takes up full width. Image appears first, then copy.
Media Recommendations:
- 600x400px Minimum
- Landscape images work best
Layout 30
Desktop View: Takes up full width. 48px Padding around text.
Mobile View: Takes up full width. Image appears first, then copy.
Media Recommendations:
- 600x400px Minimum
- Landscape images work best
Layout 31 - Headline
Body Copy Section
Desktop View: Takes up full width. Headline to the left, body copy to the right.
Mobile View: Takes up full width. Headline appears first, above the body copy.
Media Recommendations:
- 711x400px Minimum
- Landscape images work best
Layout 32
Column 1 Header
Mobile View: Takes up full width. Image appears first, then copy.
Media Recommendations:
- 600x400px Minimum
- Landscape images work best
Column 2 Header
Mobile View: Takes up full width. Image appears first, then copy.
Media Recommendations:
- 600x400px Minimum
- Landscape images work best
Column 3 Header
Mobile View: Takes up full width. Image appears first, then copy.
Media Recommendations:
- 600x400px Minimum
- Landscape images work best
Column 4 Header
Mobile View: Takes up full width. Image appears first, then copy.
Media Recommendations:
- 600x400px Minimum
- Landscape images work best
Layout 33 - Header
Body Copy Section
Desktop View: Takes up full width. Headline to the left, body copy to the right with a background image.
Mobile View: Takes up full width. Headline appears first, above the body copy with a background image.
Media Recommendations:
- 1200x800 Minimum
- Landscape images work best
Layout 34 - Column 1
Desktop View: Takes up full width, with each column taking up equal space. Background zooms in slightly and words are underlined on hover.
Mobile View: Each section stack on top of each other, taking up the same space.
Media Recommendations:
- 600x400px Minimum
- Square or Portrait Images for Background
Layout 34 - Column 2
Desktop View: Takes up full width, with each column taking up equal space. Background zooms in slightly and words are underlined on hover.
Mobile View: Each section stack on top of each other, taking up the same space.
Media Recommendations:
- 600x400px Minimum
- Square or Portrait Images for Background
Layout 34 - Column 3
Desktop View: Takes up full width, with each column taking up equal space. Background zooms in slightly and words are underlined on hover.
Mobile View: Each section stack on top of each other, taking up the same space.
Media Recommendations:
- 600x400px Minimum
- Square or Portrait Images for Background
Layout 34 - Column 4
Desktop View: Takes up full width, with each column taking up equal space. Background zooms in slightly and words are underlined on hover.
Mobile View: Each section stack on top of each other, taking up the same space.
Media Recommendations:
- 600x400px Minimum
- Square or Portrait Images for Background
Layout 35 - 1
Individual section that comes with pre-built spot for buttons that animate on hover.
Layout 35 - 2
Individual section that comes with pre-built spot for buttons that animate on hover.
Layout 35 - 3
Individual section that comes with pre-built spot for buttons that animate on hover.
Layout 35 - 4
Individual section that comes with pre-built spot for buttons that animate on hover.
Layout 36 - Footer
Has a section for a logo image, and 3 text blocks to match common footer layouts across the web.
On mobile, sections stack on top of each other from left to right
Legal | Security | News | Products
Layout 37 - Drop Downs
Desktop: Appear in 2 columns.
Mobile: All stack on top of each other in a single column.
Enter your question here
Fill in this text box with your desired content for your dropdown. Adding a brief description below can provide additional context or excitement for your audience.
Enter your question here
Fill in this text box with your desired content for your dropdown. Adding a brief description below can provide additional context or excitement for your audience.
Enter your question here
Fill in this text box with your desired content for your dropdown. Adding a brief description below can provide additional context or excitement for your audience.
Enter your question here
Fill in this text box with your desired content for your dropdown. Adding a brief description below can provide additional context or excitement for your audience.
Enter your question here
Fill in this text box with your desired content for your dropdown. Adding a brief description below can provide additional context or excitement for your audience.
Enter your question here
Fill in this text box with your desired content for your dropdown. Adding a brief description below can provide additional context or excitement for your audience.
Enter your question here
Fill in this text box with your desired content for your dropdown. Adding a brief description below can provide additional context or excitement for your audience.
Enter your question here
Fill in this text box with your desired content for your dropdown. Adding a brief description below can provide additional context or excitement for your audience.
Enter your question here
Fill in this text box with your desired content for your dropdown. Adding a brief description below can provide additional context or excitement for your audience.
Enter your question here
Fill in this text box with your desired content for your dropdown. Adding a brief description below can provide additional context or excitement for your audience.
Enter your question here
Fill in this text box with your desired content for your dropdown. Adding a brief description below can provide additional context or excitement for your audience.
Enter your question here
Fill in this text box with your desired content for your dropdown. Adding a brief description below can provide additional context or excitement for your audience.
Summary Block
Desktop & Mobile View: Profile image followed by header and body text boxes
Media Recommendations:
- 600x600px Recommended
- Use Square Graphic (Automatically Cropped into Circle)
Contact Block
Desktop View: Two text boxes: Right 2/3, Singular logo graphic: Left 1/3
Mobile View: Graphic followed by header and body text boxes
Media Recommendations:
- 600x400px Minimum
- Square or Portrait Media Suggested
Name
Company
Position
Phone Number: 470-223-4818
Email: info@ifoliocorp.com
9 available Chart Layouts
All layouts can have customizable widths and image/color backgrounds
Layout 1
Desktop View: Right Text: 2/3, Left Animated Chart: 1/3
Mobile View: Chart followed by header and body text boxes
Recommended Text Length: 75-200 Words
Layout 2
Desktop & Mobile View: Chart block with header text box, body text box, and center chart
Recommended Text Length: 10-75 Words
Layout 3
Desktop View: Right Text: 1/3, Left Animated Chart: 2/3
Mobile View: Chart followed by header and body text blocks
Recommended Text Length: 50-150 Words
Layout 4
Desktop & Mobile View: Chart block with header text box, body text box, and chart
Recommended Text Length: 10-75 Words
Layout 5
Desktop & Mobile View: Chart block with header text box and body text box at the bottom with a chart at the top
Recommended Text Length: 10-75 Words
Layout 6
Desktop View: Singular text box followed by two-columned appearance. Each "column" has an chart and two text boxes - header and paragraph
Mobile View: Text box followed by left column (graph, header, body text) followed by right column (graph, header, body text)
Recommended Text Length: 10-75 Words Each
Header 1
Text here
Header 2
Text here
Layout 7
Desktop View: Header text box and body text box followed by two-column layout of charts, headers, and body text boxes
Mobile View: Header and body text box followed by left column (graph, header, body text) followed by right column (graph, header, body text)
Recommended Text Length: 10-150 Words Each
Header 1
Text here
Header 2
Text here
Layout 8
Desktop View: Left Text: 1/3, Right Animated Chart: 2/3
Mobile View: Header and body text boxes followed by chart
Recommended Text Length: 50-150 Words
Layout 9
Desktop View: Left Text: 2/3, Right Animated Chart: 1/3
Mobile View: Header and body text boxes followed by chart
Recommended Text Length: 75-200 Words
4 available Icon Layouts
All layouts can have customizable widths and image/color backgrounds
Media Recommendations:
- Use Icon Builder or Upload Square Graphics
- 460x360px Minimum
-Can Use Animated GIFs
Layout 1
Desktop View: Header text box followed by three-column icon and text layout where icons can be static or animated GIFs
Mobile View: Text box followed by each icon and text box, showing sequentially
Recommended Text Length: 10-75 Words Each
Icon 1
Icon 2
Icon 3
Layout 2
Desktop View: Header text box followed by two-column & two-row icon and text layout where icons can be static or animated GIFs
Mobile View: Header text box followed by each of the 4 icons/descriptions sequentially
Recommended Text Length: 10-75 Words Each
Icon 1
Icon 2
Icon 3
Icon 4
Layout 3
Desktop View: Two text boxes: Left 1/2, Two-column & Two-row icon and text layout where icons can be static or animated GIFs: Right 1/2
Mobile View: Header and body text boxes followed by 4 icons/descriptions shown sequentially
Recommended Text Length: 50-200 Words, 10-50 Words for Each Icon
Icon 1
Icon 2
Icon 3
Icon 4