Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <HTML>
- <BODY>
- <STYLE>
- #big_wrapper {
- background-color: #444444;
- position: fixed;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- }
- #body {
- margin: 25px 10px;
- color: #444444;
- }
- #closing, #greeting {
- font-size: 24px;
- font-color: black;
- }
- #date {
- position: absolute;
- top: 25px;
- right: 50px;
- }
- #footer {
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- height: 100px;
- margin: 0 50px;
- padding: 25px 0;
- box-sizing: border-box;
- border-top: 2px solid #181712;
- }
- #name_img {
- position: relative;
- top: -25px;
- height: 100px;
- float: right;
- }
- #wrapper {
- font-size: 18px;
- font-family: verdana;
- min-width: 500px;
- max-width: calc(100% - 100px);
- min-height: 300px;
- margin: 50px auto;
- position: relative;
- box-sizing: border-box;
- padding: 50px 50px 125px 50px;
- background-color: #FFFFFF;
- border-radius: 5px;
- color: #181712;
- }
- </STYLE>
- <DIV id="big_wrapper">
- <DIV id="wrapper">
- <DIV id="date">July 12<SUP>th</SUP>, 2015</DIV>
- <DIV id="greeting">Hello Jon,</DIV>
- <DIV id="body">
- <P>This is a sample body paragraph.</P>
- <P>This is another sample body paragraph.</P>
- <P>This is yet another sample body paragraph.</P>
- <P>This is also a sample body paragraph.</P>
- <P>This is a simple body paragraph.</P>
- <P>This is a sample body paragraph.</P>
- </DIV>
- <DIV id="closing">~jon</DIV>
- <DIV id="footer">
- <IMG src="http://gdurl.com/0LTi" id="name_img" moz-do-not-send="true" />
- <!-- moz-do-not-send courtesy of https://support.mozilla.org/en-US/questions/1030353 -->
- Jonathan Lam<BR />
- JBHS Sophomore
- </DIV>
- </DIV>
- </DIV>
- </BODY>
- </HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement