header.html 2.6 KB

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