You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

77 lines
3.7KB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- start of head -->
  5. <title>Julian Hem</title>
  6. <link rel="stylesheet" type="text/css" href="css.css">
  7. <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
  8. <meta charset="UTF-8">
  9. <meta property="og:locale" content="en_US" />
  10. <meta property="og:type" content="website" />
  11. <meta property="og:title" content="Julian Hem" />
  12. <meta property="og:description" content="the personal website/portfolio of Julian Hem" />
  13. <meta property="og:url" content="http://notnite.com/" />
  14. <meta property="og:site_name" content="NotNite" />
  15. <meta property="og:image" content="http://notnite.com/res/logo.png" />
  16. <!-- end of head -->
  17. </head>
  18. <body>
  19. <!-- start of body -->
  20. <div class="row">
  21. <div class="left panel">
  22. <div class="red text">
  23. <h1>Julian Hem</h1>
  24. <h3>a.k.a. NotNite, patientnegative</h3>
  25. </div>
  26. </div>
  27. <div class="parallax one"></div>
  28. </div>
  29. <div class="row">
  30. <div class="right panel">
  31. <div class="blue jobs">
  32. <a href="https://gitdab.com/j" class="link blue"><u><em>programmer</em></u></a>
  33. <br>
  34. <a href="https://soundcloud.com/notnite" class="link blue"><u><em>musician</em></u></a>
  35. <br>
  36. <a href="https://gitdab.com/j/website" class="link blue"><u><em>web developer</em></u></a>
  37. <br>
  38. <a href="https://youtube.com/notnite" class="link blue"><u><em>content creator</em></u></a>
  39. </div>
  40. </div>
  41. <div class="parallax two"></div>
  42. </div>
  43. <div class="row">
  44. <div class="left panel">
  45. <div class="red text">
  46. <p>my name is julian hem. i am 13 and i live in washington, d.c. i do web development and programming on top of youtube. i have experience with html5, css3, js, python, and c#.</p>
  47. </div>
  48. </div>
  49. <div class="parallax three"></div>
  50. </div>
  51. <div class="row">
  52. <div class="right panel">
  53. <div class="blue text">
  54. <h4><img src="res/youtube.svg" alt="YouTube" class="icon"> <a href="https://youtube.com/notnite" class="link blue">notnite</a></h4>
  55. <h4><img src="res/twitch.svg" alt="Twitch" class="icon"> <a href="https://twitch.tv/notnitehere" class="link blue">notnitehere</a></h4>
  56. <h4><img src="res/twitter.svg" alt="Twitter" class="icon"> <a href="https://twitter.com/notnite" class="link blue">notnite</a></h4>
  57. <h4><img src="res/patreon.svg" alt="Patreon" class="icon"> <a href="https://patreon.com/notnite" class="link blue">notnite</a></h4>
  58. <h4><img src="res/discord.svg" alt="Discord" class="icon"> <a href="https://discord.gg/kyvzAMj" class="link blue">NotNite#0001</a></h4>
  59. <h4><img src="res/instagram.svg" alt="Instagram" class="icon"> <a href="https://instagram.com/notniteofficial" class="link blue">notniteofficial</a></h4>
  60. <h4><img src="res/mastodon.svg" alt="Mastodon" class="icon"> <a rel="me" href="https://cybre.space/@notnite" class="link blue">[email protected]</a></h4>
  61. <h4><img src="res/mastodon.svg" alt="Mastodon" class="icon"> <a rel="me" href="https://coolmathgam.es/@notnite" class="link blue">[email protected]</a></h4>
  62. <h4><img src="res/gmail.svg" alt="Mail" class="icon"> <a href="mailto:[email protected]" class="link blue">hi (at) notnite (dot) com</a></h4>
  63. </div>
  64. </div>
  65. <div class="parallax one"></div>
  66. </div>
  67. <!-- end of body -->
  68. </body>
  69. </html>