Skip to content

Maket2 #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
evjlobanova wants to merge 11 commits into
base: Maket
Choose a base branch
from
Open

Maket2 #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
d46e4c4
Merge pull request #3 from evjlobanova/HW-4
Pristavka Jun 24, 2021
3d3677f
Create maket_table.html
evjlobanova Jul 3, 2021
29f9f94
Create maket_table.css
evjlobanova Jul 3, 2021
0ca21e9
Update maket_table.html
evjlobanova Jul 3, 2021
7bc1842
Responsible buttons
evjlobanova Jul 3, 2021
abdde17
Merge pull request #7 from evjlobanova/Maket
evjlobanova Jul 4, 2021
8bf8be7
Add files via upload
evjlobanova Jul 4, 2021
20e9314
Add files via upload
evjlobanova Jul 4, 2021
4c4a5ab
Merge pull request #5 from evjlobanova/HW-5
Pristavka Jul 4, 2021
42eb246
First stage of maket
evjlobanova Jul 7, 2021
24ef4e4
Update maket.css
evjlobanova Jul 7, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 58 additions & 0 deletions HW5/maket_table.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
body {
background: #FFF;
color: #000;
font-size: 25px;
font-family: 'Montserrat', sans-serif;
}
header {
background: #90e2ec94;
text-align: center;
padding: 15px;
}
.wrapper{
display: flex;
}
nav{
background: #0b3feb3b;
width: 20%;
float: left;
}
.menu{
width: 15%;
position:fixed;
padding-left: 10px;
}
}
.menu div{
width: 100% ;
}
button{
background: #e0f1afcc;
margin: 15px;
font-size: 20px;
font-family: 'Montserrat', sans-serif;
width: 100%;
transition-duration: 0.4s;
cursor: pointer;
}
button:hover{
background:#0b3feb65;
color: #FFF;
}
button:active{
background:#043cf5da;
color: #FFF;
}
article{
background: #e0f1afcc;
width: 80%;
float: right;
}
footer{
background: #90e2ec94;
text-align: center;
padding: 15px;
}
section{
padding: 20px;
}
166 changes: 166 additions & 0 deletions HW5/maket_table.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,166 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Лобанова Е. Домашнее задание 5</title>
<link rel="stylesheet" href="maket_table.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap">
</head>

<body>
<header>ПРИВЕТ УЧАСТНИКАМ СОРЕВНОВАНИЙ!</header>
<div class="wrapper">
<nav>
<div class="menu"> <h3>Виды спорта:</h3>
<div >
<a href="maket_table.html#Football">
<button type="submit">Футбол</button>
</a>
</div>
<div >
<a href="maket_table.html#Hockey">
<button type="submit">Хоккей</button>
</a>
</div>
<div >
<a href="maket_table.html#Skatting">
<button type="submit">Фигурное катание</button>
</a>
</div>
<div >
<a href="maket_table.html#American">
<button type="submit">Рэгби</button>
</a>
</div>
<div >
<a href="maket_table.html#Triatlon">
<button type="submit">Триатлон</button>
</a>
</div>
</div>
</nav>
<article><h1>Расписание спортивных мероприятий на 3 июля 2021</h1>
<section id="Football">
<h2>Футбол</h2>
<table>
<tbody>
<tr>
<td>16:45</td>
<td>Футбол. Чемпионат Беларуси. Слуцк - Спутник</td>
</tr>
<tr>
<td>17:05</td>
<td>Футбол. Контрольный матч. Зенит - Шальке</td>
</tr>
<tr>
<td>17:55</td>
<td>Футбол. Контрольный матч. Динамо - ЛАСК</td>
</tr>
<tr>
<td>18:45</td>
<td>Футбол. Чемпионат Беларуси. Энергетик-БГУ - Ислочь</td>
</tr>

</tbody>
</table>
</section>
<section class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/aAh2ozG9B9M" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</section>
<section id="Hockey"> <h2>Хоккей</h2>
<table>
<tbody>
<tr>
<td>16:45</td>
<td>Хоккей. Чемпионат Беларуси. Слуцк - Спутник</td>
</tr>
<tr>
<td>17:05</td>
<td>Хоккей. Контрольный матч. Зенит - Шальке</td>
</tr>
<tr>
<td>17:55</td>
<td>Хоккей. Контрольный матч. Динамо - ЛАСК</td>
</tr>
<tr>
<td>18:45</td>
<td>Хоккей. Чемпионат Беларуси. Энергетик-БГУ - Ислочь</td>
</tr>

</tbody>
</table>
</section>
<section id="Skatting"> <h2>Фигурное Катание</h2>
<table>
<tbody>
<tr>
<td>16:45</td>
<td>Фигурное Катание. Чемпионат Беларуси. Слуцк - Спутник</td>
</tr>
<tr>
<td>17:05</td>
<td>Фигурное Катание. Контрольный матч. Зенит - Шальке</td>
</tr>
<tr>
<td>17:55</td>
<td>Фигурное Катание. Контрольный матч. Динамо - ЛАСК</td>
</tr>
<tr>
<td>18:45</td>
<td>Фигурное Катание. Чемпионат Беларуси. Энергетик-БГУ - Ислочь</td>
</tr>

</tbody>
</table>
</section>
<section id="American"><h2>Американский Футбол</h2>
<table>
<tbody>
<tr>
<td>16:45</td>
<td>Американский Футбол. Чемпионат Беларуси. Слуцк - Спутник</td>
</tr>
<tr>
<td>17:05</td>
<td>Американский Футбол. Контрольный матч. Зенит - Шальке</td>
</tr>
<tr>
<td>17:55</td>
<td>Американский Футбол. Контрольный матч. Динамо - ЛАСК</td>
</tr>
<tr>
<td>18:45</td>
<td>Американский Футбол. Чемпионат Беларуси. Энергетик-БГУ - Ислочь</td>
</tr>

</tbody>
</table>
</section>
<section id="Triatlon"><h2>Триатлон</h2>
<table>
<tbody>
<tr>
<td>16:45</td>
<td>Триатлон. Чемпионат Беларуси. Слуцк - Спутник</td>
</tr>
<tr>
<td>17:05</td>
<td>Триатлон. Контрольный матч. Зенит - Шальке</td>
</tr>
<tr>
<td>17:55</td>
<td>Триатлон. Контрольный матч. Динамо - ЛАСК</td>
</tr>
<tr>
<td>18:45</td>
<td>Триатлон.Чемпионат Беларуси. Энергетик-БГУ - Ислочь</td>
</tr>
</tbody>
</table>
</section>

</article>
</div>
<footer>ГЛАВНОЕ НЕ ПОБЕДА, А УЧАСТИЕ</footer>
</body>
</html>
Binary file added Maket/fonts/fontawesome-webfont.eot
View file
Open in desktop
Binary file not shown.
Loading