1. Hero Banner
- Use the style settings to align text to the top, center, middle, left, right, etc.
- Edit text style as needed.
- Keep or remove subheading as needed.
- Set the background to either a video, image, or gif.
Default Subheading
This is my Default Heading
By Writer Name
2. Forward Heading Banner
- Should be used before the Hero Banner for all Forward Magazine Snowfalls.
- Edit text style as needed.
- Keep or remove subheading as needed.
- Change background as needed. Options include color, image, gif, or video.
Default Subheading
This is my Default Heading
Feature
by Writer Name 
Photos by Photographer Name
Photos by Photographer Name 3. Intro - Red Window
- Edit text style as needed.
- Change background color as needed.
Ibus dolut il eius rrem que vel emque volorem que vel ma volor auda voluptu warbalm pudi sunturem wue vel cupoli. Sed ut perspiciatis unde omnis iste totam rem uae ab illo inventore veritatis et quasi aperiam.
4. Intro - White Window
- Edit text style as needed.
- Change background color as needed.
Ibus dolut il eius rrem que vel emque volorem que vel ma volor auda voluptu warbalm pudi sunturem wue vel cupoli. Sed ut perspiciatis unde omnis iste totam rem uae ab illo inventore veritatis et quasi aperiam.
5. Media Background
- Use the style settings to align text to the top, center, middle, left, right, etc.
- Edit text style as needed.
- Set the background to either a video, image or gif.
“Ibus dolut il eius rrem que vel emque volorem que vel ma volor auda voluptu warbalm pudi sunturem wue vel cupoli.”
— Name Here
6. Media Background - Gradient Bottom
- Use gradient bottom to blend the following section of the same background color to this media background.
- Use the style settings to align text to the top, center, middle, left, right, etc.
- Edit text style as needed.
- Set the background to either a video, image or gif.
- Change the color of the gradient as needed.
“Ibus dolut il eius rrem que vel emque volorem que vel ma volor auda voluptu warbalm pudi sunturem wue vel cupoli.”
— Name Here
7. Media Background - Gradient Top
- Use gradient top to blend the previous section of the same background color to this media background.
- Use the style settings to align text to the top, center, middle, left, right, etc.
- Edit text style as needed.
- Set the background to either a video, image or gif.
- Change the color of the gradient as needed.
“Ibus dolut il eius rrem que vel emque volorem que vel ma volor auda voluptu warbalm pudi sunturem wue vel cupoli.”
— Name Here
8. Paragraph - Drop Cap
- Each article should start with a drop cap in the first paragraph of the body copy. It should only be used once per article.
- Do NOT edit the body paragraph style unless approved by art director.
- To edit the color of the drop cap, click on the paragraph widget > Visual Tab > Toolbar Toggle > Text Color.
L orem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
9. Paragraph - Standard
- Do NOT edit the the body paragraph style unless approved by art director.
- Edit the subhead style as needed.
- Remove subhead as needed.
This is my subhead
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
10. Quotes - Inviting
- ONLY PASTE text between the quotation marks (Do not copy and paste quotation marks from elsewhere because there is a risk of overwriting styles.) Make sure all quotation marks use the Bagatela font.
Drag and drop quotes by selecting the container inside of the dotted lines.
“
Ibus dolut il eius rem que vel emque volorem que vel ma volor auda voluptu warbalm udi sunturem wue vel cupoli.”
Name Here
“
Ibus dolut il eius rem que vel emque volorem que vel ma volor auda voluptu warbalm udi sunturem wue vel cupoli.”
Name Here
“
Ibus dolut il eius rem que vel emque volorem que vel ma volor auda voluptu warbalm udi sunturem wue vel cupoli.”
Name Here
11. Quotes - Intellectual
- ONLY PASTE text between the quotation marks (Do not copy and paste quotation marks from elsewhere because there is a risk of overwriting styles.) Make sure all quotation marks use the Bagatelle font.
- Drag and drop quotes by selecting the container inside of the dotted lines.
- To edit the highlighted quote, click into the widget editor > Text Tab. Make sure the text you want to highlight looks like the following:
- <span style=”background-color: #F5EDDA;”>put highlighted text here</span>
“Ibus dolut il eius rrem que vel emque volorem que vel ma volor.”
— Name Here
“Ibus dolut il eius rrem que vel emque volorem que vel ma volor.”
— Name Here
“Ibus dolut il eius rrem que vel emque volorem. que vel ma volor.”
— Name Here
“Ibus dolut il eius rrem que vel emque volorem que vel ma volor.
— Name Here
“Lorem ipsum alpha omega Hitas sint, copt es esecae eat Hitas sint, cus ut e ipsum alpha ipsue.”
— Name Here
“Lorem ipsum alpha omega Hitas sint, copt es esecae eat Hitas sint, cus ute ipsum alpha.”
— Name Here
12. Quotes - Inspiring
- ONLY PASTE text between the quotation marks (Do not copy and paste quotation marks from elsewhere because there is a risk of overwriting styles.) Make sure all quotation marks use the Bagatelle font.
Drag and drop quotes by selecting the container inside of the dotted lines.
“
Asit ped et tora onse rem se remair uciaonse remic uciani tem awo horm quiae.
— Name Here
“
“
Asit ped et, tora illeceae onse rem se remair copt es esecae uciaonse remic uciani tem awo horm quiae.
— Name Here
13. Quotes - Image
- Drag and drop quotes into another container as needed.
- Change image and font sizes as needed.
“Ibus dolut il eius rrem que vel emque volorem que vel ma volor auda voluptu pudi.”
— Name Here
“Ibus dolut il eius rrem que vel emque volorem que vel ma volor pudi.”
— Name Here
“Ibus dolut il eius rrem que vel emque volorem que vel ma volor pudi.”
— Name Here
14. Image
- All images should have captions.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus pulvinar dapibus leo.
15. Image Gallery
- Any image uploaded to the boxes below will take on the size of its conainer.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus pulvinar dapibus leo.
16. Video
- Videos can be embedded using the following platforms: YouTube, Vimeo, Dailymotion, VideoPress, and self-hosted.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec pulvinar dapibus leo.
17. Sidebar Story Option A
- Feel free to drag other widgets into the two-column layout as needed.
- Edit font, colors, styles, etc. as needed.
- Use best practice; don’t overcrowd content so that the height of this widget exceeds the height of the viewer’s screen.
Add Your Heading Text Here However Wide It May Be
By Writer Name
Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
“Ibus dolut il eius rrem que vel emque volorem que vel ma volor auda voluptu warbalm Pudi.”
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
18. Sidebar Story Option B
- Edit font, colors, styles, etc. as needed.
Add Your Heading Text Here However Wide it May Be
By Writer Name
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
19. Accent Row
- To ensure the background pattern will transition seamlessly across all screen widths, it is best to use either a texture background or a tessellation pattern here.
20. Accent Row - Forward
- What makes the Accent Row for Forward Magazine different is the white border on the top and bottom of this widget.
- To ensure the background pattern will transition seamlessly across all screen widths, it is best to use either a texture background or a tessellation pattern here.
21. Credits
- Remove and add titles as needed.
Story by [Writer Name]
Photography by [photographer Name]
Design by [Designer Name and Designer Name]
Videography by [Videographer name]
22. Previous/Next Stories
- Make sure to decide which previous and next stories will go in this section and relink the stories accordingly.
- This section is set against a gray background to show that the widget below is defaulted to white.
