diff --git a/img/cat1.jpg b/img/cat1.jpg new file mode 100644 index 0000000..7049a2e Binary files /dev/null and b/img/cat1.jpg differ diff --git a/img/cat2.jpg b/img/cat2.jpg new file mode 100644 index 0000000..bdbcde9 Binary files /dev/null and b/img/cat2.jpg differ diff --git a/img/cat3.jpg b/img/cat3.jpg new file mode 100644 index 0000000..065ede5 Binary files /dev/null and b/img/cat3.jpg differ diff --git a/img/cat4.jpg b/img/cat4.jpg new file mode 100644 index 0000000..7881b8f Binary files /dev/null and b/img/cat4.jpg differ diff --git a/img/cat5.jpg b/img/cat5.jpg new file mode 100644 index 0000000..f57d680 Binary files /dev/null and b/img/cat5.jpg differ diff --git a/img/cat6.jpg b/img/cat6.jpg new file mode 100644 index 0000000..af11bf3 Binary files /dev/null and b/img/cat6.jpg differ diff --git a/index.css b/index.css index e69de29..e67d9ef 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,104 @@ +body +{ + width: 100%; + height: 100%; + font-family: 'trebuchet ms', sans-serif; + font-size: 15px; + background: #dfe2e3; + line-height: 18px; +} + +header +{ + text-align: center; +} + +footer +{ + text-align: center; +} + +h4 +{ + font-size: 22px; + font-weight: normal; +} + +.vitrina +{ + clear: both; + overflow: hidden; + text-align: center; + font-size: 0; + padding: 10px 20px; + line-height: 24px; +} + +.blocks +{ + vertical-align: top; + display: inline-block; + text-align: left; + width: 20%; + padding: 2%; + font-size: 13px; +} + +.blocks img +{ + display: block; + margin: auto; + max-width: 100%; +} + +.price +{ + color: blue; +} + +a:hover +{ + background: grey; + color: white; +} + +img:hover +{ + opacity: .7; +} + +.blocks:hover +{ + background: grey; + color: white; +} + +.rating +{ + unicode-bidi: bidi-override; + direction: rtl; +} + +.rating > span +{ + display: inline-block; + position: relative; + width: 1.1em; +} + +.rating > span:hover:before, +.rating > span:hover ~ span:before +{ + content: '\2605'; + position: absolute; + color: blue; +} + +@media only screen and (max-width:720px) +{ + .blocks + { + display: block; + width: 96%; + } +} diff --git a/index.html b/index.html index d810ba7..7e4e46f 100644 --- a/index.html +++ b/index.html @@ -1,8 +1,89 @@ - - - - - + + Мяндекс.Муррркет + + + + + +
+

Мяндекс.Муррркет

+
+
+
+ cat1 +

Великолепная кошечка

+ Бабулин магазин - Коты +
+ ☆☆☆ + ☆☆ +
+
Цена: 39 999 руб.
+

Умильные глазки и удивленный взгляд поразят ваше воображение. + Она увидит любого гостя в вашем доме.

+
+
+ cat2 +

Царская особа

+ Бабулин магазин - Коты +
+ ☆☆☆ + ☆☆ +
+
Цена: 555 999 руб.
+

Несмотря на обычный и непримечательный вид, данная особа обладает + всеми навыками, достойными царской особы.

+
+
+ cat3 +

Неповторимая барышня

+ Бабулин магазин - Коты +
+ ☆☆☆ + ☆☆ +
+
Цена: 47 050 руб.
+

Настоящая барышня славится не только хорошими манерами, но и + умеет быстро выполнять поручения хозяев.

+
+
+ cat4 +

Насмешка судьбы

+ Бабулин магазин - Коты +
+ ☆☆☆ + ☆☆ +
+
Цена: 33 000 руб.
+

Скрасит ваши серые будни яркими красками и незаурядным настроением.

+
+
+ cat5 +

Садовая особая

+ Бабулин магазин - Коты +
+ ☆☆☆ + ☆☆ +
+
Цена: 27 000 руб.
+

Умеет справляться с мышами, оградит ваш огород от незванных гостей.

+
+
+ cat6 +

Просто рыжая

+ Бабулин магазин - Коты +
+ ☆☆☆ + ☆☆ +
+
Цена: 50 000 руб.
+

Поможет в любой жизненной ситуации, будет верным помощником и + оберегом в ваших делах.

+
+
+ +