API tools faq
paste
Guest User

junrhetard

a guest
Jan 11th, 2018
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.09 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <style>
  4. .content{
  5. padding: 0;
  6. }
  7. h1,h2{
  8. margin: 0;
  9. }
  10. td,tr,table{
  11. padding: 0;
  12. }
  13.  
  14. </style>
  15. </head>
  16.  
  17. <body>
  18. <div style="padding: 50px">
  19. <table style="background-color: black">
  20. <tr>
  21.  
  22. <div>
  23. <h1 style="font-size: 50px; font-weight: bold"><i>Curriculum Vitae</i></h1>
  24. </div>
  25.  
  26. <td style="background-color: black;">
  27.  
  28. <div class="content" style="background-color: gold">
  29.  
  30. <div id="default">
  31. <br>
  32. <br>
  33. <h2 align="center" style="font-weight: bold">Welcome to my CV!</h2>
  34. <br>
  35. <br>
  36. </div>
  37.  
  38. <div id="personal_data_content" style="display: none">
  39. <h2>PERSONAL DATA</h2>
  40. <label class="lbl_pd">Name:</label> <span class="val">Azamat</span><br>
  41. <label class="lbl_pd">Surname:</label> <span class="val">Azamat</span><br>
  42. <label class="lbl_pd">Date of birth:</label> <span class="val">30.08.74</span><br>
  43. <label class="lbl_pd">Place of birth:</label> <span class="val">Bishkek, Kyrgysztan</span><br>
  44. </div>
  45.  
  46. <div id="educ_content" style="display: none">
  47. <h2>EDUCATION</h2>
  48. <table>
  49. <tr>
  50. <td class="year" width="22%">2005-2009</td>
  51. <td class="text">Computer Engineering in the Technical University of Kyrgyzstan in Bishkek</td>
  52. </tr>
  53. <tr>
  54. <td class="year" width="22%">2001-2005</td>
  55. <td class="text">High School "Manas" in Osh</td>
  56. </tr>
  57. <tr>
  58. <td class="year" width="22%">1995-2001</td>
  59. <td class="text">Primary school</td>
  60. </tr>
  61. </table>
  62. </div>
  63.  
  64. <div id="prof_exp_content" style="display: none">
  65. <h2>PROFESSIONAL EXPERIENCE</h2>
  66. <table>
  67. <tr>
  68. <td class="year" width="20%">2007-2009</td>
  69. <td class="text">Computer teacher in High School in Bishkek</td>
  70. </tr>
  71. <tr>
  72. <td class="year" width="20%">2005-2007</td>
  73. <td class="text">Secretary of Department of Software in Technical University of Kyrgyzstan in Bishkek</td>
  74. </tr>
  75. </table>
  76. </div>
  77. </td>
  78.  
  79. <td style="background-color: orange">
  80. <h2>Links</h2>
  81. <a href="#" onclick="visible(1)">Personal data</a><br>
  82. <a href="#" onclick="visible(2)">Education</a><br>
  83. <a href="#" onclick="visible(3)">Professional experience</a>
  84. </td>
  85. </tr>
  86. </table>
  87. </div>
  88.  
  89.  
  90. </body>
  91. <script type="text/javascript">
  92.  
  93. var a = document.getElementById("default");
  94. var b = document.getElementById("personal_data_content");
  95. var c = document.getElementById("educ_content");
  96. var d = document.getElementById("prof_exp_content");
  97.  
  98. function visible(num){
  99. a.style.display = "none";
  100. b.style.display = "none";
  101. c.style.display = "none";
  102. d.style.display = "none";
  103.  
  104. if(num == 1)
  105. b.style.display = "block";
  106. else if(num ==2)
  107. c.style.display = "block";
  108. else if(num == 3)
  109. d.style.display = "block";
  110.  
  111. }
  112.  
  113. </script>
  114. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!