Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2018
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.43 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Рейтинг 8-Б</title>
  6. <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
  7.  
  8.  
  9.  
  10.  
  11.  
  12. <style>
  13.  
  14. * {
  15. box-sizing: border-box;
  16. }
  17. body {
  18. margin: 0;
  19. background: url(http://aheng.ru/sites/default/files/studentam-fon.jpg) repeat-y ;
  20. align-items: center;
  21. background-color: #264525;
  22. }
  23.  
  24. /*навигация*/
  25.  
  26. nav {
  27. background: #444444;
  28. }
  29. nav ul {
  30. list-style: none;
  31. margin: 0;
  32. padding: 0;
  33. }
  34. nav a {
  35. text-decoration: none;
  36. outline: none;
  37. display: block;
  38. transition: .1s ease-in-out;
  39. }
  40. .topmenu {
  41. text-align: center;
  42. padding: 10px 0;
  43. font-size: 23px;
  44. }
  45. .topmenu > li {
  46. display: inline-block;
  47. position: relative;
  48. }
  49. .topmenu > li:after {
  50. content: "";
  51. position: absolute;
  52. right: 0;
  53. width: 1px;
  54. height: 17px;
  55. background: #d2d2d2;
  56. top: 16px;
  57. box-shadow: 4px -2px 0 #d2d2d2;
  58. transform: rotate(30deg);
  59. }
  60. .topmenu > li:last-child:after {
  61. background: none;
  62. box-shadow: none;
  63. }
  64. .topmenu > li > a {
  65. padding: 12px 26px;
  66. color: #eaeaea;
  67. text-transform: uppercase;
  68. font-weight: bold;
  69. letter-spacing: 1px;
  70. font-family: 'ABeeZee', sans-serif;
  71. }
  72. .topmenu li a:hover {
  73. color: #c5b513;
  74. }
  75. .submenu {
  76. position: absolute;
  77. left: 50%;
  78. top: 65px;
  79. width: 210px;
  80. margin-left: -105px;
  81. background: #fafafa;
  82. border: 1px solid #ededed;
  83. z-index: 5;
  84. visibility: hidden;
  85. opacity: 0;
  86. transform: scale(.8);
  87. transition: .4s ease-in-out;
  88. }
  89. .submenu li a {
  90. padding: 10px 0;
  91. margin: 0 10px;
  92. border-bottom: 1px solid #efefef;
  93. font-size: 12px;
  94. color: #484848;
  95. font-family: 'ABeeZee', sans-serif;
  96. font-size: 1.0em;
  97. }
  98. .topmenu > li:hover .submenu {
  99. visibility: visible;
  100. opacity: 1;
  101. transform: scale(1);
  102. }
  103.  
  104. /*конец навигации*/
  105.  
  106.  
  107. h2{
  108. display: table;
  109. font-family: 'ABeeZee', sans-serif;
  110. padding: 12px 67px;
  111. font-size: 30px;
  112. margin: 50px;
  113. color: #fff;
  114. letter-spacing: 2px;
  115. background: #957700;
  116. border: 0;
  117. box-shadow: 0 0 20px 0 #000;
  118. border-radius: 10px;
  119. }
  120.  
  121. /*таблица*/
  122.  
  123. table {
  124. font-family: 'ABeeZee', sans-serif;
  125. width: 1200px;
  126. text-align: center;
  127. background: #c5b513;
  128. color: #fff;
  129. border-collapse: collapse;
  130. }
  131.  
  132. td{
  133. padding: 10px 7px;
  134. background:#f2eeeb;
  135. color: #000;
  136.  
  137. }
  138.  
  139. th:first-child {
  140. text-align: left;
  141. background: #e5dbd4;
  142. color: #383838;
  143. height: 65px;
  144. padding: 5px 7px;
  145. }
  146.  
  147. /*конец таблицы*/
  148. </style>
  149.  
  150. </head>
  151.  
  152.  
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159.  
  160. <body>
  161.  
  162. <td align=right bgcolor="#fff">
  163. <header>
  164.  
  165. <nav>
  166. <ul class="topmenu">
  167. <li><a href="">Главная</a></li>
  168.  
  169.  
  170. <li><a href="">Рейтинг</a>
  171.  
  172. <ul class="submenu">
  173. <li><a href="">8-А</a></li>
  174. <li><a href="">8-Б</a></li>
  175. <li><a href="">9-А</a></li>
  176. <li><a href="">9-Б</a></li>
  177. <li><a href="">10-А</a></li>
  178. <li><a href="">10-Б</a></li>
  179. <li><a href="">11-А</a></li>
  180. <li><a href="">11-Б</a></li>
  181. </ul>
  182. </li>
  183. <li><a href="">Автор</a>
  184. </nav>
  185.  
  186. </header>
  187.  
  188.  
  189.  
  190.  
  191.  
  192.  
  193. <div class="wrapper" align="center">
  194. <h2 > рейтинг 8-Б класса </h2>
  195. </div>
  196.  
  197.  
  198.  
  199.  
  200. <div class="table">
  201.  
  202. <table border="4" height="1527"
  203. bordercolor="#ffffff" border="2" cellpadding="-8" cellspacing="0" align="center">
  204.  
  205. <tr> <th bgcolor=#e5dbd4>Ученик </th><th>Русский язык</th><th>Лит-ра</th><th>Украинский язык</th><th>Украинская литература</th><th>Английский язык</th><th>Немецкий язык</th><th>История Отечества</th><th>География</th><th>Биология</th><th>Химия</th> <th>Физика</th><th>Общество-знание</th><th>Физ-ра</th></tr>
  206.  
  207.  
  208. <!DOCTYPE html>
  209. <html lang="en">
  210. <head>
  211. <meta charset="UTF-8">
  212. <title>Рейтинг 8-Б</title>
  213. <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
  214.  
  215.  
  216.  
  217.  
  218.  
  219. <style>
  220.  
  221. * {
  222. box-sizing: border-box;
  223. }
  224. body {
  225. margin: 0;
  226. background: url(http://aheng.ru/sites/default/files/studentam-fon.jpg) repeat-y ;
  227. align-items: center;
  228. background-color: #264525;
  229. }
  230.  
  231. /*навигация*/
  232.  
  233. nav {
  234. background: #444444;
  235. }
  236. nav ul {
  237. list-style: none;
  238. margin: 0;
  239. padding: 0;
  240. }
  241. nav a {
  242. text-decoration: none;
  243. outline: none;
  244. display: block;
  245. transition: .1s ease-in-out;
  246. }
  247. .topmenu {
  248. text-align: center;
  249. padding: 10px 0;
  250. font-size: 23px;
  251. }
  252. .topmenu > li {
  253. display: inline-block;
  254. position: relative;
  255. }
  256. .topmenu > li:after {
  257. content: "";
  258. position: absolute;
  259. right: 0;
  260. width: 1px;
  261. height: 17px;
  262. background: #d2d2d2;
  263. top: 16px;
  264. box-shadow: 4px -2px 0 #d2d2d2;
  265. transform: rotate(30deg);
  266. }
  267. .topmenu > li:last-child:after {
  268. background: none;
  269. box-shadow: none;
  270. }
  271. .topmenu > li > a {
  272. padding: 12px 26px;
  273. color: #eaeaea;
  274. text-transform: uppercase;
  275. font-weight: bold;
  276. letter-spacing: 1px;
  277. font-family: 'ABeeZee', sans-serif;
  278. }
  279. .topmenu li a:hover {
  280. color: #c5b513;
  281. }
  282. .submenu {
  283. position: absolute;
  284. left: 50%;
  285. top: 65px;
  286. width: 210px;
  287. margin-left: -105px;
  288. background: #fafafa;
  289. border: 1px solid #ededed;
  290. z-index: 5;
  291. visibility: hidden;
  292. opacity: 0;
  293. transform: scale(.8);
  294. transition: .4s ease-in-out;
  295. }
  296. .submenu li a {
  297. padding: 10px 0;
  298. margin: 0 10px;
  299. border-bottom: 1px solid #efefef;
  300. font-size: 12px;
  301. color: #484848;
  302. font-family: 'ABeeZee', sans-serif;
  303. font-size: 1.0em;
  304. }
  305. .topmenu > li:hover .submenu {
  306. visibility: visible;
  307. opacity: 1;
  308. transform: scale(1);
  309. }
  310.  
  311. /*конец навигации*/
  312.  
  313.  
  314. h2{
  315. display: table;
  316. font-family: 'ABeeZee', sans-serif;
  317. padding: 12px 67px;
  318. font-size: 30px;
  319. margin: 50px;
  320. color: #fff;
  321. letter-spacing: 2px;
  322. background: #957700;
  323. border: 0;
  324. box-shadow: 0 0 20px 0 #000;
  325. border-radius: 10px;
  326. }
  327.  
  328. /*таблица*/
  329.  
  330. table {
  331. font-family: 'ABeeZee', sans-serif;
  332. width: 1200px;
  333. text-align: center;
  334. background: #c5b513;
  335. color: #fff;
  336. border-collapse: collapse;
  337. }
  338.  
  339. td{
  340. padding: 10px 7px;
  341. background:#f2eeeb;
  342. color: #000;
  343.  
  344. }
  345.  
  346. th:first-child {
  347. text-align: left;
  348. background: #e5dbd4;
  349. color: #383838;
  350. height: 65px;
  351. padding: 5px 7px;
  352. }
  353.  
  354. /*конец таблицы*/
  355. </style>
  356.  
  357. </head>
  358.  
  359.  
  360.  
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  
  367. <body>
  368.  
  369. <td align=right bgcolor="#fff">
  370. <header>
  371.  
  372. <nav>
  373. <ul class="topmenu">
  374. <li><a href="">Главная</a></li>
  375.  
  376.  
  377. <li><a href="">Рейтинг</a>
  378.  
  379. <ul class="submenu">
  380. <li><a href="">8-А</a></li>
  381. <li><a href="">8-Б</a></li>
  382. <li><a href="">9-А</a></li>
  383. <li><a href="">9-Б</a></li>
  384. <li><a href="">10-А</a></li>
  385. <li><a href="">10-Б</a></li>
  386. <li><a href="">11-А</a></li>
  387. <li><a href="">11-Б</a></li>
  388. </ul>
  389. </li>
  390. <li><a href="">Автор</a>
  391. </nav>
  392.  
  393. </header>
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400. <div class="wrapper" align="center">
  401. <h2 > рейтинг 9-А класса </h2>
  402. </div>
  403.  
  404.  
  405.  
  406.  
  407. <div class="table">
  408.  
  409. <table border="4" height="1527"
  410. bordercolor="#ffffff" border="2" cellpadding="-8" cellspacing="0" align="center">
  411.  
  412. <tr> <th bgcolor=#e5dbd4>Ученик </th><th>Русский язык</th><th>Лит-ра</th><th>Украинский язык</th><th>Украинская литература</th><th>Английский язык</th><th>Немецкий язык</th><th>История Отечества</th><th>География</th><th>Биология</th><th>Химия</th> <th>Физика</th><th>Общество-знание</th><th>Физ-ра</th></tr>
  413.  
  414.  
  415. <tr> <th>Дергачева </th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></tr>
  416. <tr> <th>Дик </th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td> </tr>
  417. <tr> <th>Иванко </th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td> </tr>
  418. <tr> <th>Иванов </th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td> </tr>
  419. <tr> <th>Кобзий </th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></tr>
  420. <tr> <th>Коваленко </th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td> </tr>
  421. <tr> <th>Кравченко </th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td> </tr>
  422. <tr> <th>Орехов</th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td> </tr>
  423. <tr> <th>Плутенко </th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td> </tr>
  424. <tr> <th>Приходько </th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td> </tr>
  425. <tr> <th>Ретивова </th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td> </tr>
  426. <tr> <th>Стоянче </th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td> </tr>
  427. <tr> <th>Терещен</th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td> </tr>
  428. <tr> <th>Харьковский </th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td> </tr>
  429. <tr> <th>Чемес </th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td> </tr>
  430. <tr>
  431.  
  432. <th>Чернышова</th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td> </tr>
  433. <tr> <th>Шерстюк </th><td>Оценка</td><td>Оценка</td><td>Оценка</td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td></td><td>Оценка</td> </tr>
  434.  
  435. </div>
  436.  
  437. </html>
  438.  
  439. </div>
  440.  
  441. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement