Advertisement
ndburrus

Turn an Image into a Link @martinronquillo

Aug 9th, 2016
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.30 KB | None | 0 0
  1. // Turn an Image into a Link
  2. // @martinronquillo
  3.  
  4. <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
  5.  
  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.  
  31. </style>
  32.  
  33. <h2 class="red-text">CatPhotoApp</h2>
  34.  
  35. <p>Click here for <a href="#">**need "cat photos" here**<img **need classes (2) here** src=** should be relaxing cat?**"https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. ">** remove cat photos, here** cat photos</a>.</p>
  36.  
  37. // ** remove this line **<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A
  38. // ** remove this line ** cute orange cat lying on its back. ">
  39.  
  40. <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>
  41.  
  42. <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