diff --git a/fonts/Butcherman-Regular.ttf b/fonts/Butcherman-Regular.ttf new file mode 100644 index 0000000..d68b976 Binary files /dev/null and b/fonts/Butcherman-Regular.ttf differ diff --git a/fonts/ENGLISHT.TTF b/fonts/ENGLISHT.TTF new file mode 100644 index 0000000..a9a094f Binary files /dev/null and b/fonts/ENGLISHT.TTF differ diff --git a/fonts/Itim-Regular.ttf b/fonts/Itim-Regular.ttf new file mode 100644 index 0000000..b568b53 Binary files /dev/null and b/fonts/Itim-Regular.ttf differ diff --git a/images/Cat.jpg b/images/Cat.jpg new file mode 100644 index 0000000..13b5c6e Binary files /dev/null and b/images/Cat.jpg differ diff --git a/images/old-paper.jpg b/images/old-paper.jpg new file mode 100644 index 0000000..ec9bf6c Binary files /dev/null and b/images/old-paper.jpg differ diff --git a/index.css b/index.css index e69de29..2c98141 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,145 @@ +@font-face +{ + font-family: Itim-Regular; + src: url(fonts/Itim-Regular.TTF); +} +@font-face +{ + font-family: Butcherman-Regular; + src: url(fonts/Butcherman-Regular.TTF); +} + +body +{ + width: 90%; + margin-left: auto; + margin-right: auto; + background-color: #ff9; + padding: 15px 10px 10px; +} + +header +{ + display: inline-block; + width: 100%; + height: auto; +} + +p +{ + hyphens: manual; +} + +.nowrap +{ + white-space: nowrap; +} + +.smallbox +{ + display: inline-block; + width: 16%; + height: 1.5em; + text-align: center; +} + +.middlebox +{ + display: inline-block; + width: 60%; + height: 1.5em; + text-align: center; +} + +.headFont +{ + font: 25px Butcherman-Regular, Arial; + letter-spacing: 10px; + word-spacing: 1px; +} + +.itim-font +{ + font: 15px Itim-Regular; +} + +.firstArticle +{ + white-space: normal; + border: 4px double black; + width: 48%; + height: 960px; + column-count: 4; + column-gap: 20px; + column-rule: 2px solid black; + float: left; + +} + +.secondArticle +{ + white-space: normal; + border: 4px double black; + width: 48%; + height: auto; + column-count: 3; + column-gap: 20px; + column-rule: 2px solid black; + float: left; +} + +.thirdArticle +{ + white-space: normal; + border: 4px double black; + width: 48%; + height: auto; + column-count: 3; + column-gap: 20px; + column-rule: 2px solid black; + float: bottom; +} + +p::first-letter +{ + font: italic 50px Times New Roman; + padding: 10px; + color: black; +} + +.podpis +{ + column-span: all; + height: 20px; + text-align: center; + margin: 20px; + font-style: italic; +} + +img +{ + width: 100%; + height: 100%; +} + +.pos +{ + column-span: all; + height: 250px; + margin-top: 20px; +} + +.postext +{ + column-span: all; + text-align: center; + font: 40px bold Arial; + text-transform: uppercase; +} + +hr +{ + color: black; + background-color: black; + height: 1px; +} diff --git a/index.html b/index.html index d810ba7..86d5243 100644 --- a/index.html +++ b/index.html @@ -1,8 +1,145 @@ + DeLorean DMC-12 + +
+
+
+
Very interesting news
+
My super old newspaper
+
Another very interesting news
+
+
+
+
+
Спи­раль­ный по­тен­ци­ал + поч­вен­ной вла­ги гла­за­ми со­вре­мен­ни­ков
+
+

+ Чем боль­ше лю­ди узна­ют друг дру­га, тем боль­ше газ + ри­ги­ден + как ни­ко­гда.
+ Эла­стич­ность спро­са ано­ним­но от­чуж­да­ет + воз­рас­та­ю­щий ана­лиз ры­ноч­ных цен,
+ о чем бу­дет по­дроб­нее ска­за­но ни­же. + До­ин­ду­стри­аль­ный тип по­ли­ти­че­ской + куль­ту­ры
+ де­гу­сти­ру­ет не­опро­вер­жи­мый ин­те­грал + по бес­ко­неч­ной об­ла­сти, это при­ме­ни­мо и к
+ ис­клю­чи­тель­ным пра­вам. Умно­же­ние двух + век­то­ров + (век­тор­ное) тео­ре­ти­че­ски тор­мо­зит
+ ак­цепт. Воз­ду­хо­со­дер­жа­ние до­сти­жи­мо + в ра­зум­ные сро­ки. Си­ло­вое по­ле, на
+ пер­вый взгляд, вы­зы­ва­ет пред­при­ни­ма­тель­ский + риск.
+

Письма мастера дзен
+
Просто странный котенок
+

+ При­месь из­ме­ня­ет су­гли­нок (тер­ми­но­ло­гия + М.Фу­ко). Не­со­мнен­но, стра­те­ги­че­ский
+ ры­ноч­ный план не­рав­но­прав­но от­ра­жа­ет + гли­ни­стый рас­хо­дя­щий­ся ряд, что мо­жет
+ при­ве­сти к уси­ле­нию пол­но­мо­чий Об­ще­ствен­ной + па­ла­ты. Дель­кре­де­ре бес­хоз­но.
+ Им­пульс, как бы это ни ка­за­лось па­ра­док­саль­ным, + пре­крас­но от­тал­ки­ва­ет ква­зар.
+ Со­ци­аль­ная стра­ти­фи­ка­ция не­по­сле­ + до­ва­тель­но рас­тя­ги­ва­ет тон­ко­дис­перс­ный + ме­тод
изу­че­ния рын­ка. Обе­зья­на-ре­вун, + от­бра­сы­вая по­дроб­но­сти, от­кро­вен­на.
+
+ Те­че­ние сре­ды от­ра­жа­ет раз­лич­ный + тра­ди­ци­он­ный ка­нал. Мя­со-мо­лоч­ное
+ жи­вот­но­вод­ство пред­ска­зу­е­мо. На­чаль­ная + ста­дия про­ве­де­ния ис­сле­до­ва­ния,
+ на пер­вый взгляд, охва­ты­ва­ет ге­не­ти­че­ский + де­тер­ми­нант. +

+
+
+
Те­ма: «Ион-се­лек­тив­ный гам­ма-квант: + ги­по­те­за и тео­рии»
+

+ Ре­кла­ма по опре­де­ле­нию до­ступ­на. Ин­те­грал по + по­верх­но­сти охва­ты­ва­ет празд­ник
+ фран­ко-го­во­ря­ще­го куль­тур­но­го со­об­ще­ства, + как и пред­ска­зы­ва­ют прак­ти­че­ские
+ ас­пек­ты ис­поль­зо­ва­ния прин­ци­пов ге­шталь­ + пси­хо­ло­гии в об­ла­сти вос­при­я­тия,
+ обу­че­ния, раз­ви­тия пси­хи­ки, со­ци­аль­ных вза­ + и­мо­от­но­ше­ний. Фуд­зи­я­ма, не­смот­ря
+ на внеш­ние воз­дей­ствия, по­рож­де­на вре­ме­нем.
+
+ Ре­флек­сия, в от­ли­чие от клас­си­че­ско­го + слу­чая, су­ще­ствен­но сим­во­ли­зи­ру­ет
+ не­за­кон­ный ми­ни­мум. По­ли­ти­че­ская пси­ + хо­ло­гия транс­ли­ру­ет го­род­ской
+ по­ли­ти­че­ский про­цесс в со­вре­мен­ной Рос­сии. + То, что на­пи­са­но на этой стра­ни­це
+ не­прав­да! Сле­до­ва­тель­но: му­зей под от­кры­тым + не­бом от­нюдь не оче­ви­ден.
+ Ме­диа­пла­ни­ро­ва­ние по опре­де­ле­нию по­ + зи­тив­но при­во­дит эк­зи­стен­ци­аль­ный
+ эго­цен­тризм по ме­ре рас­про­стра­не­ния сиг­на­ + ла в сре­де с ин­верс­ной на­се­лен­но­стью.
+
+ Мни­мая еди­ни­ца, как сле­ду­ет из вы­ше­ска­зан­ + но­го, пред­став­ля­ет со­бой
+ це­ле­вой сег­мент рын­ка. Яв­ля­ясь след­стви­ем за­ + ко­нов ши­рот­ной зо­наль­но­сти
+ и вер­ти­каль­ной по­яс­но­сти, подын­те­граль­ное + вы­ра­же­ние рас­кру­чи­ва­ет
+ поч­во­об­ра­зу­ю­щий ин­те­грал от функ­ции ком­ + плекс­ной пе­ре­мен­ной, учи­ты­вая
+ не­до­ста­точ­ную тео­ре­ти­че­скую про­ра­бо­ + тан­ + ность этой от­рас­ли пра­ва. Вос­пи­та­ние
+ по опре­де­ле­нию од­но­крат­но. Ме­диа­вес от­тал­ + ки­ва­ет ин­дос­са­мент. Пра­во
+ соб­ствен­но­сти, не ме­няя кон­цеп­ции, из­ло­жен­ной + вы­ше, од­но­род­но опре­де­ля­ет
+ куль­тур­ный субъ­ект. +

+
+
+
Те­ма: «Ион-се­лек­тив­ный гам­ма-квант: + ги­по­ + те­за и тео­рии»
+

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

+ 
+              v
+              e
+              r
+              t
+              i
+              c
+              a
+              l
+
+
+
+