Advertisement
grrxxargh

biography #2

Jul 2nd, 2020 (edited)
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.50 KB | None | 0 0
  1. ***This bio has been created with 435px boxes in mind. If your boxes are bigger you might need to adjust the margins***
  2.  
  3. For this coding, you will need an image that is 435x400. I have used the font 'Bangers' for the quote; however, you are free to change it to whatever you like. If you do change the font, you made need to make some alterations to the following in the second div style:
  4. font-family
  5. font-size
  6. letter-spacing
  7. line-height
  8.  
  9. The color for the quote is currently #45403C, feel free to change it to match the coloring of your theme.
  10.  
  11. The biography text is currently arial in 9px with a 12px line-height. The color is set to #444444. Again feel free to change it to match the text and coloring of your theme.
  12.  
  13. ///ABOUT ME///
  14.  
  15. <link href="https://fonts.googleapis.com/css2?family=Bangers&display=swap" rel="stylesheet">
  16.  
  17. ///LIKE TO MEET///
  18. <div style="width: 435px; height: 400px; background-image: url('URL TO IMAGE HERE');"><div style="width: 405px; height: 25px; background-color: #000; position: relative; top: 155px; margin-left: 15px; color: #45403C; font-family: 'Bangers', cursive; font-size: 15px; text-align: center; letter-spacing: 1px; line-height: 30px;">But in all chaos, there is calculation</div>
  19.  
  20. <div style="width: 399px; height: 200px; background-color: #000000; position: relative; top: 155px; margin-left: 15px; overflow: auto; font-family: arial; font-size: 9px; line-height: 12px; color: #444444; padding: 0px 3px 3px 3px; text-align: justify;">YOUR BIO TEXT GOES HERE</div>
  21. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement