header.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>hmjStudios llc</title>
  5. <link href="https://fonts.googleapis.com/css?family=Raleway|Pacifico" rel="stylesheet">
  6. <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/favicons/apple-touch-icon-57x57.png" />
  7. <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/favicons/apple-touch-icon-114x114.png" />
  8. <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/favicons/apple-touch-icon-72x72.png" />
  9. <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/favicons/apple-touch-icon-144x144.png" />
  10. <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/favicons/apple-touch-icon-60x60.png" />
  11. <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/favicons/apple-touch-icon-120x120.png" />
  12. <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/favicons/apple-touch-icon-76x76.png" />
  13. <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/favicons/apple-touch-icon-152x152.png" />
  14. <link rel="icon" type="image/png" href="/favicons/favicon-196x196.png" sizes="196x196" />
  15. <link rel="icon" type="image/png" href="/favicons/favicon-96x96.png" sizes="96x96" />
  16. <link rel="icon" type="image/png" href="/favicons/favicon-32x32.png" sizes="32x32" />
  17. <link rel="icon" type="image/png" href="/favicons/favicon-16x16.png" sizes="16x16" />
  18. </head>
  19. <body>
  20. <style>
  21. #studio {
  22. font-family: 'Pacifico', cursive;
  23. font-size: 4vw;
  24. text-color: black;
  25. text-decoration: none;
  26. text-position: center;
  27. }
  28. #logo {
  29. font-family: 'Raleway', sans-serif;
  30. content: "";
  31. top: 0;
  32. bottom: 0;
  33. left: 0;
  34. right: 0;
  35. z-index: -1;
  36. position: absolute;
  37. background: url(/background-light.jpg);
  38. background-attachment: fixed;
  39. background-position: center center;
  40. background-repeat: no-repeat;
  41. background-size: 40%;
  42. }
  43. #text {
  44. opacity: 1.0;
  45. text-color: black;
  46. }
  47. </style>
  48. <div id=logo>
  49. <center>
  50. <br>
  51. <h1 id=studio>hmjStudios, llc</h1>
  52. <br>
  53. Heather Johnston<br>
  54. <a href="mailto:hmjstudiosllc@gmail.com">hmjstudiosllc@gmail.com</a><br>
  55. </center>