Main Content
This is your main content area. You can write whatever you want here! Some tips to keep in mind:
- The page will expand/contract depending on the browser window's size
- Surround paragraphs of text in the <p> and </p> tags
- Use unordered lists to create a list of items such as this one (ex: <ul><li>text</li></ul>)
- An unordered list is also used in the navagation to the right
- To float a 50x50 icon to the left of a paragraph, specify class="smallfloat" in the img tag (see below for example)
- If the paragraph of text is not long enough to wrap, add a clearing break to achieve the proper look (ex: <br class="clearboth"/> )
- A link looks like this: google. Visited links will italize except in the menu.
- Check the commenting in index.html and serenitystyle.css for more help & information.
An example of the icon float next to a paragraph of text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean nibh. Aliquam vehicula suscipit mi. Curabitur vestibulum porttitor ante. Nulla sit amet eros. Morbi dictum pulvinar diam. Integer sodales. Ut id lectus. Vivamus sodales, massa a rhoncus egestas, ante sapien lacinia purus, ut viverra urna turpis et orci. Pellentesque lobortis gravida neque. Proin rutrum dui sed dolor molestie posuere. Phasellus molestie tempus massa. Mauris aliquam. Morbi sit amet neque in nisl venenatis vestibulum.
Terms of Use
- This is linkware: Keep the link back to me on this page.
- You are not required to keep the link back to patterns, but it is recommended.
- Don't alter the CSS. If you do, please modify the credit to read something like: "layout modified from roses-thorns.com"
- Full terms here
Another Heading
More text. Nam faucibus, odio nec posuere feugiat, ligula metus suscipit dui, id molestie lacus lacus vitae turpis. Cras nisl erat, ullamcorper vel, ornare sit amet, aliquam consectetuer, risus. Morbi eget nulla. Nulla commodo neque id odio. Aliquam et quam. Phasellus consectetuer ante vitae dolor. Ut et erat vel elit scelerisque venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus scelerisque auctor odio. Morbi eget leo quis mauris varius consequat. Cras fringilla, augue a bibendum ornare, mauris orci dignissim justo, ac aliquet ante risus sed velit.