diff --git a/.~lock.plbackground.odt# b/.~lock.plbackground.odt# new file mode 100644 index 00000000..d126cc56 --- /dev/null +++ b/.~lock.plbackground.odt# @@ -0,0 +1 @@ +,howard,howard-Lenovo,25.10.2022 10:06,file:///home/howard/.config/libreoffice/4; \ No newline at end of file diff --git a/css/style.css b/css/style.css index 75e9841e..33a736ae 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,180 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ + +body { + margin: 5px; + font-family: Arial, Helvetica, sans-serif; + font-size: 1rem; + background: lightblue; +} + +h1, +h2, +h3 { + margin-top: 0; + margin-bottom: 0; +} + +h5 { + margin-bottom: 15px; +} + +h2 { + text-align: center; + margin-top: 20px; + background: yellowgreen; +} + +p { + margin-top: 0; + margin-bottom: 0; +} + +.header, +.footer { + padding: 0 1.5rem; + max-width: 1200px; + margin: 0 auto; +} + +/* Header */ + +.header { + display: flex; + align-items: center; + justify-content: space-between; + height: 5rem; + margin-bottom: 1rem; + padding-top: 1rem; +} + +/* Navigation */ + +.navigation__list { + display: flex; + list-style: none; +} + +.navigation__item { + padding: 0.5rem 0; +} + +.navigation__link { + color: var(--grey-dark); + font-weight: 600; + text-transform: uppercase; + text-decoration: none; + margin: 8px; +} +.navigation__link:hover { + background: yellow; +} + +/*image*/ +img { + width: 100px; + height: 80px; +} + +/* Text styles */ + +.text-highlight { + color: var(--orange-dark); + font-weight: 600; +} + +.arrow-right { + display: inline-block; + height: 0; + width: 0; + border: 6px solid var(--white); + border-left-color: var(--orange-dark); +} + +/* Headings */ + +.heading-underline { + position: relative; + margin-bottom: 2rem; + padding-bottom: 0.5rem; + border-bottom: 2px solid var(--orange-light); + font-size: 1rem; + font-weight: 600; + text-transform: uppercase; +} + +.heading-underline:before { + content: ""; + position: absolute; + bottom: -2px; + left: 0; + width: 25%; + height: 2px; + max-width: 100px; + background: var(--orange-dark); +} + +/* Article */ + +.learn-more { + margin-bottom: 1rem; +} + +.m-b { + margin-bottom: 15px; +} + +.m-b:first-child { + background: gold; +} + +.article__title { + margin-bottom: 0.5rem; + font-size: 1rem; + font-weight: 700; +} + +.article__title-link { + text-decoration: none; + color: var(--orange-dark); +} + +.article__summary { + margin-top: 0; + margin-bottom: 1rem; +} + +.article__read-more { + margin-top: 0; +} + +.article__read-more a { + font-size: 0.85rem; + font-weight: 700; + color: var(--orange-dark); + text-decoration: none; +} + +.article__read-more a:hover, +.article__read-more a:focus { + text-decoration: underline; +} + +/* Footer */ + +.footer { + margin-top: 2rem; +} + +.footer__content { + border-top: 2px solid var(--orange-light); + padding-top: 2rem; + padding-bottom: 2rem; +} + +.footer p { + padding-bottom: 1rem; + text-align: center; + font-size: 0.85rem; +} diff --git a/download.jpeg b/download.jpeg new file mode 100644 index 00000000..82f9fa1b Binary files /dev/null and b/download.jpeg differ diff --git a/index.html b/index.html index 67dfc7f5..2b84b77b 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> - My Blog + Premier League Blog +
+

Premier League Football Blog

+ football + + +
+ There is no one who loves pain itself, who seeks after it and wants to + have it, simply because it is pain. +
+
+ +
+
+

Week 12

+ +
+
+

+ . The Member Clubs of the Premier League +

+

+ + "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." +

+

+ + + click here to learn more + +

+
+ +
+

. Funding for National League clubs

+

+ + But I must explain to you how all this mistaken idea of + denouncing pleasure and praising pain was born and I will give + you a complete account of the system, and expound the actual + teachings of the great explorer of the truth, the master-builder + of human happiness. No one rejects, dislikes, or avoids pleasure + itself +

+

+ + + click here to learn more + +

+
+ +
+

. Latest transfer windows

+

+ + Ut enim ad minima veniam, quis nostrum exercitationem ullam + corporis suscipit laboriosam, nisi ut aliquid ex ea commodi + consequatur? Quis autem vel eum iure reprehenderit qui in ea + voluptate velit esse quam nihil molestiae consequatur, vel illum + qui dolorem eum fugiat quo voluptas nulla pariatur?" +

+

+ + + click here to learn more + +

+
+
+
+
+
+