diff --git a/faqs.html b/faqs.html index a30e520..42ade19 100644 --- a/faqs.html +++ b/faqs.html @@ -36,5 +36,12 @@ + diff --git a/food-and-attractions.html b/food-and-attractions.html index 3f32a46..c14c805 100644 --- a/food-and-attractions.html +++ b/food-and-attractions.html @@ -19,8 +19,54 @@ -
+
-
+

See the sights and eat some grub!

+ +

Food

+ +
+
+

Restaurants

+

Taniti currently has 10 restaurants: five serve mostly local fish and rice, three serve American-style meals, and two serve Pan-Asian cuisine.

+
+
Beach diner
+
+ +
+
+

Grocery stores

+

Taniti has two supermarkets, two smaller grocery stores, and one convenience store that is open 24 hours a day.

+
+
+
+ +

Attractions

+ +
+
+

Entertainment

+

Most people visit Taniti to enjoy the beaches, explore the rainforest, and to visit the volcano. However, there are other things to do, including visiting a local history museum, going on chartered fishing tours, snorkeling, zip-lining in the rainforest, visiting several pubs, including a microbrewery, dancing at a new dance club, seeing a movie, taking helicopter rides, playing at an arcade, visiting art galleries, and bowling. Also, a nine-hole golf course should be operational by next year. Many of these activities are located in Merriton Landing, which is a rapidly developing area on the north side of Yellow Leaf Bay.

+
+
+
+ +
+
+

Sight-Seeing

+

Most tourists spend most of their time in Taniti City, which boasts native architecture and nearby white, sandy beaches that encircle Yellow Leaf Bay. Other popular activities include boat or bus tours of the island, hikes in the rainforest, or visits to Taniti’s active volcano.

+
+
+
+ + +
+ diff --git a/images/Dining_Bluewater.jpg b/images/Dining_Bluewater.jpg new file mode 100644 index 0000000..42f55e7 Binary files /dev/null and b/images/Dining_Bluewater.jpg differ diff --git a/images/active-volcano-tour.jpg b/images/active-volcano-tour.jpg new file mode 100644 index 0000000..6116728 Binary files /dev/null and b/images/active-volcano-tour.jpg differ diff --git a/images/beach-hut.jpg b/images/beach-hut.jpg new file mode 100644 index 0000000..35b7b34 Binary files /dev/null and b/images/beach-hut.jpg differ diff --git a/images/bus.jpg b/images/bus.jpg new file mode 100644 index 0000000..7c8ba12 Binary files /dev/null and b/images/bus.jpg differ diff --git a/images/island-hotel.webp b/images/island-hotel.webp new file mode 100644 index 0000000..7360553 Binary files /dev/null and b/images/island-hotel.webp differ diff --git a/images/island-taxi.jpg b/images/island-taxi.jpg new file mode 100644 index 0000000..101d7c3 Binary files /dev/null and b/images/island-taxi.jpg differ diff --git a/images/jet.jpg b/images/jet.jpg new file mode 100644 index 0000000..caa7218 Binary files /dev/null and b/images/jet.jpg differ diff --git a/images/rock-climbing.jpg b/images/rock-climbing.jpg new file mode 100644 index 0000000..f23844f Binary files /dev/null and b/images/rock-climbing.jpg differ diff --git a/images/tropical-forest-restaurant.jpg b/images/tropical-forest-restaurant.jpg new file mode 100644 index 0000000..951501c Binary files /dev/null and b/images/tropical-forest-restaurant.jpg differ diff --git a/index.html b/index.html index 5b98dab..7c892c0 100644 --- a/index.html +++ b/index.html @@ -31,18 +31,26 @@
Book a trip!
+

About the Island

+
-

About The Island

Taniti is a small, tropical island in the Pacific. While the island has an area of less than 500 square miles, the terrain is varied and includes both sandy and rocky beaches, a small but safe harbor, lush tropical rainforests, and a mountainous interior that includes a small, active volcano. Taniti has an indigenous population of about 20,000. Until a recent increase in tourism, most the Tanitian economy was dominated by fishing or agriculture.

