diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..2fb0945 --- /dev/null +++ b/css/style.css @@ -0,0 +1,61 @@ +body { + background-color: rgb(228, 222, 222); +} +.header-block, +.footer-block { + background-color: white; + margin-right: 20px; + margin-left: 20px; + height: 50px; + display: flex; + justify-content: center; + align-items: center; +} +.header-block { + margin-top: 20px; + margin-bottom: 5px; +} +.footer-block { + margin-top: 5px; + margin-bottom: 20px; +} +.content-block { + background-color: white; + overflow: hidden; + margin-right: 20px; + margin-left: 20px; +} +.photos-block, +.tegs-block { + display: flex; + flex-grow: 0; + flex-shrink: 1; + flex-direction: row; + flex-wrap: wrap; + background-color: rgb(228, 222, 222); + margin-top: 20px; + margin-right: 40px; + margin-left: 40px; +} +.photos-block { + justify-content: center; + margin-top: 20px; +} +.photo { + width: 320px; + height: 240px; + margin: 12px; +} +.filter { + width: 320px; + margin-right: 12px; + margin-left: 12px; +} +.tegs-block { + margin-top: 40px; + margin-bottom: 20px; +} +.teg { + background-color: rgb(187, 184, 184); + margin: 12px; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..ab561a8 --- /dev/null +++ b/index.html @@ -0,0 +1,128 @@ + + + + + + + + Фотографии Кеши + + + +
header
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
+
День радио 2021г
+
Гоночные машины
+
Котики
+
Собачки
+
Лисы
+
Lorem ipsum dolor sit
+
Amet consectetur adipisicing elit
+
Illo voluptates
+
Lorem ipsum dolor sit
+
+ Ea dicta laboriosam illo labore non eos repellat +
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. +
+
+ Magni qui veritatis vero optio voluptatibus distinctio + nesciunt in esse unde? +
+
+
+
footer
+ +