diff --git a/CSS/Komodo.css b/CSS/Komodo.css new file mode 100644 index 0000000..35e7234 --- /dev/null +++ b/CSS/Komodo.css @@ -0,0 +1,105 @@ +.dropbtn { + color: white; + padding: 16px; + cursor: pointer; + + background: linear-gradient(45deg, rgba(255,184,115,0.65) 0%,rgba(010,196,209,0.65) 50%,rgba(0,0,99,0.65) 100%); + border-radius: 2px; + box-shadow: 0px 2px 4px rgba(34,62,66,.25); + font-size: 25px; + font-weight: bold; + letter-spacing: 1px; + padding: 16px 32px; + text-decoration: none; + text-transform: uppercase; + -webkit-transition: box-shadow 1s ease; + transition: box-shadow 1s ease; +} + +.dropdown { + position: relative; + display: inline-block; +} + +.dropdown-content { + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; +} + +.dropdown-content a { + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; +} + +.dropdown-content a:hover {background-color: #f1f1f1} + +.dropdown:hover .dropdown-content { + display: block; +} + +.dropdown:hover .dropbtn { + background-color: #3e8e41; +} + +body { + background-color: azure; + font-family: 'Raleway', sans-serif; + text-align: center; + } + +h1, h2, h3 { + color: black; + font-family: fantasy; +} + +h1 { + font-size: 64px; +} + +h2 { + font-size: 32px; + } + +h3 { + font-size: 25px; +} + +ul { + list-style-position: inside; +} + +a.btn { + background: linear-gradient(45deg, rgba(255,184,115,0.65) 0%,rgba(010,196,209,0.65) 50%,rgba(0,0,99,0.65) 100%); + border-radius: 2px; + box-shadow: 0px 2px 4px rgba(34,62,66,.25); + color: black; + font-size: 25px; + font-weight: bold; + letter-spacing: 1px; + padding: 16px 32px; + text-decoration: none; + text-transform: uppercase; + -webkit-transition: box-shadow 1s ease; + transition: box-shadow 1s ease; +} + +a.btn:hover { + box-shadow: 0px 4px 4px rgba(34,62,66,.5); + -webkit-transition: box-shadow 1s ease; + transition: box-shadow 1s ease; +} + +.img-wrap:hover img { + transform:scale(0.75); +} +.img-wrap img { + display:inline-grid; + transition: all 0.5s ease 0.25s; + width: 75%; +} diff --git a/IMG/Komodo1.jpg b/IMG/Komodo1.jpg new file mode 100644 index 0000000..c3e998c Binary files /dev/null and b/IMG/Komodo1.jpg differ diff --git a/IMG/Komodo2b.jpg b/IMG/Komodo2b.jpg new file mode 100644 index 0000000..13c9ee4 Binary files /dev/null and b/IMG/Komodo2b.jpg differ diff --git a/IMG/Komodo3.jpg b/IMG/Komodo3.jpg new file mode 100644 index 0000000..024f30d Binary files /dev/null and b/IMG/Komodo3.jpg differ diff --git a/IMG/Komodo4.jpg b/IMG/Komodo4.jpg new file mode 100644 index 0000000..aeac76a Binary files /dev/null and b/IMG/Komodo4.jpg differ diff --git a/IMG/Komodo5.jpg b/IMG/Komodo5.jpg new file mode 100644 index 0000000..df9c5cd Binary files /dev/null and b/IMG/Komodo5.jpg differ diff --git a/IMG/Komodo6.jpg b/IMG/Komodo6.jpg new file mode 100644 index 0000000..0ce8834 Binary files /dev/null and b/IMG/Komodo6.jpg differ diff --git a/IMG/komodo7.jpg b/IMG/komodo7.jpg new file mode 100644 index 0000000..83e88f6 Binary files /dev/null and b/IMG/komodo7.jpg differ diff --git a/JS/Komodo.js b/JS/Komodo.js new file mode 100644 index 0000000..94c931e --- /dev/null +++ b/JS/Komodo.js @@ -0,0 +1,3 @@ +function myFunction() { + document.getElementById("demo").innerHTML = "Thank you for your patient!"; +} diff --git a/Komodo.html b/Komodo.html new file mode 100644 index 0000000..fcd033a --- /dev/null +++ b/Komodo.html @@ -0,0 +1,51 @@ + + + + + MyFirstWebPage + + + + + +

Komodo Island

+ +
+ + +
+ About + Getting There + Media +
+ +
+

 

+ +

Hi there!

+

My name is Bernadetta Wardhani (Nani).
+ I am a student of Montana Code School - Part-Time Course 2017 - Missoula, MT.
+ This website is my first assignment from the class.

+

I would like to share a little bit of information about Komodo National Park in Indonesia.
+ These volcanic islands are inhabited by a population of around 5,700 giant lizards, whose appearance and aggressive behaviour have led to them being called 'Komodo dragons'.
+ They exist nowhere else in the world and are of great interest to scientists studying the theory of evolution.
+ The rugged hillsides of dry savannah and pockets of thorny green vegetation contrast starkly with the brilliant white sandy beaches and the blue waters surging over coral.

+

Hope you like it!

+ +

 

+
+

Komodo Island north aerial.jpg
By jon hanson  + from London - indonesian islands, CC BY-SA 2.0 Link

+
+

 

+ +

Komodo National Park

+

 

+ +

More information coming soon!

+ + +

 

+ + + diff --git a/KomodoAbout.html b/KomodoAbout.html new file mode 100644 index 0000000..fd864fe --- /dev/null +++ b/KomodoAbout.html @@ -0,0 +1,36 @@ + + + + + MyFirstWebPage + + + + + +

Komodo Island

+ +
+ + +
+ Home + About + Getting There + Media +
+ +
+

 

+ +

About

+

Komodo National Park, located in the center of the Indonesian archipelago, between the islands of Sumbawa and Flores, is composed of three major islands (Rinca, Komodo, and Padar) and numerous smaller ones, all of them of volcanic origin. Located at the juncture of two continental plates, this national park constitutes the “shatter belt” within the Wallacea Biogeographical Region, between the Australian and Sunda ecosystems.

+

The property is identified as a global conservation priority area, comprising unparalleled terrestrial and marine ecosystems and covers a total area of 219,322 ha. The dry climate has triggered specific evolutionary adaptation within the terrestrial flora that range from open grass-woodland savanna to tropical deciduous (monsoon) forest and quasi cloud forest. The rugged hillsides and dry vegetation highly contrast with the sandy beaches and the blue coral-rich waters.

+

The most remarkable inhabitant of Komodo National Park is the Komodo Lizard, Varanus komodoensis. These giant lizards, existing no-where else in the world, are of great scientific interest, especially for their evolutionary implications. Most commonly known as 'Komodo Dragons', due to its appearance and aggressive behavior, the Komodo Lizard, is the largest living species of lizard, growing to an average length of 2 to 3 meters. The species is the last representative of a relic population of large lizards that once lived across Indonesia and Australia.

+

As well as being home to the Komodo dragon, the Park provides a refuge for many other notable terrestrial species such as the orange-footed scrub fowl, an endemic rat, and the Timor deer. The rich coral reefs of Komodo host a great diversity of species, and the strong currents of the sea attract the presence of sea turtles, whales, dolphins and dugongs.

+

 

+ + + + + diff --git a/KomodoGetThere.html b/KomodoGetThere.html new file mode 100644 index 0000000..810a1bb --- /dev/null +++ b/KomodoGetThere.html @@ -0,0 +1,40 @@ + + + + + MyFirstWebPage + + + + +

Komodo Island

+ +
+ + +
+ Home + About + Getting There + Media +
+ +
+

 

+ +

How to Get There

+ +

 

+ +

Getting Around

+

You have to walk to the hills with designated path. On Komodo Island, you have to climb Mt Ara (538 meters above sea level) for 3-4 hours. On Rinca island, you have to trek for about 1.5 hours.

+

 

+ + + + + diff --git a/KomodoMedia.html b/KomodoMedia.html new file mode 100644 index 0000000..0d76b8d --- /dev/null +++ b/KomodoMedia.html @@ -0,0 +1,43 @@ + + + + + MyFirstWebPage + + + + +

Komodo Island

+ +
+ + +
+ Home + About + Getting There + Media +
+ +
+

 

+ +

Media

+

+

 

+ +
+ + + + + + + +

 

+
+ + + + +