diff --git a/cats_photos/cat1.jpg b/cats_photos/cat1.jpg new file mode 100644 index 0000000..8f7ad77 Binary files /dev/null and b/cats_photos/cat1.jpg differ diff --git a/cats_photos/cat10.jpg b/cats_photos/cat10.jpg new file mode 100644 index 0000000..a6942da Binary files /dev/null and b/cats_photos/cat10.jpg differ diff --git a/cats_photos/cat11.jpg b/cats_photos/cat11.jpg new file mode 100644 index 0000000..bd0479e Binary files /dev/null and b/cats_photos/cat11.jpg differ diff --git a/cats_photos/cat12.jpg b/cats_photos/cat12.jpg new file mode 100644 index 0000000..4788cf1 Binary files /dev/null and b/cats_photos/cat12.jpg differ diff --git a/cats_photos/cat13.jpg b/cats_photos/cat13.jpg new file mode 100644 index 0000000..6693cca Binary files /dev/null and b/cats_photos/cat13.jpg differ diff --git a/cats_photos/cat2.jpg b/cats_photos/cat2.jpg new file mode 100644 index 0000000..3a451cc Binary files /dev/null and b/cats_photos/cat2.jpg differ diff --git a/cats_photos/cat3.jpg b/cats_photos/cat3.jpg new file mode 100644 index 0000000..ebae123 Binary files /dev/null and b/cats_photos/cat3.jpg differ diff --git a/cats_photos/cat4.jpg b/cats_photos/cat4.jpg new file mode 100644 index 0000000..09b42a5 Binary files /dev/null and b/cats_photos/cat4.jpg differ diff --git a/cats_photos/cat5.jpg b/cats_photos/cat5.jpg new file mode 100644 index 0000000..423bb52 Binary files /dev/null and b/cats_photos/cat5.jpg differ diff --git a/cats_photos/cat6.jpg b/cats_photos/cat6.jpg new file mode 100644 index 0000000..d3c0f02 Binary files /dev/null and b/cats_photos/cat6.jpg differ diff --git a/cats_photos/cat7.jpg b/cats_photos/cat7.jpg new file mode 100644 index 0000000..c1a6a70 Binary files /dev/null and b/cats_photos/cat7.jpg differ diff --git a/cats_photos/cat8.jpg b/cats_photos/cat8.jpg new file mode 100644 index 0000000..dabb641 Binary files /dev/null and b/cats_photos/cat8.jpg differ diff --git a/cats_photos/cat9.jpg b/cats_photos/cat9.jpg new file mode 100644 index 0000000..f7dd5a0 Binary files /dev/null and b/cats_photos/cat9.jpg differ diff --git a/index.css b/index.css index e69de29..27913f6 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,98 @@ +.list-view-checkbox:checked ~ main .cat-photo +{ + width: 25%; + display: inline-block; +} + +.list-view-checkbox:checked ~ main .information +{ + display: inline-block; + vertical-align: top; + padding-left: 10px; +} + +.list-view-checkbox:checked ~ main .information .name +{ + width: 100%; +} + +.list-view-checkbox:checked ~ main .card +{ + width: 100%; +} + +.name-of-market +{ + font-size: 2em; + text-align: center; + background-color: white; +} + +.name-of-market header:first-letter +{ + color: red; +} + +.card +{ + margin: 5px 0; + display: inline-table; + width: 250px; + text-overflow: ellipsed; +} + +.name a:hover +{ + color: red; +} + +.category:hover +{ + color: gray; + text-decoration: underline; +} + +.cat-photo:hover +{ + border: 1px solid red; +} + +.card:hover +{ + background-color: lightgray; + border: 1px solid black; +} + +.cat-photo +{ + max-width: 100%; +} + +body +{ + background-color: #ff6; +} + +.name +{ + width: 250px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.name a +{ + color: black; +} + +.price .current-price + { + color: red; + font-size: larger; +} + +.list-icon + { + width: 30px; +} diff --git a/index.html b/index.html index d810ba7..9d22dd4 100644 --- a/index.html +++ b/index.html @@ -1,8 +1,286 @@ - + + + Мяндекс.Мурркет +
+ Мяндекс.Муррркет
+ Магазин добрых котиков +
+ + иконка для изображения списка +
+
+ фото полосатого кота +
+
+ Мурзик +
+
Полосатый
+
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+
+ 12 мурлей + 14 мурлей +
+
Самый лучший котик!
+
+
+
+ фото рыжего вислоухого кота +
+
+ Рыжик +
+
Полосатый,Рыжий, Вислоухий
+
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+
+ 11 мурлей + 13 мурлей +
+
Самый лучший котик!
+
+
+
+ фото серого вислоухого кота +
+
+ Пушок +
+
Полосатый, Вислоухий
+
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+
+ 11 мурлей +
+
Самый лучший котик!
+
+
+
+ фото спящего кота +
+
+ Кеша +
+
Полосатый
+
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+
+ 10 мурлей + 12 мурлей +
+
Самый лучший котик!
+
+
+
+ фото рыжего полосатого кота +
+
+ Соня +
+
Рыжий
+
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+
+ 12 мурлей +
+
Самый лучший котик!
+
+
+
+ фото котенка в корзинке +
+
+ Великий и ужасный Бонифаций IV, но можно просто Боня +
+
Котенок
+
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+
+ 13 мурлей +
+
Самый лучший котик!
+
+
+
+ фото рыжего пушистого котёнка +
+
+ Кнопа +
+
Котёнок, Рыжий
+
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+
+ 13 мурлей +
+
Самый лучший котик!
+
+
+
+ фото рыжего пушистого кота +
+
+ Стеша +
+
Рыжий, Пушистый
+
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+
+ 11 мурлей + 13 мурлей +
+
Самый лучший котик!
+
+
+
+ фото спящего полостаого кота +
+
+ Барсик +
+
Полосатый
+
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+
+ 11 мурлей + 13 мурлей +
+
Самый лучший котик!
+
+
+
+ фото рыжего пушистого кота на снегу +
+
+ Муся +
+
Рыжий, Пушистый
+
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+
+ 10 мурлей + 12 мурлей +
+
Самый лучший котик!
+
+
+
+ фото полостаго кота +
+
+ Васька +
+
Полосатый
+
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+
+ 11 мурлей + 13 мурлей +
+
Самый лучший котик!
+
+
+
+ фото чёрного кота +
+
+ Ужас, летящий на крыльях ночи +
+
Черный
+
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+
+ 11 мурлей + 13 мурлей +
+
Самый добрый котик!
+
+
+
+ фото серого кота с пятном на морде в виде усов +
+
+ Мистер Усач +
+
Необычный окрас
+
+ ★ + ★ + ★ + ★ + ☆ +
+
+ 14 мурлей +
+
Самый оригинальный котик!
+
+
+
diff --git a/spisok.png b/spisok.png new file mode 100644 index 0000000..bcc9cf6 Binary files /dev/null and b/spisok.png differ