From c394ef78873442ff507522e2bec8d3309734e991 Mon Sep 17 00:00:00 2001 From: Patou Malongi Mabando Date: Sat, 4 Jun 2022 04:19:23 +0200 Subject: [PATCH] MY COURSEWORK-WEEK1 I added 2 files html and CSS. --- css/style.css | 126 ++++++++++++++++++++++++++++++++--- index.html | 180 +++++++++++++++++++++++++++++++++++++++++++++++--- 2 files changed, 288 insertions(+), 18 deletions(-) diff --git a/css/style.css b/css/style.css index 75e9841e..f919b09c 100644 --- a/css/style.css +++ b/css/style.css @@ -1,8 +1,118 @@ -/** - * 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. - * - */ +@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap'); + +html { + font-family: 'Roboto', sans-serif; +} + +body { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +header { + width: 100%; + height: 40vh; + border-bottom: 2px solid rgb(109, 93, 68); + background-image: linear-gradient(60deg, #2b412d 0%, #352517 100%); + align-items: center; + display: flex; + flex-direction: row; + justify-content: center; +} + +h1 { + font-weight: 500; + font-size: 50px; + color: rgb(201, 201, 100); + border: 2px solid rgb(201, 201, 100); + padding: 10px 30px; +} + +h1:hover { + box-shadow: 0 0 20px 0px rgb(129, 129, 15) +} + + +h2 { + font-size: 35px; +} + +h3 { + font-size: 20px; +} + +p { + font-size: 30px; +} + +main { + width: 80%; + margin: 15px auto; +} + + +/* img */ +.img { + width: 100%; + height: 80vh; +} + +/* container */ +.container { + width: 85%; + margin: 0 auto; +} + +/* articles- blog */ +.articles-blogs { + background-color: white; + padding: 20px; + margin-top: 20px; +} + +/* Footer */ +footer { + text-align: center; + background: rgb(13, 71, 78); + color: #e4e4e4; + height: 40vh; + padding-top: 20px 0; +} + +.footer-content h4 { + padding: 20px 0 0 0; + font-weight: 500; + font-size: 20px; + text-align: center; +} + + +.footer-content p { + max-width: 500; + line-height: 10px; + font-size: 15px; +} + +.socials { + list-style: none; + display: flex; + margin: 16px; + align-items: center; + justify-content: center; + margin: 1rem 2rem; + padding: 20px 20px; +} + +.socials li { + margin: 0 10px; +} + +.footer-bottom { + background: rgb(3, 40, 44); + padding: 20px 0; +} + +span { + color: crimson; +} diff --git a/index.html b/index.html index 67dfc7f5..cfa443a7 100644 --- a/index.html +++ b/index.html @@ -2,21 +2,181 @@ - - My Blog + + - + My Blog + - - +
+

NOBEL PEACE PRIZE

+
+
+
+
+

Nobel Peace Price

+ photo +

+ The Nobel Peace Prize is one of the five Nobel Prizes established by + the will of Swedish industrialist, inventor and armaments (military + weapons and equipment) manufacturer Alfred Nobel, along with the + prizes in Chemistry, Physics, Physiology or Medicine and Literature. + Since March 1901, it has been awarded annually (with some + exceptions) to those who have "done the most or the best work for + fraternity between nations, for the abolition or reduction of + standing armies and for the holding and promotion of peace + congresses". +

+

+ In accordance with Alfred Nobel's will, the recipient is selected by + the Norwegian Nobel Committee, a five-member committee appointed by + the Parliament of Norway. Since 2020 the prize is awarded in the + Atrium of the University of Oslo, where it was also awarded + 1947–1989; the Abel Prize is also awarded in the building. The prize + was previously awarded in Oslo City Hall (1990–2019), the Norwegian + Nobel Institute (1905–1946), and the Parliament (1901–1904). Due to + its political nature, the Nobel Peace Prize has, for most of its + history, been the subject of numerous controversies. The most recent + prize for 2021 was awarded to Maria Ressa and Dmitry Muratov. +

+

+ Read more about Nobel Peace Price + Wikipedia entry. +

+
+
+

Dr.Denis Mukwege

+

Dr.Denis Mukwege, Nobel Peace Prize 2018

+ photo +

+ Denis Mukwege (born 1 March 1955) is a Congolese gynecologist and + Pentecostal pastor. He founded and works in Panzi Hospital in + Bukavu, where he specializes in the treatment of women who have been + raped by armed rebels. +

+

+ In 2018, Mukwege and Iraqi Yazidi human rights activist Nadia Murad + were jointly awarded the Nobel Peace Prize for "their efforts to end + the use of sexual violence as a weapon of war and armed conflict" +

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas + porro, iure reiciendis modi voluptatibus blanditiis, debitis vitae + nam obcaecati nihil at, distinctio assumenda dolorem neque ducimus + fugit aperiam qui amet. +

+

+ Read more about Dr.Denis Mukwege + Wikipedia entry. +

+
+
+

Maria Ressa

+

Maria Angelita Ressa Nobel Peace Price, 2021

+ photo +

+ Maria Angelita Ressa (Tagalog pronunciation: [ˈɾesa], born on + October 2, 1963) is a Filipino-American journalist and author, the + co-founder and CEO of Rappler, and the first Filipino recipient of + the Nobel Peace Prize. She previously spent nearly two decades + working as a lead investigative reporter in Southeast Asia for CNN. +

+

+ Ressa was included in Time's Person of the Year 2018 issue as one of + a collection of journalists from around the world combating fake + news. On February 13, 2019, she was arrested by Philippine + authorities for cyberlibel due to accusations that Rappler published + a false news story concerning businessman Wilfredo Keng. On June 15, + 2020, a court in Manila found her guilty of cyberlibel under the + controversial Anti-Cybercrime law, a move condemned by human rights + groups and journalists as an attack on press freedom. As she is a + prominent critic of Philippine President Rodrigo Duterte, her arrest + and conviction was seen by many in the opposition and the + international community as apolitically motivated act by Duterte's + government. Ressa is one of the 25 leading figures on the + Information and Democracy Commission launched by Reporters Without + Borders. She was awarded the 2021 Nobel Peace Prize jointly with + Dmitry Muratov for "their efforts to safeguard freedom of + expression, which is a precondition for democracy and lasting + peace." +

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus, + suscipit eligendi deleniti earum eius, officia id vel eveniet + voluptatem repellendus placeat aut animi accusantium vero porro + ducimus deserunt ut quia. +

+

+ Read more about Maria Ressa + Wikipedia entry. +

+
+
+
+ +