Advertisement
Guest User

Untitled

a guest
Dec 18th, 2017
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.21 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <style>
  6. table, th, td {
  7. border: 1px solid gray;
  8. text-align: left;
  9. }
  10.  
  11. th {
  12. font-weight: bold;
  13. color: black;
  14. }
  15. /* unvisited link */
  16. a:link {
  17. color: black;
  18. }
  19.  
  20. /* visited link */
  21. a:visited {
  22. color: green;
  23. }
  24.  
  25. /* mouse over link */
  26. a:hover {
  27. color: red;
  28. }
  29.  
  30. /* selected link */
  31. a:active {
  32. color: yellow;
  33. }
  34. </style>
  35.  
  36. <meta name="keywords" content="" />
  37. <meta name="description" content="" />
  38. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  39. <title>Strona Główna</title>
  40. <link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css' />
  41. <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css' />
  42. <link href="default.css" rel="stylesheet" type="text/css" media="all" />
  43.  
  44. </head>
  45. <body>
  46. <div id="odnosniki">
  47. <div id="nav">
  48. <ul>
  49. <center><li class="nlink"><a target="_blank" href="http://www.allegro.pl">OGŁOSZENIA</a></li>
  50. <li class="nlink"><a target="_blank" href="http://www.wp.pl">WYDARZENIA</a></li>
  51. <li class="nlink"><a target="_blank" href="formularz.html">KONTAKT</a></li></center>
  52. </ul>
  53. </div>
  54. </div>
  55.  
  56. <div id="header">
  57. <div id="logo">
  58. <h1><a href="index.html">LOGO</a></h1>
  59. </div>
  60. <div id="menu">
  61. <ul>
  62. <li><a href="formularz.html" onMouseOver="gfx.src='https://i.imgur.com/xy9yxB0.png'"
  63. onMouseOut="gfx.src='https://i.imgur.com/rwC0fKP.png'" onclick="gfx.src='3.gif'">
  64. <img src="https://i.imgur.com/lj1oXWA.png" name="gfx">Formularz</a></li>
  65. <li class="current_page_item"><a href="paleta.html" onMouseOver="gfx.src='https://i.imgur.com/xy9yxB0.png'"
  66. onMouseOut="gfx.src='https://i.imgur.com/rwC0fKP.png'" onclick="gfx.src='3.gif'">
  67. <img src="https://i.imgur.com/lj1oXWA.png" name="gfx">Paleta</a></li>
  68. <li><a href="galeria.html" onMouseOver="gfx.src='https://i.imgur.com/xy9yxB0.png'"
  69. onMouseOut="gfx.src='https://i.imgur.com/rwC0fKP.png'" onclick="gfx.src='3.gif'">
  70. <img src="https://i.imgur.com/lj1oXWA.png" name="gfx">Galeria</a></li>
  71. <li><a href="onas.html" onMouseOver="gfx.src='https://i.imgur.com/xy9yxB0.png'"
  72. onMouseOut="gfx.src='https://i.imgur.com/rwC0fKP.png'" onclick="gfx.src='3.gif'">
  73. <img src="https://i.imgur.com/lj1oXWA.png" name="gfx">Ramki</a></li>
  74. <li><a href="kontakt.html" onMouseOver="gfx.src='https://i.imgur.com/xy9yxB0.png'"
  75. onMouseOut="gfx.src='https://i.imgur.com/rwC0fKP.png'" onclick="gfx.src='3.gif'">
  76. <img src="https://i.imgur.com/lj1oXWA.png" name="gfx">Muzyka/Film</a></li>
  77. <!--<li><a href="formularz.html" accesskey="1" title="">Formularz</a></li>
  78. <li class="current_page_item"><a href="paleta.html" accesskey="2" title="">Paleta Kolorów</a></li>
  79. <li><a href="galeria.html" accesskey="3" title="">Galeria</a></li>
  80. <li><a href="onas.html" accesskey="4" title="">Ramki</a></li>
  81. <li><a href="kontakt.html" accesskey="5" title="">Muzyka/film</a></li>-->
  82.  
  83. </ul>
  84. </div>
  85. </div>
  86. <div id="footer-wrapper">
  87. <div id="footer-content">
  88. <center><h4>PALETA KOLORÓW:</h4></center>
  89. <center><h1><a name="kotwiczka1">Paleta kolorów w normalnym formacie:</a></h1></center>
  90. <center><table class="table">
  91. <thead>
  92. <tr>
  93. <th>Nazwa</th>
  94. <th>Kolor</th>
  95. </tr>
  96. </thead>
  97.  
  98. <tbody style="font-family: 'Calibri', 'Calibri', monospace">
  99. <tr>
  100. <td style=""width="200px">Czarny</td>
  101. <td style="background-color: black" width="250px">&nbsp;</td>
  102. </tr>
  103. <tr>
  104. <td>Srebrny</td>
  105. <td style="background-color: silver">&nbsp;</td>
  106. </tr>
  107. <tr>
  108. <td>Szary</td>
  109. <td style="background-color: gray">&nbsp;</td>
  110. </tr>
  111. <tr>
  112. <td>Biały</td>
  113. <td style="background-color: white">&nbsp;</td>
  114. </tr>
  115. <tr>
  116. <td>Brązowy</td>
  117. <td style="background-color: maroon">&nbsp;</td>
  118. </tr>
  119. <tr>
  120. <td>Czerwony</td>
  121. <td style="background-color: red" >&nbsp;</td>
  122. </tr>
  123. <tr>
  124. <td>Fioletowy</td>
  125. <td style="background-color: purple">&nbsp;</td>
  126. </tr>
  127. <tr>
  128. <td>Różowy</td>
  129. <td style="background-color: fuchsia">&nbsp;</td>
  130. </tr>
  131. <tr>
  132. <td>Zielony</td>
  133. <td style="background-color: green">&nbsp;</td>
  134. </tr>
  135. <tr>
  136. <td>Limonkowy</td>
  137. <td style="background-color: lime">&nbsp;</td>
  138. </tr>
  139. <tr>
  140. <td>Oliwkowy</td>
  141. <td style="background-color: olive">&nbsp;</td>
  142. </tr>
  143. <tr>
  144. <td>Żółty</td>
  145. <td style="background-color: yellow">&nbsp;</td>
  146. </tr>
  147. <tr>
  148. <td>Granatowy</td>
  149. <td style="background-color: navy">&nbsp;</td>
  150. </tr>
  151. <tr>
  152. <td>Niebieski</td>
  153. <td style="background-color: blue">&nbsp;</td>
  154. </tr>
  155. <tr>
  156. <td>Morski</td>
  157. <td style="background-color: teal">&nbsp;</td>
  158. </tr>
  159. <tr>
  160. <td>Wodny</td>
  161. <td style="background-color: aqua">&nbsp;</td>
  162. </tr>
  163. <tr>
  164. <td>Pomarańczowy</td>
  165. <td style="background-color: orange">&nbsp;</td>
  166. </tr>
  167. <tr>
  168. <td>Różowobrązowy</td>
  169. <td style="background-color: rosybrown">&nbsp;</td>
  170. </tr>
  171. </tbody>
  172.  
  173. </table></center>
  174. <a href="#" title="Do góry!" id="scroll-to-top2"><img src="images/scrollup.png" alt="strzałka do góry" /></a>
  175.  
  176. <br>
  177. <br>
  178. <br>
  179. <br>
  180. <center><h1><a name="kotwiczka2">Paleta kolorów w formacie szesnastkowym:</a></h1></center>
  181. <center><table class="table">
  182. <thead>
  183. <tr>
  184. <th>HEX</th>
  185. <th>Kolor</th>
  186. </tr>
  187. </thead>
  188.  
  189. <tbody style="font-family: 'Calibri', 'Calibri', monospace">
  190. <tr>
  191. <td style=""width="200px">#000000</td>
  192. <td style="background-color: black" width="250px">&nbsp;</td>
  193. </tr>
  194. <tr>
  195. <td>#C0C0C0</td>
  196. <td style="background-color: silver">&nbsp;</td>
  197. </tr>
  198. <tr>
  199. <td>#808080</td>
  200. <td style="background-color: gray">&nbsp;</td>
  201. </tr>
  202. <tr>
  203. <td>#FFFFFF</td>
  204. <td style="background-color: white">&nbsp;</td>
  205. </tr>
  206. <tr>
  207. <td>#800000</td>
  208. <td style="background-color: maroon">&nbsp;</td>
  209. </tr>
  210. <tr>
  211. <td>#FF0000</td>
  212. <td style="background-color: red" >&nbsp;</td>
  213. </tr>
  214. <tr>
  215. <td>#800080</td>
  216. <td style="background-color: purple">&nbsp;</td>
  217. </tr>
  218. <tr>
  219. <td>#FF00FF</td>
  220. <td style="background-color: fuchsia">&nbsp;</td>
  221. </tr>
  222. <tr>
  223. <td>#008000</td>
  224. <td style="background-color: green">&nbsp;</td>
  225. </tr>
  226. <tr>
  227. <td>#00FF00</td>
  228. <td style="background-color: lime">&nbsp;</td>
  229. </tr>
  230. <tr>
  231. <td>#808000</td>
  232. <td style="background-color: olive">&nbsp;</td>
  233. </tr>
  234. <tr>
  235. <td>#FFFF00</td>
  236. <td style="background-color: yellow">&nbsp;</td>
  237. </tr>
  238. <tr>
  239. <td>#000080</td>
  240. <td style="background-color: navy">&nbsp;</td>
  241. </tr>
  242. <tr>
  243. <td>#0000FF</td>
  244. <td style="background-color: blue">&nbsp;</td>
  245. </tr>
  246. <tr>
  247. <td>#008080</td>
  248. <td style="background-color: teal">&nbsp;</td>
  249. </tr>
  250. <tr>
  251. <td>#00FFFF</td>
  252. <td style="background-color: aqua">&nbsp;</td>
  253. </tr>
  254. <tr>
  255. <td>#FFA500</td>
  256. <td style="background-color: orange">&nbsp;</td>
  257. </tr>
  258. <tr>
  259. <td>#BC8F8F</td>
  260. <td style="background-color: rosybrown">&nbsp;</td>
  261. </tr>
  262. </tbody>
  263. </table></center>
  264. <a href="#kotwiczka1" title="Do góry!" id="scroll-to-top2"><img src="images/scrollup.png" alt="strzałka do góry" /></a>
  265. <br>
  266. <br>
  267. <br>
  268. <br>
  269.  
  270.  
  271. <center><h1>Paleta kolorów w formacie RGB:</h1></center>
  272. <!--<center><h1>Paleta kolorów w formacie RGB:</h1></center>-->
  273.  
  274. <center><table class="table">
  275. <thead>
  276. <tr>
  277. <th>RGB</th>
  278. <th>Kolor</th>
  279. </tr>
  280. </thead>
  281.  
  282. <tbody style="font-family: 'Calibri', 'Calibri', monospace">
  283. <tr>
  284. <td style=""width="200px">rgb(0,0,0)</td>
  285. <td style="background-color: black" width="250px">&nbsp;</td>
  286. </tr>
  287. <tr>
  288. <td>rgb(192,192,192)</td>
  289. <td style="background-color: silver">&nbsp;</td>
  290. </tr>
  291. <tr>
  292. <td>rgb(128,128,128)</td>
  293. <td style="background-color: gray">&nbsp;</td>
  294. </tr>
  295. <tr>
  296. <td>rgb(255,255,255)</td>
  297. <td style="background-color: white">&nbsp;</td>
  298. </tr>
  299. <tr>
  300. <td>rgb(128,0,0)</td>
  301. <td style="background-color: maroon">&nbsp;</td>
  302. </tr>
  303. <tr>
  304. <td>rgb(255,0,0)</td>
  305. <td style="background-color: red" >&nbsp;</td>
  306. </tr>
  307. <tr>
  308. <td>rgb(128,0,128)</td>
  309. <td style="background-color: purple">&nbsp;</td>
  310. </tr>
  311. <tr>
  312. <td>rgb(255,0,255)</td>
  313. <td style="background-color: fuchsia">&nbsp;</td>
  314. </tr>
  315. <tr>
  316. <td>rgb(0,128,0)</td>
  317. <td style="background-color: green">&nbsp;</td>
  318. </tr>
  319. <tr>
  320. <td>rgb(0.255.0)</td>
  321. <td style="background-color: lime">&nbsp;</td>
  322. </tr>
  323. <tr>
  324. <td>rgb(128,128,0)</td>
  325. <td style="background-color: olive">&nbsp;</td>
  326. </tr>
  327. <tr>
  328. <td>rgb(255,255,0)</td>
  329. <td style="background-color: yellow">&nbsp;</td>
  330. </tr>
  331. <tr>
  332. <td>rgb(0,0,128)</td>
  333. <td style="background-color: navy">&nbsp;</td>
  334. </tr>
  335. <tr>
  336. <td>rgb(0,0,255)</td>
  337. <td style="background-color: blue">&nbsp;</td>
  338. </tr>
  339. <tr>
  340. <td>rgb(0,0,255)</td>
  341. <td style="background-color: teal">&nbsp;</td>
  342. </tr>
  343. <tr>
  344. <td>rgb(0,255,255)</td>
  345. <td style="background-color: aqua">&nbsp;</td>
  346. </tr>
  347. <tr>
  348. <td>rgb(255,165,0)</td>
  349. <td style="background-color: orange">&nbsp;</td>
  350. </tr>
  351. <tr>
  352. <td>rgb(255,222,173)</td>
  353. <td style="background-color: rosybrown">&nbsp;</td>
  354. </tr>
  355. </tbody>
  356. </table></center>
  357. <a href="#kotwiczka2" title="Do góry!" id="scroll-to-top2"><img src="images/scrollup.png" alt="strzałka do góry" /></a>
  358.  
  359.  
  360.  
  361. </div>
  362.  
  363. </div>
  364.  
  365.  
  366.  
  367. </div>
  368. <a href="#" title="Do góry!" id="scroll-to-top"><img src="images/scrollup.png" alt="strzałka do góry" /></a>
  369. <div id="footer">
  370. <p>&copy; Wszystkie prawa zastrzeżone - Mateusz Kulhawiec</a>.</p>
  371. </div>
  372. </body>
  373. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement