Advertisement
nayahelper

bio page: 450px.

Jul 21st, 2015
258
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.33 KB | None | 0 0
  1. <div style="background: #eeeeee; font-size: 22px; font-weight: bold; font-style: italic; text-align: center; text-transform: uppercase; width: 390px; padding: 30px; height: 20px; color: #000000; text-shadow: 1px 1px 1px #d3d3d3;">name or lyrics<br />
  2. <div style="font-size: 8px; font-style: normal;">information about character or lyrics</div>
  3. </div>
  4. <div style="width: 410px; height: 100px; padding: 10px; background: #fff; margin-top: -10px; border: 10px solid #eeeeee; text-align: center;">
  5. <div style="margin-top: 20px;"><img src="image url" style="width: 60px; margin-right: 5px; border-radius: 100px;" /><img src="image url" style="width: 60px; margin-right: 5px; border-radius: 100px;" /><img src="image url" style="width: 60px; border-radius: 100px;" /></div>
  6. </div>
  7. <div style="width: 245px; height: 134px; padding-top: 7px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; border: 1px solid #eeeeee; margin-top: 0px; overflow: auto; text-align: justify; float: left; background: #ffffff; text-shadow: 1px 1px 1px #d3d3d3;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dignissim pharetra egestas. Praesent auctor aliquam enim a consectetur. Donec vitae ultricies est. Nunc fringilla nec metus quis iaculis. Sed odio ligula, tempor ac turpis sed, elementum tempor eros. Fusce eleifend mi ac turpis accumsan tincidunt. Vivamus nec cursus leo, vitae commodo sem. Pellentesque pellentesque, lorem vehicula faucibus luctus, diam enim sodales tortor, quis aliquam elit felis in odio.In scelerisque ullamcorper massa vitae sodales. Nulla mollis, magna nec vehicula venenatis, turpis urna posuere turpis, quis fermentum felis libero id urna. Morbi in justo tincidunt, gravida est id, sollicitudin mauris. Vivamus fringilla, massa eget ullamcorper molestie, erat quam ultrices massa, vitae venenatis dolor lorem ac eros. Nullam nec arcu sit amet risus commodo finibus vestibulum vel eros. Phasellus sed urna porta, finibus ipsum in, placerat dolor. Morbi porta ante ac turpis mollis, nec tempus urna hendrerit. Duis lacus urna, sodales et aliquam ut, hendrerit id purus. Ut varius, lectus ut hendrerit faucibus, nibh neque aliquet diam, id laoreet lacus massa vel lacus. Quisque fermentum hendrerit dictum. Fusce suscipit risus quis nisi pretium sodales quis a risus.<br /><br /> Donec eleifend sem et ullamcorper feugiat. Morbi efficitur congue dui eget ornare. Nullam eu felis ut metus dictum ornare. Vivamus et congue sapien. In ac eros sit amet erat rhoncus porta ac quis neque. Praesent fringilla tristique massa. Suspendisse ex libero, eleifend sed purus quis, fermentum iaculis velit. Mauris et dignissim sem, vel elementum urna.<br /><br /> Nulla in vestibulum ligula, nec convallis turpis. Etiam egestas, mauris eget eleifend imperdiet, nibh elit feugiat felis, non scelerisque ex nibh a ligula. Duis facilisis turpis arcu, et tincidunt orci tempor id. Phasellus dolor sapien, consectetur vel sodales sed, gravida eget ligula. Suspendisse felis augue, sollicitudin in est sed, viverra tincidunt risus. Aliquam eleifend interdum quam, sed euismod mauris. Integer accumsan vestibulum quam. Donec aliquet vitae neque eget imperdiet. Nullam dapibus augue eget pretium ullamcorper. Curabitur nulla turpis, consectetur in rutrum ac, sagittis in urna.<br /><br /> Integer pellentesque fringilla dolor, et convallis enim sodales sit amet. Vestibulum est quam, sollicitudin in dictum a, dignissim eu justo. Aliquam id orci et diam consectetur pharetra in in neque. Nulla orci ipsum, finibus sagittis arcu quis, congue rutrum tortor. Praesent rutrum justo sed feugiat pellentesque. Pellentesque id pellentesque arcu, nec blandit leo. Sed rhoncus bibendum diam, sed consectetur nisi efficitur sit amet. Donec volutpat lorem ut lectus rhoncus, ac bibendum leo pulvinar. Proin ullamcorper euismod mauris, eu eleifend risus tempor vitae. Nunc volutpat id risus sed gravida. Maecenas mattis lacinia mauris in tempor. Duis mollis imperdiet neque, in egestas est condimentum ut.</div>
  8. <div style="background: #ffffff; border: 1px solid #eeeeee; width: 182px; height: 151px; margin-top: 0px; overflow: hidden; float: right; margin-left: -1px; font-style: italic; text-transform: uppercase; text-align: right; font-size: 8px; line-height: 16px; letter-spacing: 1px; text-shadow: 1px 1px 1px #d3d3d3;"><a href="/" style="display: inline-block; background: #eeeeee; padding: 4px; margin: 1px; width: 172px; margin-bottom: 0px;">link one</a> <a href="/" style="display: inline-block; background: #eeeeee; padding: 4px; margin: 1px; width: 172px; margin-bottom: 0px;">link two</a> <a href="/" style="display: inline-block; background: #eeeeee; padding: 4px; margin: 1px; width: 172px; margin-bottom: 0px;">link three</a> <a href="/" style="display: inline-block; background: #eeeeee; padding: 4px; margin: 1px; width: 172px; margin-bottom: 0px;">link four</a> <a href="/" style="display: inline-block; background: #eeeeee; padding: 4px; margin: 1px; width: 172px; margin-bottom: 0px;">link five</a> <a href="/" style="display: inline-block; background: #eeeeee; padding: 4px; margin: 1px; width: 172px; margin-bottom: 0px;">link six</a></div>
  9. <div style="margin-top: 153px; background: #eeeeee; font-size: 8px; font-weight: bold; font-style: normal; text-align: center; text-transform: uppercase; width: 420px; padding: 15px; color: #000000; text-shadow: 1px 1px 1px #d3d3d3;">lyrics or whatever you want to put can go here</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement