resume.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta content="width=device-width, initial-scale=1" name="viewport">
  6. <title>Lee Morgan</title>
  7. <link rel="stylesheet" href="/resume/style">
  8. <style>
  9. *{margin:0;padding:0;}
  10. body{
  11. display: flex;
  12. justify-content: center;
  13. width: 100%;
  14. margin: 35px 0;
  15. }
  16. .everything{
  17. display: flex;
  18. flex-direction: column;
  19. align-items: center;
  20. max-width: 1000px;
  21. }
  22. header{
  23. display: flex;
  24. flex-direction: column;
  25. justify-content: center;
  26. align-items: center;
  27. width: 100%;
  28. height: 200px;
  29. background: #152730;
  30. color: #5FECE0;
  31. }
  32. .content{
  33. display: flex;
  34. width: 100%;
  35. background: rgb(196, 198, 192);
  36. }
  37. .leftContent{
  38. height: 100%;
  39. width: 70%;
  40. }
  41. .leftItem{
  42. padding: 35px;
  43. padding-left: 50px;
  44. }
  45. .leftItem > h2{
  46. margin-bottom: 25px;
  47. }
  48. .experience{
  49. padding: 25px;
  50. }
  51. .jobReqs{
  52. padding-left: 35px;
  53. }
  54. .rightContent{
  55. display: flex;
  56. flex-direction: column;
  57. justify-content: flex-start;
  58. height: 100%;
  59. width: 30%;
  60. border-left: 1px solid black;
  61. }
  62. .rightBox{
  63. display: flex;
  64. flex-direction: column;
  65. width: 100%;
  66. box-sizing: border-box;
  67. padding: 35px;
  68. }
  69. .rightBox ul{
  70. list-style-type: none;
  71. }
  72. .rightBox li{
  73. margin: 10px 0 10px 10px;
  74. }
  75. .link{
  76. display: flex;
  77. align-items: center;
  78. margin-bottom: 25px;
  79. }
  80. .link a {
  81. font-size: 16px;
  82. margin-left: 5px;
  83. }
  84. .bottomBorder{
  85. border-bottom: 1px solid black;
  86. width: 95%;
  87. margin: 0 auto;
  88. }
  89. .educ{
  90. margin-top: 25px;
  91. margin-left: 10px;
  92. }
  93. @media screen and (max-width: 1000px){
  94. body{
  95. margin: 0;
  96. }
  97. .everything{
  98. width: 100%;
  99. }
  100. header h1{
  101. text-align: center;
  102. }
  103. .content{
  104. flex-direction: column;
  105. align-items: center;
  106. }
  107. .leftContent, .rightContent{
  108. width: 100%;
  109. }
  110. .leftItem{
  111. padding: 20px;
  112. text-align: justify;
  113. }
  114. .experience{
  115. padding: 0 0 25px 0;
  116. }
  117. .rightContent{
  118. border-left: none;
  119. border-top: 1px solid black;
  120. }
  121. .bottomBorder{
  122. width: 100%;
  123. }
  124. }
  125. </style>
  126. </head>
  127. <body>
  128. <div class="everything">
  129. <header>
  130. <h1>Full-Stack Web Developer</h1>
  131. <h2>Lee Morgan</h2>
  132. </header>
  133. <div class="content">
  134. <div class="leftContent">
  135. <div class="leftItem">
  136. <h2>Professional Summary</h2>
  137. <p>Professional web developer skilled in creating websites from the ground up. Able to quickly learn any language/framework to satisfy demands of clients. Experience in all parts of web development, including, but not limited to: design, frontend development, backend development, database design and Linux server management. Special proficiency with JavaScript, including the creation of ultra fast frontend single-page applications without bloated frameworks.</p>
  138. </div>
  139. <div class="bottomBorder"></div>
  140. <div class="leftItem">
  141. <h2>Work Experience</h2>
  142. <div class="experience">
  143. <h3 class="xTitle">English Teacher</h3>
  144. <h4 class="xCompany">Vishenki English School</h4>
  145. <h5 class="xDate">August 2018 - November 2018, December 2019 - February 2020</h5>
  146. <ul class="jobReqs">
  147. <li>Organized lesson plans for English classes in accordance with requirements</li>
  148. <li>Held lessons for English learners from the ages of 4 to 18</li>
  149. <li>Organized thematic speaking lessons for different age groups</li>
  150. <li>Created lesson plans for individual tutoring of English when required</li>
  151. </ul>
  152. </div>
  153. <div class="experience">
  154. <h3 class="xTitle">English Teacher</h3>
  155. <h4 class="xCompany">Yugra State University</h4>
  156. <h5 class="xDate">January 2019 - May 2019</h5>
  157. <ul class="jobReqs">
  158. <li>Organized lesson plans for English classes in accordance with requirements</li>
  159. <li>Held English lessons for university aged students and adults</li>
  160. <li>Gave individual tutoring to students with greater English needs</li>
  161. <li>Organized thematic speaking clubs for students on a weekly basis</li>
  162. </ul>
  163. </div>
  164. <div class="experience">
  165. <h3 class="xTitle">Full-Stack Developer</h3>
  166. <h4 class="xCompany">The Subline</h4>
  167. <h5 class="xDate">August 2019 - Present</h5>
  168. <ul class="jobReqs">
  169. <li>Responsible for developing a single-page app for the fronted using JavaScript</li>
  170. <li>Created the web server and all logic for serving data to clients in JavaScript/Node.js</li>
  171. <li>Integrated the application with sever web API's for increased app functionality</li>
  172. <li>Responsible for setting up, maintaining and creating queries to the MongoDB server</li>
  173. <li>Set up and maintained the live web server on a Linux Ubuntu server</li>
  174. <li>Technologies used: JavaScript, HTML, CSS, Linux, MongoDB, web API's</li>
  175. <li>Responsible for design of the frontend of the app</li>
  176. </ul>
  177. </div>
  178. <div class="experience">
  179. <h3 class="xTitle">Backend Developer</h3>
  180. <h4 class="xCompany">Blacklist.aero</h4>
  181. <h5 class="xDate">July 9, 2021 - Present</h5>
  182. <ul class="jobReqs">
  183. <li>Responsible for the management of the entire codebase</li>
  184. <li>Responsible for ensuring that requirements are delivered in a timely manner</li>
  185. <li>Responsible for testing and maintaining the reliability of the codebase</li>
  186. <li>Created and maintained the entire backend of the website</li>
  187. <li>Set up and maintained the Linux servers that host the website</li>
  188. <li>Set up and maintained and created queries for the MongoDB server</li>
  189. <li>Technologies used: JavaScript, HTML, CSS, Linux, MongoDB, web API's</li>
  190. </ul>
  191. </div>
  192. </div>
  193. </div>
  194. <div class="rightContent">
  195. <div class="rightBox">
  196. <div class="link">
  197. <svg width="20" height="20" viewBox="0 0 1000 1000">
  198. <g>
  199. <path d="M500,10c-0.1,0-0.3,0-0.4,0c-0.1,0-0.1,0-0.2,0c-0.2,0-0.4,0-0.6,0C228.7,10.6,10,229.8,10,500c0,270.2,218.7,489.3,488.8,490c0.2,0,0.4,0,0.6,0c0.1,0,0.1,0,0.2,0c0.2,0,0.3,0,0.4,0c270.6,0,490-219.4,490-490C990,229.4,770.6,10,500,10z M519.6,303.2c51.9-1.4,102.5-8.3,151.2-20.1c14.7,57.8,23.8,124.3,25.2,197.3H519.6V303.2z M519.6,264V52.3c52.8,14.6,106.4,85.1,140.5,193.1C614.8,256.3,567.9,262.7,519.6,264z M480.4,51.8V264c-48.7-1.4-96-7.8-141.6-19C373.2,136.4,427.2,65.7,480.4,51.8z M480.4,303.2v177.2H302.8c1.4-73.1,10.6-139.7,25.2-197.5C377.1,294.9,428,301.8,480.4,303.2z M263.3,480.4H49.7c4.3-100.8,41.9-193.1,102-266.2c43.6,24,89.9,43.7,138.4,58.4C274.3,335.1,264.8,405.6,263.3,480.4z M263.3,519.6c1.4,74.8,10.9,145.2,26.8,207.8c-48.5,14.7-94.8,34.4-138.4,58.5C91.6,712.7,54,620.4,49.7,519.6H263.3L263.3,519.6z M302.8,519.6h177.6v177C428,698,377.1,705,328,717C313.3,659.2,304.2,592.6,302.8,519.6z M480.4,735.7v212.4c-53.2-13.9-107.3-84.7-141.7-193.5C384.4,743.6,431.7,737.1,480.4,735.7z M519.6,947.7v-212c48.3,1.4,95.2,7.8,140.5,18.7C626,862.5,572.5,933.1,519.6,947.7z M519.6,696.6v-177H696c-1.4,72.9-10.5,139.4-25.2,197.1C622.1,704.8,571.6,698,519.6,696.6z M735.4,519.6h214.9c-4.3,100.8-41.8,193.1-101.9,266.2c-44-24.2-90.7-44-139.6-58.8C724.5,664.5,734,594.2,735.4,519.6z M735.4,480.4c-1.4-74.7-10.9-145.1-26.7-207.6c48.9-14.8,95.6-34.6,139.5-58.8c60.2,73.1,97.7,165.5,102.1,266.3L735.4,480.4L735.4,480.4z M821.2,184.1c-39,20.7-80.2,37.9-123.1,50.9C675.2,161.3,643,101.1,605,61.6C688.4,81.7,762.9,124.8,821.2,184.1z M393.5,62c-37.8,39.4-69.9,99.3-92.7,172.7c-42.6-13-83.4-30-122-50.6C236.7,125.2,310.6,82.2,393.5,62z M178.6,815.7c38.7-20.6,79.5-37.6,122.1-50.6c22.8,73.4,54.9,133.4,92.7,172.9C310.6,917.8,236.6,874.7,178.6,815.7z M604.9,938.3c38.1-39.5,70.3-99.7,93.2-173.6c43,13.1,84.2,30.2,123.2,51C763,875.1,688.5,918.3,604.9,938.3z"/>
  200. </g>
  201. </svg>
  202. <a href="https://leemorgan.io">leemorgan.io</a>
  203. </div>
  204. <div class="link">
  205. <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  206. <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
  207. <polyline points="22,6 12,13 2,6"></polyline>
  208. </svg>
  209. <a href="mailto:me@leemorgan.io">me@leemorgan.io</a>
  210. </div>
  211. <div class="link">
  212. <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  213. <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
  214. <rect x="2" y="9" width="4" height="12"></rect>
  215. <circle cx="4" cy="4" r="2"></circle>
  216. </svg>
  217. <a href="https://linkedin.com/in/leemorganio">linkedin.com/in/leemorganio</a>
  218. </div>
  219. <div class="link">
  220. <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  221. <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
  222. </svg>
  223. <a href="https://github.com/MorganLee909">github.com/MorganLee909</a>
  224. </div>
  225. </div>
  226. <div class="bottomBorder"></div>
  227. <div class="rightBox">
  228. <h3>Skills</h3>
  229. <ul>
  230. <li>HTML/CSS</li>
  231. <li>JavaScript/Node.js</li>
  232. <li>MongoDB</li>
  233. <li>JSON</li>
  234. <li>Linux</li>
  235. <li>Server administration</li>
  236. </ul>
  237. </div>
  238. <div class="bottomBorder"></div>
  239. <div class="rightBox">
  240. <h3>Education</h3>
  241. <div class="educ">
  242. <h4>Dexter Regional High School</h4>
  243. <h6>August 2004 - May 2008</h6>
  244. <h5>High School Diploma</h5>
  245. </div>
  246. <div class="educ">
  247. <h4>Coding Dojo Seattle</h4>
  248. <h6>June 2019 - August 2019</h6>
  249. </div>
  250. <div class="educ">
  251. <h4>Coastal Carolina University</h4>
  252. <h6>August 2014 - December 2015</h6>
  253. <h5>Computer Science (uncompleted)</h5>
  254. </div>
  255. <div class="educ">
  256. <h4>TEFL Certification</h4>
  257. <h6>October 2018</h6>
  258. </div>
  259. </div>
  260. </div>
  261. </div>
  262. </div>
  263. </body>
  264. </html>