diff --git a/Berbera beach.jpeg b/Berbera beach.jpeg new file mode 100644 index 0000000..302acc3 Binary files /dev/null and b/Berbera beach.jpeg differ diff --git a/Borama.jpg b/Borama.jpg new file mode 100644 index 0000000..ad475e0 Binary files /dev/null and b/Borama.jpg differ diff --git a/Bulhar.jpeg b/Bulhar.jpeg new file mode 100644 index 0000000..438151c Binary files /dev/null and b/Bulhar.jpeg differ diff --git a/Daallo Mountain.jpg b/Daallo Mountain.jpg new file mode 100644 index 0000000..5e2f6d8 Binary files /dev/null and b/Daallo Mountain.jpg differ diff --git a/Gacanlibah.jpeg b/Gacanlibah.jpeg new file mode 100644 index 0000000..fbc748c Binary files /dev/null and b/Gacanlibah.jpeg differ diff --git a/Laas Geel.jpeg b/Laas Geel.jpeg new file mode 100644 index 0000000..64d6968 Binary files /dev/null and b/Laas Geel.jpeg differ diff --git a/README.md b/README.md deleted file mode 100644 index 03e4501..0000000 --- a/README.md +++ /dev/null @@ -1,7 +0,0 @@ -## Design assignment - -You are required to create a webpage for a coding bootcamp and you are tasked to create just two pages for them: -* Home page -* About page - -You can deisgn the pages however you want be creative and once you've created the design share snippets of it with us on **#today-i-did** channel. Good luck! diff --git a/Saylac.jpeg b/Saylac.jpeg new file mode 100644 index 0000000..927cb27 Binary files /dev/null and b/Saylac.jpeg differ diff --git a/about.css b/about.css new file mode 100644 index 0000000..ff0a86f --- /dev/null +++ b/about.css @@ -0,0 +1,108 @@ +*{ + background-color: whitesmoke; +} +.backgroundimage{ + width: 98vw; + height: 50vh; + position: relative; + background-image: url("berbera.jpeg"); + background-size: cover; +} +.header-1 { + Display:flex; + justify-content:center; + align-items:flex-start; + color:rgb(19, 133, 19); + font-size:88px; + margin-top: 7px; + margin-bottom: 0px; +} +.header-2{ + display:flex; + justify-content:center; + color:black; + font-size:33px; + margin-top: 0px; + margin-bottom: 8px; +} +button{ + font-size:36px; + color:white; + background-color: red; + border: radius 3px; + border-color: black; + margin-top: 8px; +} +h1{ + display: flex; + justify-content: center; + font-size: 67px; + margin-bottom:0%; +} +h2{ + display:flex; + justify-content: center; + margin-top: 0%; +} +p{ + font-size:25px; + margin-top: 2px; + margin-left: 30px; + margin-right:30px; +} +.yup{ + font-size: 40px; + display:flex; + justify-content:center; + margin-bottom: 2px; + color:darkblue +} +h5{ + font-size: 33px; + margin-bottom: 2px; + color:maroon +} +.footer { + height: 40vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: 20px; + background-color: black; + + color: #737373; + } + .footer > span { + align-self: start; + margin-left: 165px; + background-color: black; + } + .footer ul { + list-style: none; + background-color: black; + } + + .lists-container { + width: 100%; + display: flex; + justify-content: space-evenly; + align-items: center; + font-size: 13px; + background-color: black; + } + + .list { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: flex-start; + gap: 10px; + background-color: black; + } + + .list > *:hover { + cursor: pointer; + text-decoration: underline; + background-color: black; + } \ No newline at end of file diff --git a/about.html b/about.html index f6ec97e..58614c4 100644 --- a/about.html +++ b/about.html @@ -4,10 +4,82 @@ - About page - + Dayax Tourism-About + - - +
+

Dayax Tourism

+
Start Dreaming, Start Traveling
+ + +
+

About Us

+

Learn More About Us

+

+

“Travel is the main thing you purchase that makes you more extravagant”. We, at Dayax Tourism, swear by this and put stock in satisfying travel dreams that make you perpetually rich constantly. + We have been moving excellent encounters for a considerable length of time through our cutting-edge planned occasion bundles and other fundamental travel administrations. + We rouse our clients to carry on with a rich life, brimming with extraordinary travel encounters. Through our exceptionally curated occasion bundles, + we need to take you on an adventure where you personally enjoy the stunning magnificence of Somaliland and far-off terrains. + We need you to observe sensational scenes that are a long way past your creative ability. + The powerful inclination of Somaliland voyagers to travel more nowadays is something that keeps us inspired to satisfy our vacation necessities. + Our vision to give you a consistent occasion encounter makes us one of the main visit administrators in the regularly extending travel industry. +

+

Mission

+

Provide a unique travel experience for everybody in a sustainable, honest and transparent way.

+

vision

+

It is our vision that in 2025 we want to be a leading example of a tour operator demonstrating sustainable tourism in Somaliland. + We want to grow by offering more and a wider range of unique tours, develop from travel agency to tour operator and expand our visibility on the web.

