Advertisement
ndburrus

Link to External Pages with Anchor Elements @MistaRace

Aug 29th, 2016
173
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.14 KB | None | 0 0
  1. // @MistaRace
  2. // Link to External Pages with Anchor Elements
  3.  
  4.  
  5. <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
  6. <style>
  7. .red-text {
  8. color: red;
  9. }
  10.  
  11. h2 {
  12. font-family: Lobster, Monospace;
  13. }
  14.  
  15. p {
  16. font-size: 16px;
  17. font-family: Monospace;
  18. }
  19.  
  20. .thick-green-border {
  21. border-color: green;
  22. border-width: 10px;
  23. border-style: solid;
  24. border-radius: 50%;
  25. }
  26.  
  27. .smaller-image {
  28. width: 100px;
  29. }
  30. </style>
  31.  
  32. <h2 class="red-text">CatPhotoApp</h2>
  33.  
  34. // this goes before the ast p element - <p> View more cat photos <a href="http://www.freecatphotoapp.com">cat photos</a> </p>
  35. // remove space before "cat photos" & in between "</a> </p>"
  36.  
  37. <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
  38. <p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  39. <p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement