Visit The Smiling Coast, is a site to learn about The Gambia, smallest country in West Africa. The site is for people that want to know about The Gambia, it's people and culture. Visit The Smiling Coast, will be useful for people that want to travel to Gambia, move to The Gambia or just curious about The smallest country in West Africa that is given the name SMILING COAST OF AFRICA.
The website goal is to promote about The Gambia, the beautiful ethnic groups, tourism in the country and so on.
- Travelers, Tourist, Returnees, Students.
The colour was inspired by the nature and ocean in The Gambia, Green - NATURE, Blue - OCEAN, White - PEACE. Color was created using Muzli colors
The photos featured throughout the page were obtain from family and free image providers such as Pexels
The videos feetured throughout the site were obtain from Youtube
The wireframes were produce using Wireframepro
- The navigation bar is responsive and fixed at the top of the page where it shows the logo and name on the right.
- The navigation links on the right take the user to different sections on the same page.
- The page include an image of Jame Island a historic site in The Gambia and text overly for users to see a littl description about The Gambia.
- It tells more about the Gambia, the capital city Banjul, Gambias economy and Tourism and it saws beautiful picture of Banjul and Agriculture and Tourist place Makasutu.
- The first video is a song about The Gambia it is sang in Mandinka Languege and and The second video is fun facts about the Gambia, brief description and the videos are there to make the users understand more about the country. The second video is choosen because it is a very fun way to learn about a country without being bored. The videos are from Youtube.
- The page includes image of different ethnic groups together dancing and text overly for users to see the largest ethnic group in The Gambia and there are links to learn more about the ethnic group.
- The video is for users to learn more ethnic groups in The Gambia in a fun way and not get bored, the video is from Youtube.
- The site will be sending newsletter to users about things to do in The Gambia and other exciting things about The Gambia.
- The users can visit us on our social media sites
- HTML and CSS were used to create this website
- Wireframepro: For Wireframe.
- Muzli colors: For choosing colours and colour inspiration.
- Font Awesome: For icons used in the site.
- Google Fonts: For different font style.
- Chrome Dev Tools: Used extensively to experiment with grid and general responsiveness.
- Gitpod: Used to create and host the website.
- Github: Used to deploy the website.
- Am I responsive: To create an image displaying the home page on various devices.
This site was disployed to Github pages.
- Navigate to the settings tab in the GitHub repository
- Once in settings, navigate to the pages tab on the left of the page
- Under source, select branch ‘master’ and then click ‘save’
- Page will no automatically refresh and show a detailed ribbon display to indicate deployment
Index.html Page
Ethnic-groups.html
Signup.html
CSS
- I had a lot of problem with media query, I wanted to make the navigation to go all vertical when when on a phone size but I couldn't.