diff --git a/index.css b/index.css index e69de29..b74d723 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,119 @@ +main +{ + width: 1050px; + position: relative; + overflow: hidden; + display: block; + margin: 0 auto; +} + +a +{ + text-decoration: none; + font-size: 34px; + color: #111; +} + +.vegetables-gallery +{ + width: 3400px; + transition: all 2s ease-in-out; + -webkit-transition: all 2s ease-in-out; + -moz-transition: all 2s ease-in-out; + -o-transition: all 2s ease-in-out; +} + +.page1, +.page2, +.page3 +{ + display: inline-block; + margin: 0 auto; + font: 14px Arial; +} + +.vegetable +{ + margin: 5px; + width: 250px; + display: inline-block; + vertical-align: top; +} + +.vegetable img +{ + width: 100%; +} + +.vegetable .vegetable-name, +.vegetable .description, +.modal +{ + display: none; +} + +.modal +{ + position: fixed; + background: rgba(25, 184, 11, .2); + z-index: 5; + width: 100%; + height: 100%; + display: none; + top: 0; + left: 0; +} + +.modal .hidden-image +{ + margin: 0 auto; + margin-top: 10%; + max-width: 30%; + max-height: 30%; +} + +.modal:target +{ + display: block; +} + +.vegetable:hover +{ + box-shadow: 0 0 1px; +} + +.vegetable:hover .vegetable-name, +.vegetable:hover .description +{ + margin: 10px; + display: inline-block; +} + +.slide1:checked ~ .vegetables-gallery +{ + margin-left: 0; +} + +.slide2:checked ~ .vegetables-gallery +{ + margin-left: -1055px; +} + +.slide3:checked ~ .vegetables-gallery +{ + margin-left: -2110px; +} + +.close +{ + position: absolute; + font-size: 28px; + top: 30px; + right: 30px; + z-index: 15; +} + +.close:hover +{ + cursor: pointer; +} diff --git a/index.html b/index.html index d810ba7..1ecc542 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,289 @@ + + Бабулькин урожай +
+ + + +
+
+
+
+ + Патисон + +
+

Патисон

+

+ Па­тис­сон - од­но­лет­нее тра­вя­ни­стое + рас­те­ние се­мей­ства Тык­вен­ные, рас­те­ние + име­ет ку­сто­вую или по­лу­ку­сто­вую фор­му + с круп­ны­ми, от­но­си­тель­но жёст­ки­ми + ли­стья­ми. +

+
+ +
+
+ + Томат + +
+

Помидор

+

+ По­ми­дор (то­мат) - один из наи­бо­лее + рас­про­стра­нен­ных ово­щей в ми­ре, + пред­став­ля­ет со­бой куст, + стеб­ли ко­то­ро­го по­сте­пен­но + де­ре­ве­не­ют. +

+
+ +
+
+ + + +
+

Морковь

+

+ Мор­ковь - дву­лет­нее тра­вя­ни­стое рас­те­ние + се­мей­ства сель­де­рей­ных вы­со­той до 30 см. + Ли­стья длин­но­че­реш­ко­вые, два­жды и три­жды + пе­ри­сто­рас­се­чен­ные. Че­реш­ки + опу­шен­ные. В 1-й год жиз­ни об­ра­зу­ет + кор­не­плод. Цве­тет на 2-й год. Цвет­ки со­бра­ны + в слож­ный зон­тик. +

+
+ +
+
+ + Редис + +
+

Редис

+

+ Ре­дис - съе­доб­ное рас­те­ние и + вы­ра­щи­ва­ет­ся как овощ во мно­гих + стра­нах ми­ра. Его на­зва­ние про­ис­хо­дит + от лат. radix — ко­рень. В пи­щу обыч­но + упо­треб­ля­ют кор­не­пло­ды, ко­то­рые + име­ют тол­щи­ну до 3 см и по­кры­ты тон­кой + ко­жей, окра­шен­ной ча­ще в крас­ный, ро­зо­вый + или бе­ло-ро­зо­вый цвет. +

+
+ +
+
+
+
+ + Капуста краснокочанная + +
+

Капуста краснокочанная

+

+ Крас­но­ко­чан­ная ка­пу­ста яв­ля­ет­ся + раз­но­вид­но­стью бе­ло­ко­чан­ной. + Она име­ет си­не­ва­то-фи­о­ле­то­вые, + ино­гда с пур­пур­ным от­тен­ком ли­стья, + спе­ци­фи­че­ская окрас­ка ко­то­рых + вид­на уже у се­ян­цев. +

+
+ +
+
+ + Баклажан + +
+

Баклажан

+

+ Ба­кла­жан мно­го­лет­ние тра­вя­ни­стое + рас­те­ний.Из­ве­стен так­же под + на­зва­ни­ем бадри­джан или си­нень­кие. +

+
+ +
+
+ + Буряк + +
+

Буряк

+

+ Дву­лет­нее рас­те­ние се­мей­ства + ма­ре­вых, кор­не­плод­ная овощ­ная + куль­ту­ра. Ее ро­ди­на - + Сре­ди­зем­но­мо­рье. Как ни стран­но, + че­ло­век сна­ча­ла оце­нил вкус + све­коль­ных ли­стьев и уж за­тем + рас­про­бо­вал кор­не­пло­ды свек­лы. +

+
+ +
+
+ + Кукуруза + +
+

Кукуруза

+

+ Ку­ку­ру­за — вы­со­ко­рос­лое + од­но­лет­нее тра­вя­ни­стое рас­те­ние, + до­сти­га­ю­щее вы­со­ты 3 м.Ку­ку­ру­зу + вы­ра­щи­ва­ют для по­лу­че­ния + по­чат­ков со съе­доб­ны­ми зер­на­ми. + Яв­ля­ет­ся са­мым важ­ным зер­ном по­сле + пше­ни­цы и ри­са +

+
+ +
+
+
+
+ + Лук репчатый + +
+

Лук репчатый

+

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

+
+ +
+
+ + Момордика + +
+

Момордика

+

+ Плод мо­мор­ди­ки пред­став­ля­ет + со­бой удли­нен­ную округ­ло­оваль­ную + яго­ду не­обыч­ной фор­мы. Сна­ру­жи он + по­кры­та не­обыч­ны­ми + со­соч­ко­об­раз­ны­ми вы­сту­па­ми. + Окрас­ка ягод мо­жет быть яр­ко-оран­же­вая, + бе­лая или жел­тая. +

+ +
+
+
+ + Сладкий перец + +
+

Сладкий перец

+

+ Слад­кий пе­рец со­дер­жит со­еди­не­ния, + не поз­во­ля­ю­щие кан­це­ро­ге­нам + про­ни­кать в клет­ки. Это поз­во­ля­ет + обес­пе­чить в не­ко­то­рой сте­пе­ни + за­щи­ту от раз­ви­тия ра­ка. +

+
+ +
+
+ + Чеснок + +
+

Чеснок

+

+ Чес­нок - мно­го­лет­нее тра­вя­ни­стое + рас­те­ние, при­над­ле­жа­щее к + се­мей­ству лу­ко­вых. +

+
+ +
+
+
+ + + +
+
diff --git a/vegetables/aubergine.jpg b/vegetables/aubergine.jpg new file mode 100644 index 0000000..dfaeccd Binary files /dev/null and b/vegetables/aubergine.jpg differ diff --git a/vegetables/buriak.jpg b/vegetables/buriak.jpg new file mode 100644 index 0000000..c78580e Binary files /dev/null and b/vegetables/buriak.jpg differ diff --git a/vegetables/carrot.jpg b/vegetables/carrot.jpg new file mode 100644 index 0000000..7f8a110 Binary files /dev/null and b/vegetables/carrot.jpg differ diff --git a/vegetables/garlic.jpg b/vegetables/garlic.jpg new file mode 100644 index 0000000..2319927 Binary files /dev/null and b/vegetables/garlic.jpg differ diff --git a/vegetables/maize.jpg b/vegetables/maize.jpg new file mode 100644 index 0000000..0b6c4db Binary files /dev/null and b/vegetables/maize.jpg differ diff --git a/vegetables/momordica.jpg b/vegetables/momordica.jpg new file mode 100644 index 0000000..e3a77f3 Binary files /dev/null and b/vegetables/momordica.jpg differ diff --git a/vegetables/onion.jpg b/vegetables/onion.jpg new file mode 100644 index 0000000..0e637e7 Binary files /dev/null and b/vegetables/onion.jpg differ diff --git a/vegetables/pattypan.jpg b/vegetables/pattypan.jpg new file mode 100644 index 0000000..d087bb4 Binary files /dev/null and b/vegetables/pattypan.jpg differ diff --git a/vegetables/pepper.jpg b/vegetables/pepper.jpg new file mode 100644 index 0000000..0f9e4d1 Binary files /dev/null and b/vegetables/pepper.jpg differ diff --git a/vegetables/radish.jpg b/vegetables/radish.jpg new file mode 100644 index 0000000..ecfc45d Binary files /dev/null and b/vegetables/radish.jpg differ diff --git a/vegetables/scotch.jpg b/vegetables/scotch.jpg new file mode 100644 index 0000000..e231067 Binary files /dev/null and b/vegetables/scotch.jpg differ diff --git a/vegetables/tomato.jpg b/vegetables/tomato.jpg new file mode 100644 index 0000000..49bec42 Binary files /dev/null and b/vegetables/tomato.jpg differ