diff --git a/HW5/maket_table.css b/HW5/maket_table.css new file mode 100644 index 0000000..226aba6 --- /dev/null +++ b/HW5/maket_table.css @@ -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; +} diff --git a/HW5/maket_table.html b/HW5/maket_table.html new file mode 100644 index 0000000..c6f5e9f --- /dev/null +++ b/HW5/maket_table.html @@ -0,0 +1,166 @@ + + + + Лобанова Е. Домашнее задание 5 + + + + + + +
ПРИВЕТ УЧАСТНИКАМ СОРЕВНОВАНИЙ!
+
+ +

Расписание спортивных мероприятий на 3 июля 2021

+
+

Футбол

+ + + + + + + + + + + + + + + + + + + + +
16:45Футбол. Чемпионат Беларуси. Слуцк - Спутник
17:05Футбол. Контрольный матч. Зенит - Шальке
17:55Футбол. Контрольный матч. Динамо - ЛАСК
18:45Футбол. Чемпионат Беларуси. Энергетик-БГУ - Ислочь
+
+
+ +
+

Хоккей

+ + + + + + + + + + + + + + + + + + + + +
16:45Хоккей. Чемпионат Беларуси. Слуцк - Спутник
17:05Хоккей. Контрольный матч. Зенит - Шальке
17:55Хоккей. Контрольный матч. Динамо - ЛАСК
18:45Хоккей. Чемпионат Беларуси. Энергетик-БГУ - Ислочь
+
+

Фигурное Катание

+ + + + + + + + + + + + + + + + + + + + +
16:45Фигурное Катание. Чемпионат Беларуси. Слуцк - Спутник
17:05Фигурное Катание. Контрольный матч. Зенит - Шальке
17:55Фигурное Катание. Контрольный матч. Динамо - ЛАСК
18:45Фигурное Катание. Чемпионат Беларуси. Энергетик-БГУ - Ислочь
+
+

Американский Футбол

+ + + + + + + + + + + + + + + + + + + + +
16:45Американский Футбол. Чемпионат Беларуси. Слуцк - Спутник
17:05Американский Футбол. Контрольный матч. Зенит - Шальке
17:55Американский Футбол. Контрольный матч. Динамо - ЛАСК
18:45Американский Футбол. Чемпионат Беларуси. Энергетик-БГУ - Ислочь
+
+

Триатлон

