Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Рейтинг 8-Б</title>
- <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
- <style>
- * {
- box-sizing: border-box;
- }
- body {
- margin: 0;
- background: url(http://aheng.ru/sites/default/files/studentam-fon.jpg) repeat-y ;
- align-items: center;
- background-color: #264525;
- }
- /*навигация*/
- nav {
- background: #444444;
- }
- nav ul {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- nav a {
- text-decoration: none;
- outline: none;
- display: block;
- transition: .1s ease-in-out;
- }
- .topmenu {
- text-align: center;
- padding: 10px 0;
- font-size: 23px;
- }
- .topmenu > li {
- display: inline-block;
- position: relative;
- }
- .topmenu > li:after {
- content: "";
- position: absolute;
- right: 0;
- width: 1px;
- height: 17px;
- background: #d2d2d2;
- top: 16px;
- box-shadow: 4px -2px 0 #d2d2d2;
- transform: rotate(30deg);
- }
- .topmenu > li:last-child:after {
- background: none;
- box-shadow: none;
- }
- .topmenu > li > a {
- padding: 12px 26px;
- color: #eaeaea;
- text-transform: uppercase;
- font-weight: bold;
- letter-spacing: 1px;
- font-family: 'ABeeZee', sans-serif;
- }
- .topmenu li a:hover {
- color: #c5b513;
- }
- .submenu {
- position: absolute;
- left: 50%;
- top: 65px;
- width: 210px;
- margin-left: -105px;
- background: #fafafa;
- border: 1px solid #ededed;
- z-index: 5;
- visibility: hidden;
- opacity: 0;
- transform: scale(.8);
- transition: .4s ease-in-out;
- }
- .submenu li a {
- padding: 10px 0;
- margin: 0 10px;
- border-bottom: 1px solid #efefef;
- font-size: 12px;
- color: #484848;
- font-family: 'ABeeZee', sans-serif;
- font-size: 1.0em;
- }
- .topmenu > li:hover .submenu {
- visibility: visible;
- opacity: 1;
- transform: scale(1);
- }
- /*конец навигации*/
- h2{
- display: table;
- font-family: 'ABeeZee', sans-serif;
- padding: 12px 67px;
- font-size: 30px;
- margin: 50px;
- color: #fff;
- letter-spacing: 2px;
- background: #957700;
- border: 0;
- box-shadow: 0 0 20px 0 #000;
- border-radius: 10px;
- }
- /*таблица*/
- table {
- font-family: 'ABeeZee', sans-serif;
- width: 1200px;
- text-align: center;
- background: #c5b513;
- color: #fff;
- border-collapse: collapse;
- }
- td{
- padding: 10px 7px;
- background:#f2eeeb;
- color: #000;
- }
- th:first-child {
- text-align: left;
- background: #e5dbd4;
- color: #383838;
- height: 65px;
- padding: 5px 7px;
- }
- /*конец таблицы*/
- </style>
- </head>
- <body>
- <td align=right bgcolor="#fff">
- <header>
- <nav>
- <ul class="topmenu">
- <li><a href="">Главная</a></li>
- <li><a href="">Рейтинг</a>
- <ul class="submenu">
- <li><a href="">8-А</a></li>
- <li><a href="">8-Б</a></li>
- <li><a href="">9-А</a></li>
- <li><a href="">9-Б</a></li>
- <li><a href="">10-А</a></li>
- <li><a href="">10-Б</a></li>
- <li><a href="">11-А</a></li>
- <li><a href="">11-Б</a></li>
- </ul>
- </li>
- <li><a href="">Автор</a>
- </nav>
- </header>
- <div class="wrapper" align="center">
- <h2 > рейтинг 8-Б класса </h2>
- </div>
- <div class="table">
- <table border="4" height="1527"
- bordercolor="#ffffff" border="2" cellpadding="-8" cellspacing="0" align="center">
- <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>
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Рейтинг 8-Б</title>
- <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
- <style>
- * {
- box-sizing: border-box;
- }
- body {
- margin: 0;
- background: url(http://aheng.ru/sites/default/files/studentam-fon.jpg) repeat-y ;
- align-items: center;
- background-color: #264525;
- }
- /*навигация*/
- nav {
- background: #444444;
- }
- nav ul {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- nav a {
- text-decoration: none;
- outline: none;
- display: block;
- transition: .1s ease-in-out;
- }
- .topmenu {
- text-align: center;
- padding: 10px 0;
- font-size: 23px;
- }
- .topmenu > li {
- display: inline-block;
- position: relative;
- }
- .topmenu > li:after {
- content: "";
- position: absolute;
- right: 0;
- width: 1px;
- height: 17px;
- background: #d2d2d2;
- top: 16px;
- box-shadow: 4px -2px 0 #d2d2d2;
- transform: rotate(30deg);
- }
- .topmenu > li:last-child:after {
- background: none;
- box-shadow: none;
- }
- .topmenu > li > a {
- padding: 12px 26px;
- color: #eaeaea;
- text-transform: uppercase;
- font-weight: bold;
- letter-spacing: 1px;
- font-family: 'ABeeZee', sans-serif;
- }
- .topmenu li a:hover {
- color: #c5b513;
- }
- .submenu {
- position: absolute;
- left: 50%;
- top: 65px;
- width: 210px;
- margin-left: -105px;
- background: #fafafa;
- border: 1px solid #ededed;
- z-index: 5;
- visibility: hidden;
- opacity: 0;
- transform: scale(.8);
- transition: .4s ease-in-out;
- }
- .submenu li a {
- padding: 10px 0;
- margin: 0 10px;
- border-bottom: 1px solid #efefef;
- font-size: 12px;
- color: #484848;
- font-family: 'ABeeZee', sans-serif;
- font-size: 1.0em;
- }
- .topmenu > li:hover .submenu {
- visibility: visible;
- opacity: 1;
- transform: scale(1);
- }
- /*конец навигации*/
- h2{
- display: table;
- font-family: 'ABeeZee', sans-serif;
- padding: 12px 67px;
- font-size: 30px;
- margin: 50px;
- color: #fff;
- letter-spacing: 2px;
- background: #957700;
- border: 0;
- box-shadow: 0 0 20px 0 #000;
- border-radius: 10px;
- }
- /*таблица*/
- table {
- font-family: 'ABeeZee', sans-serif;
- width: 1200px;
- text-align: center;
- background: #c5b513;
- color: #fff;
- border-collapse: collapse;
- }
- td{
- padding: 10px 7px;
- background:#f2eeeb;
- color: #000;
- }
- th:first-child {
- text-align: left;
- background: #e5dbd4;
- color: #383838;
- height: 65px;
- padding: 5px 7px;
- }
- /*конец таблицы*/
- </style>
- </head>
- <body>
- <td align=right bgcolor="#fff">
- <header>
- <nav>
- <ul class="topmenu">
- <li><a href="">Главная</a></li>
- <li><a href="">Рейтинг</a>
- <ul class="submenu">
- <li><a href="">8-А</a></li>
- <li><a href="">8-Б</a></li>
- <li><a href="">9-А</a></li>
- <li><a href="">9-Б</a></li>
- <li><a href="">10-А</a></li>
- <li><a href="">10-Б</a></li>
- <li><a href="">11-А</a></li>
- <li><a href="">11-Б</a></li>
- </ul>
- </li>
- <li><a href="">Автор</a>
- </nav>
- </header>
- <div class="wrapper" align="center">
- <h2 > рейтинг 9-А класса </h2>
- </div>
- <div class="table">
- <table border="4" height="1527"
- bordercolor="#ffffff" border="2" cellpadding="-8" cellspacing="0" align="center">
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- </div>
- </html>
- </div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement