From 31f0287a248f0dba271808254cc40a541af68898 Mon Sep 17 00:00:00 2001 From: Linda Larsson Date: Thu, 30 Jan 2025 10:15:58 +0100 Subject: [PATCH 1/4] allt spart --- index.html | 99 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ styles.css | 31 +++++++++++++++++ 2 files changed, 130 insertions(+) create mode 100644 index.html create mode 100644 styles.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..78ab686 --- /dev/null +++ b/index.html @@ -0,0 +1,99 @@ + + + + + + + + Top 5 Best Places to Travel + + + +

Top 5 Best Places to Travel If You’re a Nature Lover

+

If you’re a nature lover with a sense of adventure, the world is full of breathtaking destinations that offer the + perfect mix of stunning landscapes, wildlife encounters, and outdoor activities. From towering mountains and vast + glaciers to lush rainforests and pristine beaches, these places allow you to disconnect from the hustle and bustle + of everyday life and truly immerse yourself in the beauty of the natural world. Whether you're seeking thrilling + hikes, serene lakes, or unique wildlife experiences, here are the top 5 best places to travel if you want to explore + nature at its finest.

+ +
+
+

Iceland – A Land of Fire and Ice

+

Why it's a nature lover's paradise: Iceland is home to some of the most dramatic landscapes in the world. From + active volcanoes to massive glaciers, waterfalls, and geothermal hot springs, it’s a natural wonderland. You can + hike across glaciers, witness the Northern Lights, or take a dip in the famous Blue Lagoon. + Must-see spots: Gullfoss waterfall, Thingvellir National Park, Vatnajökull glacier, and the volcanic beaches of + Reynisfjara.

+ +
+ + + +
+ +
+

New Zealand – Adventure Awaits at Every Corner

+

Why it's a nature lover's paradise: Known for its diverse ecosystems, New Zealand offers everything from + rainforests to alpine mountains to pristine beaches. Whether you're into hiking, kayaking, or bungee jumping, + New Zealand's outdoor activities are endless. + Must-see spots: Fiordland National Park, Tongariro Alpine Crossing, Milford Sound, and Abel Tasman National + Park.

+ +
+ + + +
+ +
+

Costa Rica – Biodiversity in Abundance

+

Why it's a nature lover's paradise: Costa Rica is one of the most biodiverse countries on the planet. With + tropical rainforests, volcanoes, cloud forests, and wildlife like sloths, monkeys, and exotic birds, it’s a + haven for eco-tourism. + Must-see spots: Manuel Antonio National Park, Arenal Volcano, Monteverde Cloud Forest, and Tortuguero National + Park (great for turtle watching).

+ +
+ + + +
+ +
+

Canada – Vast Wilderness to Explore

+

Why it's a nature lover's paradise: With its expansive national parks, towering mountain ranges, and + crystal-clear lakes, Canada is a dream for nature enthusiasts. You can enjoy peaceful hikes, wildlife spotting, + and even paddle across some of the world's most stunning lakes. + Must-see spots: Banff and Jasper National Parks, Niagara Falls, Lake Louise, and the Yukon wilderness.

+ +
+ + + +
+ +
+

Patagonia (Argentina and Chile) – The Ultimate Adventure

+

Why it's a nature lover's paradise: Patagonia is a vast and rugged region at the southern tip of South America, + offering some of the most remote and untouched landscapes in the world. With jagged mountain peaks, glaciers, + fjords, and Patagonia’s unique wildlife, it’s perfect for those who want to explore some of the planet’s wildest + places. + Must-see spots: Torres del Paine National Park, Perito Moreno Glacier, Mount Fitz Roy, and the Tierra del Fuego + National Park.

