diff --git a/about.html b/about.html index 74d29d3..3084560 100644 --- a/about.html +++ b/about.html @@ -14,22 +14,36 @@
-

Tytuł waszej strony

-
-
-

O mnie

-

Tu właśnie napisz cokolwiek o sobie. Może wymień ulubione zespoły czy książi? Dobry serial czy film, który ostatnio widziałeś/aś?

-

Lorem ipsum dolor sit amet quam. Nunc tristique sodales. Phasellus a auctor est, dapibus non, lobortis convallis, dui non risus. Sed lobortis dapibus, libero a dolor. Nullam libero nunc, luctus et malesuada augue sit amet tempus dictum faucibus orci ac pede. Cras congue, lacus sed leo et interdum wisi eu lorem. Sed diam vel lectus. Pellentesque laoreet urna et posuere eget.

-

Phasellus facilisis urna mi, id leo sed felis augue odio sagittis urna. Proin in velit adipiscing wisi. Curabitur scelerisque iaculis. Pellentesque mattis id, sapien. Proin imperdiet sed, ullamcorper et, eros. Sed sit amet neque quis augue. Morbi ut nonummy eget, ante. Maecenas nisl at metus. Aenean congue sit amet turpis at sagittis vel, consequat eu, pulvinar nulla ornare pulvinar mollis, purus laoreet risus. Etiam lobortis condimentum nec, scelerisque porttitor risus. Suspendisse adipiscing. Nulla sed massa in enim. In pede. Sed euismod mi. Fusce tristique, urna risus sit amet neque magna orci ipsum.

+
+

Kilka rzeczy o mnie

+

A więc znajdą się tu książkowe tytuły takie jak: Milczenie owiec, Igrzyska śmierci, Te prosiaczka czy Metro 2033

+

Z muzyki będą to: Pink Floydzi, Nirvana, Red Hot Chilli Peppers, Metallica, Black Sabbath, Happysad i wiele, wiele innych.

+

Nazywam się Mateusz aka Twistu/Maszut.

+ + + - \ No newline at end of file + diff --git a/index.html b/index.html index 8ed894a..ec8677a 100644 --- a/index.html +++ b/index.html @@ -14,7 +14,7 @@
-

Tytuł waszej strony

+

Uczymy się

Cześć, witaj na mojej pięknej stronie!

-

Mój pierwszy paragraf z tekstem. Oczywiście, nie może się obejść bez Lorem Ipsum. Bo nie może, nie?

-

Lorem ipsum dolor sit amet quam. Nunc tristique sodales. Phasellus a auctor est, dapibus non, lobortis convallis, dui non risus. Sed lobortis dapibus, libero a dolor. Nullam libero nunc, luctus et malesuada augue sit amet tempus dictum faucibus orci ac pede. Cras congue, lacus sed leo et interdum wisi eu lorem. Sed diam vel lectus. Pellentesque laoreet urna et posuere eget.

-

Phasellus facilisis urna mi, id leo sed felis augue odio sagittis urna. Proin in velit adipiscing wisi. Curabitur scelerisque iaculis. Pellentesque mattis id, sapien. Proin imperdiet sed, ullamcorper et, eros. Sed sit amet neque quis augue. Morbi ut nonummy eget, ante. Maecenas nisl at metus. Aenean congue sit amet turpis at sagittis vel, consequat eu, pulvinar nulla ornare pulvinar mollis, purus laoreet risus. Etiam lobortis condimentum nec, scelerisque porttitor risus. Suspendisse adipiscing. Nulla sed massa in enim. In pede. Sed euismod mi. Fusce tristique, urna risus sit amet neque magna orci ipsum.

+
- \ No newline at end of file + diff --git a/style.css b/style.css index e69de29..c96d899 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,97 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background: #222; + color: #eee; + font-size: 15px; +} + +a { + text-decoration: none; + color: purple; +} + +/* header */ + +header { + background: #fff; + color: #000; + padding: 20px; + display: flex; + justify-content: space-between; + align-items: center; +} + +header li { + list-style-type: none; + display: inline-block; + margin-left: 1em; +} + +.current a { + font-weight: bold; +} + + +/* main */ + +.row { + max-width: 1200px; + width: 90%; + margin: 0 auto; +} + +main { + padding: 2rem 0; +} + +p { + margin-top: 1em; +} + +/* footer */ + +footer { + padding: 20px; + background: #555; +} + +/*ul*/ +.karciana{ + color:bisque; + font-style:italic; +} + +.strategia{ + color:coral; + font-style:oblique; + font-weight:bold; +} + +.indie{ + color:lightblue; + text-decoration:underline; +} + +.horror{ + color:olive; + + padding:5px; + + border:2px dotted lightgrey; + max-width:200px; +} + +.akcji{ + color:palegreen; + letter-spacing:2px; +} +#best { + font-size:20px; + margin-bottom:5px: +} +