From 893df26a482c59d5c70c6e955e500376d92449b8 Mon Sep 17 00:00:00 2001 From: timsakande <70383887+timsakande@users.noreply.github.com> Date: Mon, 18 Mar 2024 21:33:08 +0000 Subject: [PATCH 1/2] Update index.html --- index.html | 36 +++++++++++++++++++++++++----------- 1 file changed, 25 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index 504dc31..cabdadb 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,27 @@ - - - - - - - - - - - \ No newline at end of file + + + + News Article + + + +
+

Exploring the Depths of the Ocean

+
+
+

Discovering New Marine Life

+

Scientists have recently discovered new marine life in the depths of the Pacific Ocean. This discovery opens up new possibilities for understanding ocean biodiversity.

+ Marine Life +
+
+

The Importance of Ocean Conservation

+

Conservation efforts are crucial in preserving the natural beauty and diversity of the ocean. Efforts include protecting coral reefs and reducing plastic waste.

+
+ + + From 2245829613733596976d07911c5bb602db3a597e Mon Sep 17 00:00:00 2001 From: timsakande <70383887+timsakande@users.noreply.github.com> Date: Mon, 18 Mar 2024 21:33:35 +0000 Subject: [PATCH 2/2] Add files via upload --- styles.css | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 styles.css diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..4e402a1 --- /dev/null +++ b/styles.css @@ -0,0 +1,41 @@ +body { + background-color: #f0f8ff; /* Light blue background */ + font-family: Arial, sans-serif; +} + +header, section, footer { + margin: 0 auto; + width: 80%; + max-width: 800px; +} + +h1, h2 { + color: #003366; /* Dark blue for headings */ + text-align: center; + border-bottom: 2px solid #003366; /* Coloured underline for headers */ +} + +p { + font-size: 16px; /* Font size for paragraphs */ + line-height: 1.6; /* Increased line spacing */ +} + +img { + display: block; + margin: 0 auto; /* Center-align images */ + max-width: 100%; + height: auto; +} + +footer { + text-align: center; /* Center-align footer content */ +} + +a { + color: #007bff; /* Link color */ + text-decoration: none; /* No underline for links */ +} + +a:hover { + text-decoration: underline; /* Underline on hover for links */ +}