+ +
+ + + +
+ +
+ + + + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..af0bb54 --- /dev/null +++ b/styles.css @@ -0,0 +1,31 @@ +body { + font-family: Arial, sans-serif; + background-color: #f0f0f0; + color: #333; +} + +h1 { + color: #36502c; +} + +p { + width: 50%; +} + +img { + width: 600px; + border-radius: 8px; +} + +/* Styling for button */ +button { + width: 300px; + padding: 24px; + border-color: #36502c; + border-radius: 5px; +} + +.Places { + padding: 24px; + align-items: center; +} \ No newline at end of file From 7672e244fa92c6181845a2e445f2813144abb324 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Linda=20Sch=C3=B6nfeldt?= Date: Thu, 30 Jan 2025 10:25:10 +0100 Subject: [PATCH 2/4] border radius --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index af0bb54..25f06e5 100644 --- a/styles.css +++ b/styles.css @@ -22,7 +22,7 @@ button { width: 300px; padding: 24px; border-color: #36502c; - border-radius: 5px; + border-radius: 6px; } .Places { From 76dbbd2c86bda71ed0e69f1e6a044cf553273c4f Mon Sep 17 00:00:00 2001 From: Linda Larsson Date: Thu, 30 Jan 2025 16:15:24 +0100 Subject: [PATCH 3/4] last update before demo --- index.html | 156 +++++++++++++++++++++++++++++++---------------------- styles.css | 52 ++++++++++++++++-- 2 files changed, 140 insertions(+), 68 deletions(-) diff --git a/index.html b/index.html index 78ab686..939019a 100644 --- a/index.html +++ b/index.html @@ -9,87 +9,117 @@ -

Top 5 Best Places to Travel If You’re a Nature Lover

-

If you’re a nature lover with a sense of adventure, the world is full of breathtaking destinations that offer the - perfect mix of stunning landscapes, wildlife encounters, and outdoor activities. From towering mountains and vast - glaciers to lush rainforests and pristine beaches, these places allow you to disconnect from the hustle and bustle - of everyday life and truly immerse yourself in the beauty of the natural world. Whether you're seeking thrilling - hikes, serene lakes, or unique wildlife experiences, here are the top 5 best places to travel if you want to explore - nature at its finest.

+
+ +

Top 5 Best Places to Travel If You’re a Nature Lover

+

If you’re a nature lover with a sense of adventure, the world is full of breathtaking destinations that offer the + perfect mix of stunning landscapes, wildlife encounters, and outdoor activities. From towering mountains and vast + glaciers to lush rainforests and pristine beaches, these places allow you to disconnect from the hustle and bustle + of everyday life and truly immerse yourself in the beauty of the natural world. Whether you're seeking thrilling + hikes, serene lakes, or unique wildlife experiences, here are the top 5 best places to travel if you want to + explore + nature at its finest.

+
+ + -
-
-

Iceland – A Land of Fire and Ice

-

Why it's a nature lover's paradise: Iceland is home to some of the most dramatic landscapes in the world. From - active volcanoes to massive glaciers, waterfalls, and geothermal hot springs, it’s a natural wonderland. You can - hike across glaciers, witness the Northern Lights, or take a dip in the famous Blue Lagoon. - Must-see spots: Gullfoss waterfall, Thingvellir National Park, Vatnajökull glacier, and the volcanic beaches of - Reynisfjara.

+ +
+
-
- - - +
+

Iceland – A Land of Fire and Ice

+

Why it's a nature lover's paradise: Iceland is home to some of the most dramatic landscapes in the + world. From active volcanoes to massive glaciers, waterfalls, and geothermal hot springs, it’s a natural + wonderland. You can + hike across glaciers, witness the Northern Lights, or take a dip in the famous Blue Lagoon. + Must-see spots: Gullfoss waterfall, Thingvellir National Park, Vatnajökull glacier, and the volcanic beaches + of + Reynisfjara.

+
+ + + +
-
-

New Zealand – Adventure Awaits at Every Corner

-

Why it's a nature lover's paradise: Known for its diverse ecosystems, New Zealand offers everything from - rainforests to alpine mountains to pristine beaches. Whether you're into hiking, kayaking, or bungee jumping, - New Zealand's outdoor activities are endless. - Must-see spots: Fiordland National Park, Tongariro Alpine Crossing, Milford Sound, and Abel Tasman National - Park.

+ +
-
- - - +
+

New Zealand – Adventure Awaits at Every Corner

+

Why it's a nature lover's paradise: Known for its diverse ecosystems, New Zealand offers everything + from + rainforests to alpine mountains to pristine beaches. Whether you're into hiking, kayaking, or bungee jumping, + New Zealand's outdoor activities are endless. + Must-see spots: Fiordland National Park, Tongariro Alpine Crossing, Milford Sound, and Abel Tasman National + Park.

+
+ + + +
-
-

Costa Rica – Biodiversity in Abundance

-

Why it's a nature lover's paradise: Costa Rica is one of the most biodiverse countries on the planet. With - tropical rainforests, volcanoes, cloud forests, and wildlife like sloths, monkeys, and exotic birds, it’s a - haven for eco-tourism. - Must-see spots: Manuel Antonio National Park, Arenal Volcano, Monteverde Cloud Forest, and Tortuguero National - Park (great for turtle watching).

+ +
-
- - - +
+

Costa Rica – Biodiversity in Abundance

+

Why it's a nature lover's paradise: Costa Rica is one of the most biodiverse countries on the planet. + With + tropical rainforests, volcanoes, cloud forests, and wildlife like sloths, monkeys, and exotic birds, it’s a + haven for eco-tourism. + Must-see spots: Manuel Antonio National Park, Arenal Volcano, Monteverde Cloud Forest, and Tortuguero National + Park (great for turtle watching).

+
+ + + +
-
-

Canada – Vast Wilderness to Explore

-

Why it's a nature lover's paradise: With its expansive national parks, towering mountain ranges, and - crystal-clear lakes, Canada is a dream for nature enthusiasts. You can enjoy peaceful hikes, wildlife spotting, - and even paddle across some of the world's most stunning lakes. - Must-see spots: Banff and Jasper National Parks, Niagara Falls, Lake Louise, and the Yukon wilderness.

+ +
-
- - - +
+

Canada – Vast Wilderness to Explore

+

Why it's a nature lover's paradise: With its expansive national parks, towering mountain ranges, and + crystal-clear lakes, Canada is a dream for nature enthusiasts. You can enjoy peaceful hikes, wildlife + spotting, + and even paddle across some of the world's most stunning lakes. + Must-see spots: Banff and Jasper National Parks, Niagara Falls, Lake Louise, and the Yukon wilderness.

+
+ + + +
-
-

Patagonia (Argentina and Chile) – The Ultimate Adventure

-

Why it's a nature lover's paradise: Patagonia is a vast and rugged region at the southern tip of South America, - offering some of the most remote and untouched landscapes in the world. With jagged mountain peaks, glaciers, - fjords, and Patagonia’s unique wildlife, it’s perfect for those who want to explore some of the planet’s wildest - places. - Must-see spots: Torres del Paine National Park, Perito Moreno Glacier, Mount Fitz Roy, and the Tierra del Fuego - National Park.

+ +
-
- - - +
+

Patagonia (Argentina and Chile) – The Ultimate Adventure

+

Why it's a nature lover's paradise: Patagonia is a vast and rugged region at the southern tip of South + America, + offering some of the most remote and untouched landscapes in the world. With jagged mountain peaks, glaciers, + fjords, and Patagonia’s unique wildlife, it’s perfect for those who want to explore some of the planet’s + wildest + places. + Must-see spots: Torres del Paine National Park, Perito Moreno Glacier, Mount Fitz Roy, and the Tierra del + Fuego + National Park.

+
+ + + +
diff --git a/styles.css b/styles.css index 25f06e5..b25e566 100644 --- a/styles.css +++ b/styles.css @@ -2,9 +2,16 @@ body { font-family: Arial, sans-serif; background-color: #f0f0f0; color: #333; + margin: 24px; } h1 { + font-size: 42px; + color: #36502c; +} + +h2 { + font-size: 36px; color: #36502c; } @@ -17,15 +24,50 @@ img { border-radius: 8px; } -/* Styling for button */ +/* Styling for the button */ button { width: 300px; - padding: 24px; + padding: 16px; + font-weight: 800; + text-transform: uppercase; + color: #36502c; + border-width: 3px; border-color: #36502c; - border-radius: 6px; + border-radius: 50px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); +} + +/* Container for the header (image + text) */ +.header { + margin-bottom: 20px; +} + +/*Styling for the image inside the header*/ +.headerImage { + /*width: 100%; + height: 500px;*/ + /*background-image: ;*/ + width: 100%; + height: 300px; + object-fit: cover; + border-radius: 0px; + /* Beskär och fyller ut behållaren */ } -.Places { - padding: 24px; +.places {} + +/* Styling for the content layout */ +.box { + padding-top: 32px; + padding-bottom: 32px; + display: flex; align-items: center; +} + +.box p { + width: 600px; +} + +.box img { + padding-right: 32px; } \ No newline at end of file From 48e224d2f630ce33f99c263ad7ad1fda63071cbf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Linda=20Sch=C3=B6nfeldt?= Date: Wed, 19 Feb 2025 23:10:21 +0100 Subject: [PATCH 4/4] Updated css --- .vscode/settings.json | 5 +++++ styles.css | 2 -- 2 files changed, 5 insertions(+), 2 deletions(-) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..b242572 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,5 @@ +{ + "githubPullRequests.ignoredPullRequestBranches": [ + "main" + ] +} \ No newline at end of file diff --git a/styles.css b/styles.css index b25e566..31924c0 100644 --- a/styles.css +++ b/styles.css @@ -54,8 +54,6 @@ button { /* Beskär och fyller ut behållaren */ } -.places {} - /* Styling for the content layout */ .box { padding-top: 32px;