API tools faq
paste
Advertisement
ericchipolina

FB 2017-12-17_14h23

ericchipolina
Dec 17th, 2017
87
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.55 KB | None | 0 0
raw download clone embed print report
  1. CV Facebook :
  2.  
  3. HTML :
  4. ------
  5. <!DOCTYPE html>
  6.  
  7. <html>
  8. <head>
  9. <title>CV Eric CHIPOLINA</title>
  10. <meta charset="UTF-8">
  11. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12. <link href="styles-cv.css" rel="stylesheet" type="text/css"/>
  13. </head>
  14. <body>
  15. <section class="contour">
  16. <div class="page">
  17. <div class="sommairegauche">
  18. <div class="photo">
  19. <img src="images/photo-eric-chipolina.png" alt="Photo Eric Chipolina"/>
  20. <h1>Eric CHIPOLINA</h1>
  21. <h2>EN FORMATION<br />
  22. DEVELOPPEUR INTEGRATEUR<br />
  23. WEB MOBILE</h2>
  24. </div>
  25. <div class="enquelquesmots">
  26. <h2>EN QUELQUES MOTS</h2>
  27. <div class="enqquesmots_txt">
  28. llud tamen te esse admonitum volo, primum ut qualis es talem te esse omnes existiment ut, quantum a rerum turpitudine abes, tantum te a verborum libertate seiungas; deinde ut ea in alterum ne dicas, quae cum tibi falso responsa sint, erubescas. Quis est enim, cui via ista non pateat, qui isti aetati atque etiam isti dignitati non possit quam velit petulanter, etiamsi sine ulla suspicione, at non sine argumento male dicere? Sed istarum
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. <div class="detailledroite">
  34. </div>
  35. </section>
  36. </body>
  37. </html>
  38.  
  39. CSS :
  40. -----
  41. body{
  42. margin: 0;
  43. padding: 0;
  44. }
  45.  
  46. a{
  47. text-decoration: none;
  48. color: white;
  49. }
  50.  
  51. a:hover{
  52. text-decoration: underline;
  53. color: #29487d;
  54. }
  55.  
  56. h3, h4, h5, li{
  57. font-family: Helvetica, Arial, sans-serif;
  58. font-style: normal;
  59. }
  60.  
  61. .contour{
  62.  
  63. }
  64.  
  65. .page{
  66. display: block;
  67. margin: 191px 51px;
  68. color: #293137;
  69. height : 2000px;
  70. width: 810px;
  71. border: 1px solid black;
  72.  
  73. }
  74.  
  75. .sommairegauche{
  76. display: block;
  77. width: 291px;
  78. float: left;
  79. font-family: "Times New Roman", serif;
  80.  
  81. }
  82.  
  83. .photo{
  84. display: block;
  85. width: 291px;
  86. background-color: #283136;
  87. height: 308px;
  88. float: left;
  89. }
  90.  
  91. .photo img{
  92. background-image: url(images/photo-eric-chipolina.png);
  93. width: 156px;
  94. height: 156px;
  95. margin-top: 18px;
  96. margin-left: 66px;
  97. border-radius: 50%;
  98. overflow: hidden;
  99. }
  100.  
  101. h1{
  102. color: #ffffff;
  103. text-align: center;
  104. font-size: 22pt;
  105. margin-top: 10px;
  106. margin-bottom: 0px;
  107. }
  108.  
  109. .photo h2{
  110. color: #ffffff;
  111. text-align: center;
  112. font-size: 16px;
  113. margin-top: 8px;
  114. font-weight: normal;
  115. }
  116.  
  117. .enquelquesmots{
  118. display: block;
  119. float: left;
  120. width: 291px;
  121. background-color: #3f4a50;
  122. color: #ffffff;
  123. }
  124.  
  125. .enquelquesmots h2{
  126. box-sizing: border-box;
  127. text-align: center;
  128. font-size: 12pt;
  129. margin-top: 8px;
  130. }
  131.  
  132. .enquelquesmots h2::before{
  133. position:relative;
  134. top:0px;
  135. right:0;
  136. display: block;
  137. content:'';
  138. width: 16px;
  139. height: 15px;
  140. background-image: url(icons/User-Male.png);
  141. background-color: red;
  142. }
  143.  
  144. .enqquesmots_txt{
  145. text-align: left;
  146. font-family: Helvetica, Arial, sans-serif;
  147. font-style: normal;
  148. font-size: 12px;
  149. font-weight: normal;
  150. color: white;
  151. margin-top: 30px;
  152. margin-left:30px;
  153. }
  154.  
  155. .detailledroite{
  156. width: 517px;
  157. float: left;
  158. background-color: red;
  159. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!