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.

+
+ + + 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 */ +}