+

Our Values

+

Whether you come into contact with us as a customer or as a supplier, what can you expect from us in terms of attitude and behavior? What characterizes Dayax Tourism? + The following core values apply to Dayax Tourism:

+ + + + + \ No newline at end of file diff --git a/berbera.jpeg b/berbera.jpeg new file mode 100644 index 0000000..b1ac6fa Binary files /dev/null and b/berbera.jpeg differ diff --git a/bg.jpeg b/bg.jpeg new file mode 100644 index 0000000..cbd5be2 Binary files /dev/null and b/bg.jpeg differ diff --git a/ceel Sheikh.jpeg b/ceel Sheikh.jpeg new file mode 100644 index 0000000..baac7b5 Binary files /dev/null and b/ceel Sheikh.jpeg differ diff --git a/home.html b/home.html index a2219e1..af93aab 100644 --- a/home.html +++ b/home.html @@ -4,10 +4,126 @@ - Document - + Dayax Tourism-Home + + +
+

Dayax Tourism

+
Start Dreaming, Start Traveling
+ + +
+

Top Sights in Somaliland

+

Laas Geel

+ +

At Laas Geel are to be found some of the Africa's oldest and most beautiful prehistoric cave paintings. + daubed on the golden, umber rocks of an outcrop in the arid desert landscape 50km or so outside the Somaliland capital of Hargeisa. + their relative obscurity is partly due to the fact that they were only recently discovered, in 2002, by a French group of archaeologists. + the paintings importance was recognized immediately, and estimates of their age range from 5,000 years to more than 10,000, + putting them in the neolithic age, and thus more recent than Europe's famous Paleolithic examples, giving the visitorsa glimpse into a very different world. + Laas Geel translates as where the giraffes once watered. As well as giraffe, the paintings depict antelope, possibly domesticated dogs, and certainly cows, + the last of these lacking the hump that has been bred-in over the intervening millennia. +

+

Daallo Mountain

+ +

Daallo Mountain is a national park in the eastern Sanaag region of a Somaliland. Is one of Somaliland's foremost natural beauties. + A highlight of the spectualr Cal Madow range in the region's northeast, the forest sits on an escarpment at an elevation of approximately 800 metres + in the wettest part of Somaliland. it is part of the ogo mountains. + Daallo is a prime example of an unspoiled wildreness, a dense forest on a limestone and gypsum escarpment near to the base of Mount Shimbiris, Somaliland tallest peak. + Daallo, has historially been inhabited by the ancient ancestors of most of the original somali tribes. + some of the trees in the park are over 1000 years old. Many plants from the park have medicinal value. +

+

Berbera

+ +

Berbera is Somaliland's only sheltered seaport, a stories and now partly ruined city that sits amidst the beautiful beaches and deserts of the Gulf of Aden's southern shore. + For this reason, its the economic center of Somaliland, attracting most of the trade that takes place in the country. + A key part in Somaliland's vision for itself as a country in its right. Berbera's real frontier city, and serves as a wonderful point from which to explore the islands and beaches. + The primary reason for visiting the city rather is to absorb the culture and lifestyle. Today, much of the city is simply crumbling buildings and mud-thatch houses. +

+

Gacan Libah

+ +

Gacan libah is mountain range, archaelogical site, and national park located in the Maroodi Jeex region of Somaliland. + Nearby are the Golis Mountains, its upper slopes are the source of the seasonal Togdheer river that flows through the city of Burao into the Nugaal Valley. + Gacan Libah is not far grom Laas geel and around 100KM(62 mi) east of the provinical capital Hargeisa. It is in the western part of the northern mountains, + which extended east and west parallel to the northern coast of the Horn of Africa. + The site features a number of caves adorned with rock art of animals and other figures. + As no major archaelogical excavation has been conducted here, the Gacan Libah paintings are of uncertain origin, purpose and date. +

+

Saylac

+ +

Saylac or Zeila is a historical coastal town located in the Salal region of Somaliland. the city is located in the northeast of Awdal region, and is very close to the country of Djibouti, + which is about 120KM away. The city of Saylac, which is ancient and has a long history, is currently the capital of the Selel regio, a new region named by the government of Somaliland. + Saylac is recognized as having existed since before the emergence of Islam, which is the place with th longest history on the African continent. + While there are many historical places that reflect the history of Horn of Africa, especially Somaliland. It has been quoted from Roman and Greek explorers that in the + 1st centuary saylac was built and had a capital administration a high level of leadership. Since the begining of the emergence of Islam the city of Saylac + was the home of education, commerce, culture, civilazation, and royal administration. +

+

Sacadadiin Island

+ +