- Island photo 2 +
Island photo 2

Visit our FAQs for more information!

- + + diff --git a/lodging.html b/lodging.html index f5fc1db..ba1157a 100644 --- a/lodging.html +++ b/lodging.html @@ -21,6 +21,31 @@
+

Come and stay a while!

+ +

Lodging

+ +
+
+

Enjoy a worry free stay

+

Taniti has a wide variety of lodging that ranges from an inexpensive hostel to one large, four-star resort. There are many small, family-owned hotels and a growing number of bed and breakfasts. All types of lodging are strictly regulated and regularly inspected by the Tanitian government.

+
+
Beach diner
+
+ +
+
+
+
+
+
+ diff --git a/styles.css b/styles.css index 8d9c83a..af271b2 100644 --- a/styles.css +++ b/styles.css @@ -64,18 +64,23 @@ header img { align-items: flex-start; flex-direction: column; width: 90%; - height: 100vh; margin: auto; background-color: #d4d4bcff; padding: 1%; } -#content h1 { +#content h1, h2 { justify-content: center; text-align: center; width: 100%; } +#content h2 { + margin-top: 50px; + border-bottom: 5px solid #232323ff; + border-radius: 10px; +} + #content p { font-size: large; } @@ -109,21 +114,40 @@ header img { } .split-container>* { + flex: 1; margin: 2%; - flex-grow: 1; + box-sizing: border-box; } -.split-container img { +.image-container-left, .image-container-right { + width: 1500px; + height: 400px; border: 20px solid #669a87ff; border-radius: 10px; - rotate: 5deg; - width: 100%; - height: auto; transition: scale 0.3s; + overflow: hidden; + padding: 0; + margin-top: 80px; } -.split-container img:hover { - scale: 1.1; +.image-container-right { + rotate: 5deg; +} + +.image-container-left { + rotate: -5deg; +} + +.image-container-left img, .image-container-right img { + width: 100%; + height: 100%; + object-fit: cover; + margin: 0; + padding: 0; +} + +.image-container-left:hover, .image-container-right:hover { + scale: 1.05; transition: scale 0.3s; } @@ -152,4 +176,38 @@ header img { #faq-box li { margin-bottom: 30px; -} \ No newline at end of file +} + +footer { + width: 100%; + height: 5vh; + background-color: #45452e; + color: white; + display: flex; + justify-content: center; + align-items: center; + padding: 20px; +} + +footer ul { + display: flex; + list-style-type: none; + margin: 0; + padding: 0; + width: 48%; + justify-content: center; +} + +footer ul li { + padding: 0 10px; +} +footer ul li a { + text-decoration: underline; + color: white; + transition: color 0.3s ease-in-out; +} + +footer ul li a:hover { + transition: color 0.3s ease-in-out; + color: #232323ff; +} diff --git a/transportation.html b/transportation.html index eade1ef..22d8eea 100644 --- a/transportation.html +++ b/transportation.html @@ -21,6 +21,33 @@
+

Get around the island

+ +

Transportation

+ +
+
+

Transport to and from the island

+

Taniti has a wide variety of lodging that ranges from an inexpensive hostel to one large, four-star resort. There are many small, family-owned hotels and a growing number of bed and breakfasts. All types of lodging are strictly regulated and regularly inspected by the Tanitian government.

+
+
Jet plane
+
+ +
+
+

Ground transportation

+

Public buses serve Taniti City and run from 5 a.m. to 11 p.m. every day. Private buses serve the rest of the island. Taxis are available in Taniti City, and rental cars can be rented from a local rental agency near the airport. Bikes and helmets are available to rent from several vendors (helmets are required by law). Taniti City is fairly flat and very walkable. Many tourists stay in the area surrounding Merriton Landing: this area is easy to explore on foot.

+
+
+
+
+