diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..1742fdfb --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ + +DIY_website.css diff --git a/css/style.css b/css/style.css index 75e9841e..3bde8a1b 100644 --- a/css/style.css +++ b/css/style.css @@ -1,8 +1,123 @@ -/** - * 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. - * - */ +body { + padding: 100px 200px 200px 200px; +} +header { + background-color: rgba(9, 61, 109, 0.253); + margin-bottom: 10px; +} +.logo { + text-align: center; + display: block; + margin-bottom: 20px; + background-color: rgb(243, 241, 241); +} +.logo p { + color: rgb(44, 12, 224); + font-size: 20px; + font-family: cursive; +} +.logo img { + width: 200px; + height: 150px; + text-align: center; + border-radius: 20px; +} +.navbar { + /*color: green;*/ + display: flex; + justify-content: space-between; +} +li { + font-family: "Times New Roman", Times, serif; + float: left; +} +ul { + list-style-type: none; +} +li a { + display: inline-block; + text-decoration: none; + color: rgb(121, 12, 184); + padding: 10px; +} +a:hover { + background-color: navy; +} +/*.main_aside{ + min-height:350px; + min-width:500px; + margin-bottom:10px; + background-color: rgb(132, 241, 227); +}*/ +.aside ul { + list-style-type: disc; +} +.aside li { + padding: 20px; +} +aside { + width: 295px; + min-height: 250px; + background-color: rgb(132, 241, 227); + display: inline-block; + padding: 10px; + vertical-align: top; + margin-bottom: 10px; + color: rgb(29, 27, 27); +} +main { + width: 593px; + min-height: 250px; + background-color: rgb(175, 235, 235); + display: inline-block; + margin-bottom: 10px; + vertical-align: top; + padding: 10px; +} +/*.article{ + background-color: peachpuff; + margin-bottom:10px; +}*/ +article { + width: 268px; + min-height: 150px; + background-color: rgb(132, 241, 227); + display: inline-block; + padding: 20px; + /*margin-top:10px;*/ + margin-bottom: 10px; + vertical-align: top; +} +article li { + padding: 33px; + list-style-type: disc; +} +article img { + width: 100px; + height: 100px; + float: right; + display: inline; +} +article:first-child { + background-color: palegreen; + color: rgb(231, 14, 14); +} +/*article{ +width: 308px; + height: 150px; + background-color: rgb(121, 202, 207); + display:inline-block; +} +article{ +width: 308px; + height: 150px; + background-color: rgb(121, 202, 207); + display:inline-block; +}*/ +footer { + width: 934px; + min-height: 50px; + background-color: rgba(9, 61, 109, 0.253); + display: flex; + padding-left: 20px; +} diff --git a/index.html b/index.html index 67dfc7f5..108a910b 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 + What you should know about corona virus - - - +
+ + +
+
+
+

How it all Began

+

The Covid-19 pandemic began last year in a city in central China, but has since grown to affect nearly every + country on + earth. The virus has put world leaders in hospital while exposing inequality. It has asked major questions of + governments and encroached on the daily lives of billions. And it shows no signs of ending any time soon. +

+

The biggest story emerged from China, which the BBC first reported as a cluster of cases of a "mysterious viral + pneumonia" in the city of Wuhan. +

+

There were also fears the virus could spread rapidly as hundreds of millions of people in China prepared to + travel + around the country for Chinese New Year. + But it was still unclear how the illness was transmitted, with health officials saying no cases of human-to-human + transmission had been confirmed. + At that point, the World Health Organization (WHO) said it was aware of the outbreak, it was in contact with the + Chinese + government and it was closely monitoring the event. + By the end of the month, the toll had passed 100, with infections rising fast. It spread beyond Wuhan, both into + other + parts of China and to at least 16 countries around the world. +

+

There were also fears the virus could spread rapidly as hundreds of millions of people in China prepared to + travel + around the country for Chinese New Year. + But it was still unclear how the illness was transmitted, with health officials saying no cases of human-to-human + transmission had been confirmed. + At that point, the World Health Organization (WHO) said it was aware of the outbreak, it was in contact with the + Chinese + government and it was closely monitoring the event. + By the end of the month, the toll had passed 100, with infections rising fast. It spread beyond Wuhan, both into + other + parts of China and to at least 16 countries around the world. +

+

For a full read, visit.

+
+ +
+
+
+

Covid 19 Prominent League

+

Prince Charles +

+

Clarence House confirmed that the 71-year-old heir to the throne had been diagnosed in a statement released on 25 + March. + In a video message a few days later, the Duke of Cornwall praised the "remarkable NHS". + He completed his period of isolation at Birkhall in Aberdeenshire.

+

Prince Albert II of Monaco +

+

The 62-year-old reigning monarch confirmed he had tested positive for the virus on 19 March. + However, a palace statement said his health was not worrying and he has since recovered.

+

Boris Johnson +

+

The prime minister's coronavirus diagnosis was confirmed on 27 March. + On 5 April, he was admitted to hospital for tests after continuing to display symptoms. + The following day, Downing Street said he was in "good spirits" after a "comfortable" night.

+

You can find a couple more of them

+
+
+

Symptoms of Covid 19

+

The main symptoms of coronavirus (COVID-19) are:

+ +

More information can be found here

+
+
+

Managing Covid 19

+

If you have a high temperature, it can help to:

+

+ +
+
+ +