index.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="x-ua-compatible" content="ie=edge">
  6. <title>My CV</title>
  7. <meta name="description" content="">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. </head>
  10. <body>
  11. <!-- Container element -->
  12. <div>
  13. <!-- About me -->
  14. <div>
  15. <h4>Front-End Developer</h4>
  16. <h1>John Doe</h1>
  17. <p>
  18. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
  19. dolore magna
  20. aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel
  21. facilisis.
  22. </p>
  23. </div>
  24. <!-- Projects section -->
  25. <div>
  26. <h3>Projects</h3>
  27. <ol>
  28. <li>
  29. <a href="https://barbershop.goit.global/">https://barbershop.goit.global/</a>
  30. <span>................</span>
  31. <span>[ HTML5, CSS3 ]</span>
  32. </li>
  33. <li>
  34. <a href="https://cryptohub.goit.global/">https://cryptohub.goit.global/</a>
  35. <span>....................</span>
  36. <span>[ JavaScript ]</span>
  37. </li>
  38. <li>
  39. <a href="https://kidslike.goit.global/">https://kidslike.goit.global/</a>
  40. <span>........................</span>
  41. <span>[ React.js, Node.js ]</span>
  42. </li>
  43. </ol>
  44. </div>
  45. <!-- Work Experience Section -->
  46. <div>
  47. <h3>Work Experience</h3>
  48. <!-- Work Experience Item -->
  49. <div>
  50. <h4>
  51. <span>Front-End Developer</span>
  52. <span>Freelance</span>
  53. </h4>
  54. <p>March 2022 - up to now | Country</p>
  55. <ul>
  56. <li>Dezvoltare de site-uri și aplicații mobile</li>
  57. <li>Remedieri de erori și îmbunătățiri ale funcționalității existente</li>
  58. <li>Creșterea productivității site-urilor SPA și statice</li>
  59. <li>Refactorizarea șabloanelor și programelor existente</li>
  60. </ul>
  61. </div>
  62. <!-- Work Experience Item -->
  63. <div>
  64. <h4>
  65. <span>Front-End Developer</span>
  66. <span>Freelance</span>
  67. </h4>
  68. <p>October 2019 - up to now | Country</p>
  69. <ul>
  70. <li>Dezvoltare de site-uri și aplicații mobile</li>
  71. <li>Remedieri de erori și îmbunătățiri ale funcționalității existente</li>
  72. <li>Creșterea productivității site-urilor SPA și statice</li>
  73. <li>Refactorizarea șabloanelor și programelor existente</li>
  74. </ul>
  75. </div>
  76. <!-- Work Experience Item -->
  77. <div>
  78. <h4>
  79. <span>Manager Glory</span>
  80. <span>LLC</span>
  81. </h4>
  82. <p>June 2014 - February 2015 | Country</p>
  83. <ul>
  84. <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
  85. <li>Quis ipsum suspendisse ultrices gravida</li>
  86. <li>Risus commodo viverra maecenas.</li>
  87. </ul>
  88. </div>
  89. </div>
  90. <!-- Education Section -->
  91. <div>
  92. <h3>Education</h3>
  93. <!-- Education Item -->
  94. <div>
  95. <h4>National University</h4>
  96. <h4>Management</h4>
  97. <p>September 2009 - June 2014 | Country</p>
  98. </div>
  99. <!-- Education Item -->
  100. <div>
  101. <h4>GoIT</h4>
  102. <h4>Fullstack Online</h4>
  103. <p>January 2019 - October 2019 | Country</p>
  104. </div>
  105. </div>
  106. </div>
  107. <aside>
  108. <!-- Profile Picture -->
  109. <div>
  110. <img src="res/photo.png" alt="" width="370">
  111. </div>
  112. <!-- Contact Section -->
  113. <div>
  114. <h3>Contacts</h3>
  115. <div>
  116. <a href="tel:+111111111111">
  117. <span>C:</span>
  118. +1 111 1111 11 11
  119. </a>
  120. </div>
  121. <div>
  122. <a href="mailto:johndoe@gmail.com">
  123. <span>E:</span>
  124. johndoe@gmail.com
  125. </a>
  126. </div>
  127. </div>
  128. <!-- Tech Skills Section -->
  129. <div>
  130. <h3>Tech Skills</h3>
  131. <ul>
  132. <li>HTML5</li>
  133. <li>CSS3</li>
  134. <li>GIT</li>
  135. <li>WebPack</li>
  136. <li>JavaScript</li>
  137. <li>React.js</li>
  138. <li>Node.js</li>
  139. </ul>
  140. </div>
  141. <!-- Soft Skills Section -->
  142. <div>
  143. <h3>Soft Skills</h3>
  144. <ul>
  145. <li>Scrum</li>
  146. <li>Agile</li>
  147. <li>GTD</li>
  148. <li>Teamwork</li>
  149. </ul>
  150. </div>
  151. </aside>
  152. </body>
  153. </html>