Advertisement
Guest User

Untitled

a guest
May 28th, 2016
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.54 KB | None | 0 0
  1.  
  2. <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
  3. <style>
  4. .red-text {
  5. color: red;
  6. }
  7. h2
  8. {font-family: Lobster, Monospace;
  9. }
  10.  
  11. p {
  12. font-size: 16px;
  13. font-family: Monospace;
  14. }
  15.  
  16. .thick-green-border {
  17. border-color: green;
  18. border-width: 10px;
  19. border-style: solid;
  20. border-radius: 50%;
  21. }
  22.  
  23. .smaller-image {
  24. width: 100px;
  25. }
  26. .gray-background {
  27. background-color: gray;
  28. }
  29. </style>
  30.  
  31. <h2 class="red-text">CatPhotoApp</h2>
  32.  
  33. <p>Click here for <a href="#">cat photos</a>.</p>
  34.  
  35. <a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>
  36.  
  37. <div class="gray-background">
  38. <p>Things cats love:</p>
  39. <ul>
  40. <li>cat nip</li>
  41. <li>laser pointers</li>
  42. <li>lasagna</li>
  43. </ul>
  44. <p>Top 3 things cats hate:</p>
  45. <ol>
  46. <li>flea treatment</li>
  47. <li>thunder</li>
  48. <li>other cats</li>
  49. </ol>
  50. </div>
  51.  
  52.  
  53. <form id="cat-photo-form" action="/submit-cat-photo">
  54. <label><input type="radio" name="
  55. <h2 id="cat-photo-form>
  56. Indoor</label>
  57. <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  58. <label><input type="checkbox" name="personality" checked> Loving</label>
  59. <label><input type="checkbox" name="personality"> Lazy</label>
  60. <label><input type="checkbox" name="personality"> Energetic</label>
  61. <input type="text" placeholder="cat photo URL" required>
  62. <button type="submit">Submit</button>
  63.  
  64. </form>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement