diff --git a/blogcenter/img/artist-camera-dslr-22185.jpg b/blogcenter/img/artist-camera-dslr-22185.jpg new file mode 100644 index 0000000..4171817 Binary files /dev/null and b/blogcenter/img/artist-camera-dslr-22185.jpg differ diff --git a/blogcenter/img/links.txt b/blogcenter/img/links.txt new file mode 100644 index 0000000..c0bd342 --- /dev/null +++ b/blogcenter/img/links.txt @@ -0,0 +1 @@ +https://www.pexels.com/photo/landscape-rocks-photographer-yellow-22185/ \ No newline at end of file diff --git a/blogcenter/index.html b/blogcenter/index.html new file mode 100644 index 0000000..9fdbd9e --- /dev/null +++ b/blogcenter/index.html @@ -0,0 +1,78 @@ + + + + BlogCenter + + + + + + + + + + + + + + + + +
+ Photo by Zukiman Mohamad from Pexels +
+
+
+ Zarządzaj blogiem +
+
+

Centrum Blogów

+ Zacznij swą blogową przygodę +
+
+ + +
+
+
+

Najnowsze wpisy:

+
+

Lorem Ipsum

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Czytaj więcej

+
+
+

Lorem Ipsum

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Czytaj więcej

+
+
+

Lorem Ipsum

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Czytaj więcej

+
+
+

Lorem Ipsum

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Czytaj więcej

+
+
+

Lorem Ipsum

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Czytaj więcej

+
+
+

Lorem Ipsum

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Czytaj więcej

+
+
+
+
+

Grupa Alfa 2018

+
+
+ + + + \ No newline at end of file diff --git a/blogcenter/indexstyle.css b/blogcenter/indexstyle.css new file mode 100644 index 0000000..8cb8ee5 --- /dev/null +++ b/blogcenter/indexstyle.css @@ -0,0 +1,95 @@ +.body{ + background-color: azure; +} + +.background{ + position:absolute; + width: 100%; + height: 500px; + margin-right: 0; + margin-left: 0; + z-index: -1; +} + +.background img { + width: 100%; + height: 500px; + z-index: -1; +} + +.header { + position: sticky; + width: 100%; + height: 500px; + margin-right: 0; + margin-left: 0; +} + +.header .login { + left: 82%; + top: 2%; + padding: 0; +} + +.header .register { + text-align: center; + top: 30%; + padding: 0; +} + +.header .search { + left: 20%; + top: 85%; + padding: 0; +} + +.mainrow { + top: 68%; + left: 2%; + max-width: 98%; +} + +.mininote h3 { + text-align: center; +} + +.mininote img { + display: block; + margin-left: auto; + margin-right: auto; + width: 50%; +} + +.mininote p { + text-align: justify; +} + +.footer { + background-color: lightgray; + width: 100%; +} + +.footer p{ + font: "Comic Sans MS"; + font-size: 25px; + width: 100%; + text-align: center; +} + +.button { + background-color: #f4c242; + border: 1px solid #f4b241; + border-radius: 6px; + color: gray; + padding: 12px 22px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 14px; + transition-duration: 0.2s; +} + +.button:hover { + background-color: #f4b241; + color: white; +} \ No newline at end of file