Sacdadiin Island is a rare places in the horn of africa as well as the golf of adden and the whole red sea from cape guardafue to sherma where the fish comes to lay down the eggs. + It has beautifull environment with diverse sea animal species and coral reefs. + The Sa’ad ad-Din Islands are well known for their splendid coral reefs similar to those found on the southern coast of Oman.These reefs are the most diverse + and well formed coral reefs on the coast of the Gulf of Aden and possibly the largest in the region.From provincial counts, + ninety-nine different species of coral from forty-three different generas have been found on the islands. + There are also a hundred and thirty-two different species of coral fish found around the archipelago. Many of these species include those also found in the Red Sea, Gulf of Aden, and the Indian Ocean. + The island of Sa’ad ad-Din and Aibat (called Ceebaad in Somali) both are sites of major bird colonies.On the island of Sa’ad ad-Din alone, there were more than 100,000 breeding pairs recorded.

+

Bulhar

+ +

Bulhar is a historic port town in the Sahil region of Somaliland with routes dating back to antiquity. The port was rejuvenated in the 19th century and was a rival to nearby Berbera. + The site is believed to correspond with the ancient commercial Port of Isis described by the Roman scholar Pliny the Elder. Pliny also associated the area with the toponym Abalito, + which Said M-Shidad Hussein writes is likely the Avalite of the Periplus of the Erythraean Sea.

+

Borama

+ +

Borama city is situated at northwestern Awdal region of Somaliland. The commercial seat of the province, it is situated near the border with Ethiopia. + During the Middle Ages, Borama was ruled by the Adal Sultanate. It later formed a part of the British Somaliland protectorate in the first half of the 20th century. + According to the UNDP in 2014, the city had a population of around 398,609 making it one of the largest cities inside Somaliland. + It has been a leading example in community organizing, having been the first area in Somaliland to adopt a self-help scheme in the wake of the civil war

+

Ceel Sheikh

+ +

Ceel Sheikh is a coastal settlement in the western edge of the Sahil region of Somaliland. + Ceel Sheikh was also known historically as Buurta Almis or Jebel Amis after the nearby Mount Almis just south of the settlement. + It was a well known landmark to navigators and legendary Arab explorer Ahmad ibn Mājid wrote of Ceel Sheikh and a few other notable landmarks and ports of the northern Somali coast, + including Berbera, Siyara, the Sa'ad ad-Din islands aka the Zeila Archipelago near Zeila, Alula, Maydh, Ruguda, Heis and El-Darad. Richard Burton visited the settlement and noted the mountain in his map. +

+

Sheikh

+ +

A beautiful place to visit in Somaliland is the town of Sheikh. It’s high up in the mountains and is easily accessible from both Hargeisa and Berbera. + The view from the Sheikh Pass is spectacular, as the mountains cascade into the horizon. + The ascent here from Berbera along the Sheikh Pass follows one of the most dramatic roads in Somaliland, starting from the village of Hudisa at the base of the Golis Range, + and then climbing some 700m over a 10km series of switchbacks that offer fantastic views of the plains below. +

+ + + diff --git a/sacadadiin.jpeg b/sacadadiin.jpeg new file mode 100644 index 0000000..09cf191 Binary files /dev/null and b/sacadadiin.jpeg differ diff --git a/sheikh.jpeg b/sheikh.jpeg new file mode 100644 index 0000000..17bda95 Binary files /dev/null and b/sheikh.jpeg differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..0c5b95c --- /dev/null +++ b/style.css @@ -0,0 +1,106 @@ +*{ + background-color: whitesmoke; + margin:0px; + padding: 0px; +} +.backgroundimage{ + width: 98vw; + height: 50vh; + position: relative; + background-image: url("berbera.jpeg"); + background-size: cover; +} +.laasgeel{ + width:auto; + height:aut +} +.header-1 { + Display:flex; + justify-content:center; + align-items:flex-start; + color:rgb(19, 133, 19); + font-size:88px; + margin-bottom: 0px; +} +.header-2{ + display:flex; + justify-content:center; + color:black; + font-size:33px; + margin-top: 0px; + margin-bottom: 8px; +} +button{ + font-size:36px; + color:white; + background-color: red; + border: radius 3px; + border-color: black; + margin-top: 8px; +} +.title{ + font-size: 40px; + margin-left: 23px; + margin-right:23px; +} +p{ + font-size: 25px; + margin-right:23px; + margin-left:23px +} +.images{ + width:50vw; + height:50vh; + margin-left: 23px; + margin-right:23px ; + +} +.container{ + display:flex; + justify-content: Center; + font-size: 65px; +} +.footer { + height: 40vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: 20px; + background-color: black; + + color: #737373; + } + .footer > span { + align-self: start; + margin-left: 165px; + background-color: black; + } + .footer ul { + list-style: none; + background-color: black; + } + + .lists-container { + width: 100%; + display: flex; + justify-content: space-evenly; + align-items: center; + font-size: 13px; + background-color: black; + } + + .list { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: flex-start; + gap: 10px; + background-color: black; + } + + .list > *:hover { + cursor: pointer; + text-decoration: underline; + background-color: black; + } diff --git a/style/bg.jpeg b/style/bg.jpeg new file mode 100644 index 0000000..cbd5be2 Binary files /dev/null and b/style/bg.jpeg differ