+ + + + + + + + + + + + + + + + + + + +
16:45Триатлон. Чемпионат Беларуси. Слуцк - Спутник
17:05Триатлон. Контрольный матч. Зенит - Шальке
17:55Триатлон. Контрольный матч. Динамо - ЛАСК
18:45Триатлон.Чемпионат Беларуси. Энергетик-БГУ - Ислочь
+
+ +
+
+ + + diff --git a/Maket/fonts/fontawesome-webfont.eot b/Maket/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..9b6afae Binary files /dev/null and b/Maket/fonts/fontawesome-webfont.eot differ diff --git a/Maket/fonts/fontawesome-webfont.svg b/Maket/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..d05688e --- /dev/null +++ b/Maket/fonts/fontawesome-webfont.svg @@ -0,0 +1,655 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Maket/fonts/fontawesome-webfont.ttf b/Maket/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..26dea79 Binary files /dev/null and b/Maket/fonts/fontawesome-webfont.ttf differ diff --git a/Maket/fonts/fontawesome-webfont.woff b/Maket/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..dc35ce3 Binary files /dev/null and b/Maket/fonts/fontawesome-webfont.woff differ diff --git a/Maket/fonts/fontawesome-webfont.woff2 b/Maket/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..500e517 Binary files /dev/null and b/Maket/fonts/fontawesome-webfont.woff2 differ diff --git a/Maket/fonts/glyphicons-halflings-regular.eot b/Maket/fonts/glyphicons-halflings-regular.eot new file mode 100644 index 0000000..b93a495 Binary files /dev/null and b/Maket/fonts/glyphicons-halflings-regular.eot differ diff --git a/Maket/fonts/glyphicons-halflings-regular.svg b/Maket/fonts/glyphicons-halflings-regular.svg new file mode 100644 index 0000000..94fb549 --- /dev/null +++ b/Maket/fonts/glyphicons-halflings-regular.svg @@ -0,0 +1,288 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Maket/fonts/glyphicons-halflings-regular.ttf b/Maket/fonts/glyphicons-halflings-regular.ttf new file mode 100644 index 0000000..1413fc6 Binary files /dev/null and b/Maket/fonts/glyphicons-halflings-regular.ttf differ diff --git a/Maket/fonts/glyphicons-halflings-regular.woff b/Maket/fonts/glyphicons-halflings-regular.woff new file mode 100644 index 0000000..9e61285 Binary files /dev/null and b/Maket/fonts/glyphicons-halflings-regular.woff differ diff --git a/Maket/fonts/glyphicons-halflings-regular.woff2 b/Maket/fonts/glyphicons-halflings-regular.woff2 new file mode 100644 index 0000000..64539b5 Binary files /dev/null and b/Maket/fonts/glyphicons-halflings-regular.woff2 differ diff --git a/Maket/fonts/icon-font.eot b/Maket/fonts/icon-font.eot new file mode 100644 index 0000000..90309a6 Binary files /dev/null and b/Maket/fonts/icon-font.eot differ diff --git a/Maket/fonts/icon-font.svg b/Maket/fonts/icon-font.svg new file mode 100644 index 0000000..dcb10ec --- /dev/null +++ b/Maket/fonts/icon-font.svg @@ -0,0 +1,21 @@ + + + +Generated by Fontastic.me + + + + + + + + + + + + + + + + + diff --git a/Maket/fonts/icon-font.ttf b/Maket/fonts/icon-font.ttf new file mode 100644 index 0000000..30d4ab7 Binary files /dev/null and b/Maket/fonts/icon-font.ttf differ diff --git a/Maket/fonts/icon-font.woff b/Maket/fonts/icon-font.woff new file mode 100644 index 0000000..0ba3fa2 Binary files /dev/null and b/Maket/fonts/icon-font.woff differ diff --git a/Maket/images/bg-4.jpg b/Maket/images/bg-4.jpg new file mode 100644 index 0000000..b9c1fcb Binary files /dev/null and b/Maket/images/bg-4.jpg differ diff --git a/Maket/images/bg-5.jpg b/Maket/images/bg-5.jpg new file mode 100644 index 0000000..f275afe Binary files /dev/null and b/Maket/images/bg-5.jpg differ diff --git a/Maket/images/pattern1.png b/Maket/images/pattern1.png new file mode 100644 index 0000000..fd7356e Binary files /dev/null and b/Maket/images/pattern1.png differ diff --git a/Maket/images/preloader.gif b/Maket/images/preloader.gif new file mode 100644 index 0000000..071ecd6 Binary files /dev/null and b/Maket/images/preloader.gif differ diff --git a/Maket/maket.css b/Maket/maket.css new file mode 100644 index 0000000..614b9f1 --- /dev/null +++ b/Maket/maket.css @@ -0,0 +1,127 @@ +body{ +background-color: rgb(0, 0, 0); + font-family: 'Montserrat', sans-serif; + font-size: 13px; + color: white; + display: flex; + flex-flow: column wrap; +} + +.head_wrapper::before{ +content: "__"; +background-image: url("https://raw.githubusercontent.com/evjlobanova/evjlobanova.github.io/main/Maket/images/bg-5.jpg"); +background-size: 70%; +background-repeat: no-repeat; +background-position: top center; +opacity: 55%; +display: block; +width: 100%; +height: 400px; + +} +.logo_wrapper{ + top:0px; + width: 100%; + position: absolute; + display: flex; + flex-direction: row; + justify-content: space-around; + align-items: baseline; +} +logo{ + display: flex; +} +navigation{ + display: flex; +} +a{ + color: white; + padding-left: 5px; + cursor: pointer; +} +header{ +top:0px; +width: 100%; +position: absolute; +color: white; +height: 400px; +display: flex; +flex-flow: column wrap; +justify-content: center; +align-items: center; +} +button{ + margin-top: 50px; + background: #19BB96; + width: 120px; + height: 40px; + border:0px; + border-radius: 4px; + cursor: pointer; + font-size: 12px; + color: white; + font-weight: bold; +} +h1{ + display: flex; + width: 50%; + justify-content: center; +} +header div{ + display: flex; + width: 50%; + justify-content: center; +} +article{ + align-self: center; + width: 70%; + height: 600px; + display: flex; + flex-flow: row wrap; + justify-content: space-around; + background-color: white; + color: black; +} +.testimonials{ + display: flex; + align-items: center; + flex-flow: column wrap; +} +.background_testimonials{ + width:70%; + height: 300px; + background-image: url("https://raw.githubusercontent.com/evjlobanova/evjlobanova.github.io/main/Maket/images/bg-4.jpg"); + background-size: 200%; + background-repeat: no-repeat; + background-position: top left; + opacity: 25%; + align-items;: center +} + +.testimonials_text{ + width: 100%; + top: 1200px; + position: absolute; + color: white; + height: 300px; + display: flex; + flex-flow: column wrap; + justify-content: center; + align-items: center; + } +contacts{ + align-self: center; + width: 70%; + height: 600px; + display: flex; + background-color: white; + color: black; +} +footer{ + align-self: center; + width: 70%; + height: 600px; + display: flex; + background-color: white; + color: black; +}