diff --git a/cats/1.jpg b/cats/1.jpg new file mode 100644 index 0000000..7ef2972 Binary files /dev/null and b/cats/1.jpg differ diff --git a/cats/10.jpg b/cats/10.jpg new file mode 100644 index 0000000..d3fb3e1 Binary files /dev/null and b/cats/10.jpg differ diff --git a/cats/2.jpg b/cats/2.jpg new file mode 100644 index 0000000..a8ce80a Binary files /dev/null and b/cats/2.jpg differ diff --git a/cats/3.jpg b/cats/3.jpg new file mode 100644 index 0000000..e581888 Binary files /dev/null and b/cats/3.jpg differ diff --git a/cats/4.jpg b/cats/4.jpg new file mode 100644 index 0000000..8f2ce6c Binary files /dev/null and b/cats/4.jpg differ diff --git a/cats/5.jpg b/cats/5.jpg new file mode 100644 index 0000000..b6d3640 Binary files /dev/null and b/cats/5.jpg differ diff --git a/cats/6.jpg b/cats/6.jpg new file mode 100644 index 0000000..252fc95 Binary files /dev/null and b/cats/6.jpg differ diff --git a/cats/7.jpg b/cats/7.jpg new file mode 100644 index 0000000..6a4a725 Binary files /dev/null and b/cats/7.jpg differ diff --git a/cats/8.jpg b/cats/8.jpg new file mode 100644 index 0000000..6a4d220 Binary files /dev/null and b/cats/8.jpg differ diff --git a/cats/9.jpg b/cats/9.jpg new file mode 100644 index 0000000..25b29b9 Binary files /dev/null and b/cats/9.jpg differ diff --git a/index.css b/index.css index e69de29..dec7088 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,112 @@ +main +{ + text-align: center; +} + +.item +{ + margin: 15px; + padding: 5px; + display: inline-block; + vertical-align: top; + width: 270px; +} + +.cat-photo +{ + width: 100%; + height: auto; +} + +.card +{ + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.item:hover +{ + box-shadow: 0 0 10px #0078ff; +} + +.cost +{ + color: red; + font: bold 110% serif; +} + +span.cost +{ + color: #000; + text-decoration: line-through; +} + +.category +{ + color: #a9a9a9; +} + +.rating +{ + text-align: left; + color: blue; + unicode-bidi: bidi-override; + direction: rtl; +} + +.rating > span +{ + display: inline-block; + position: relative; + width: 2em; +} + +.rating > span:hover:before, +.rating > span:hover ~ span:before +{ + content: '\2605'; + position: absolute; +} + +a:hover +{ + text-decoration: none; + color: #fff; + background: #e24486; +} + +.list:checked ~ main .item +{ + display: block; + width: 95%; +} + +.list:checked ~ main .card, +.list:checked ~ main .photo +{ + margin: 5px; + vertical-align: middle; + width: 30%; + height: auto; + display: inline-block; +} + +.list:checked ~ main .description +{ + margin: 5px; + vertical-align: middle; + width: 30%; + display: inline-block; +} + +.description +{ + hyphens: manual; +} + +.list:checked ~ .item .photo +{ + position: relative; + width: 50%; +} diff --git a/index.html b/index.html index d810ba7..2158bad 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,225 @@ + Мяндекс.Муррркет + + + +
+
+
+
+ cat1 +
+
+ Безумная Бусяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя
+ Безумный +
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+

$1000.99 $1500.99

+
+

+ Забери меняяяя к себееееее. Со мной тебе будет весело, обещаю +

+
+ +
+
+ cat2 +
+
+ Лорд
+ Пугливый +
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+

$100.99 $150.99

+
+

+ Я очень пугливый, но если со мной будешь ты, мне ничего не страшно +

+
+ +
+
+ cat1 +
+
+ Маруся
+ Пушистая +
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+

$150.99 $200

+
+

+ Мяяяяяяя­яяяяуууу­уууууу­уууу­ууу­уууууууу­уууу­ууууууууу + ­ууууу +

+
+ +
+
+ cat1 +
+
+ Алиса
+ Голубоглазая +
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+

$1000000 $1500000

+
+

+ Посмотри в мои глаза и ты все поймешь +

+
+ +
+
+ cat1 +
+
+ Степа
+ Смешной +
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+

$100.99 $150.99

+
+

+ Буду следить за тем, чтобы ты надевал шап­ку и не за­бо­лел +

+
+ +
+
+ cat1 +
+
+ Макар
+ Ленивый +
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+

$100.99 $150.99

+
+

+ Давай вместе валяться и смот­реть се­ри­аль­чи­ки +

+
+ +
+
+ cat1 +
+
+ Солнышко
+ Сладенький +
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+

$100.99 $150.99

+
+

+ Хочу на ручкиии +

+
+ +
+
+ cat1 +
+
+ Мурка
+ Дарит любовь +
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+

$100.99 $150.99

+
+

+ Со мной в тво­ем до­ме бу­дет теп­ло и уют­но +

+
+ +
+
+ cat1 +
+
+ Адель и Арнольд
+ Двойняшки +
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+

$100.99 $150.99

+
+

+ Всегда вместе +

+
+ +
+
+ cat1 +
+
+ Алька
+ Голубые глазки +
+ ☆ + ☆ + ☆ + ☆ + ☆ +
+

$100.99 $150.99

+
+

+ Люблю обнимаашки. Когда тебе будет грустно, буду тебя обнимать, равзлекать и мурлыкать +

+
+ +