diff --git a/css/style.css b/css/style.css index 75e9841e..e811f4a6 100644 --- a/css/style.css +++ b/css/style.css @@ -2,7 +2,84 @@ * Add your custom styles below * * Remember: - * - Be organised, use comments and separate your styles into meaningful chunks - * for example: General styles, Navigation styles, Hero styles, Footer etc. + * - Be organised, use comments and separate your styles into + meaningful chunks + * for example: General styles, Navigation styles, + Hero styles, Footer etc. * */ +body { + font-family: "Roboto", sans-serif; + -webkit-font-smoothing: antialiased; + margin: 10px; + color: rgb(85, 83, 83); +} +h1 { + text-align: center; + font: 4rem sans-serif; +} +h3 { + text-align: center; + font: 1.5rem sans-serif; +} +.nav_list { + display: flex; + list-style: none; + justify-content: center; +} +.nav_item { + padding: 2rem; + font-size: 1.4rem; +} +.nav_link { + color: var(--grey-dark); + font-weight: 400; + text-decoration: none; +} +.nav_item:hover { + color: #c05326; +} + +/* Main*/ +.main { + display: flex; + flex-direction: column; +} +section { + display: flex; + flex-direction: column; + align-items: center; +} +/*First element of section*/ +section:first-child { + font-weight: 700; +} +h2 { + padding-right: 30%; +} +section p { + width: 50%; +} +a { + text-decoration: none; +} +a:hover { + color: #c05326; +} +/*Footer*/ +hr { + width: 60%; +} +footer { + text-align: center; +} + + + + + + + + + + diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 00000000..6e63180a Binary files /dev/null and b/favicon.ico differ diff --git a/img/competition.jpg b/img/competition.jpg new file mode 100644 index 00000000..53972a8a Binary files /dev/null and b/img/competition.jpg differ diff --git a/img/earth.jpg b/img/earth.jpg new file mode 100644 index 00000000..343f7479 Binary files /dev/null and b/img/earth.jpg differ diff --git a/img/favicon.ico b/img/favicon.ico new file mode 100644 index 00000000..6e63180a Binary files /dev/null and b/img/favicon.ico differ diff --git a/img/game.jpg b/img/game.jpg new file mode 100644 index 00000000..3aa0a510 Binary files /dev/null and b/img/game.jpg differ diff --git a/index.html b/index.html index 67dfc7f5..f17de104 100644 --- a/index.html +++ b/index.html @@ -6,16 +6,78 @@ name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> - My Blog + Oleksii Chepurnyi Blog - + +
+ +
+

Sense of Life

+

Blog about the meaning of life and lorem ipsum...

+ + +
+
+ +
+

Earth is our Home

+ earth +

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen + book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially + unchanged.

+
+ +

Competition is development

+ competition +

Contrary to popular belief, Lorem Ipsum is not simply random text. It has + roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. + Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, + looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, + and going through the cites of the word in classical literature, discovered the + undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de + Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. + This book is a treatise on the theory of ethics, very popular during the Renaissance. + The first line of Lorem Ipsum, Lorem ipsum dolor sit amet.. comes from a line in section 1.10.32.

+ +

Our life is a game

+ game +

Lorem Ipsum is simply dummy text of the printing and typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a + galley of type and scrambled it to make a type specimen + book.

+
+ +