This is a static interactive three-page website. It responds fully to users' actions and provides information about County Sligo. The purpose of this website is to encourage people to visit Sligo. I tried to provide essential information about Sligo's most famous places to visit and activities to do.
The website is designed and fully responsive on desktop, tablet and mobile devices.
On the journey to the website, the user will find seamless navigation between pages and key points.
-
On the first page, it welcomes the user, in the background of the top, a short video will play which is introduced about Sligo.
-
On the top, there is a Logo on the right ( which will bring the user to the first page and on the left there are navigators for three pages).
-
At the bottom of the Welcome to Sligo, there is a button provided, which directs the user to the Direction to Sligo page and shows the map where Sligo is located.
-
After scrolling the first top pages, the user will find two key attractions about Sligo. By clicking photos, the website will navigate the user to the Attraction page.
-
After scrolling further down, there are few details provided on what users can do when they are in Sligo. Clicking the title will provide more details.
-
At the bottom of the first page before the footer, I provide 3 attractions that make Sligo more unique. By hoovering the top of the photos user will get details about them.
-
At the footer, acknowledgement and a couple of links to my social profile. All three pages have the same footer.
-
Top of the half page in the header and have the same navigation bar as the first page.
-
After the header provides short details about two beautiful mountains in the Sligo.
-
After scrolling down, the user will find three main beaches in Sligo which leads to Wild Atlantic Way.
-
After Wild Atlantic Way, introduced the 4 most popular/recommended restaurants to eat when visiting Sligo.
-
Scrolling further down, provides information about Live Music in Sligo.
-
At the bottom of the page, before the footer, the four most popular places to visit in Sligo. By Hoovering on the photos user will get more information.
-
Top of the half page in the header and have the same navigation bar as the first page.
-
After the header shows the map, where Sligo is located.
-
After the map, Provide a small note to the user and an option the provide feedback (Not active, still developing)
#- Sligo is a big county, will add more details about each Town/village.
#- Providing feedback, will connect to the email.
#- Add more features to the website.
#- UX issues when tablet/mobile tilted, the video doesn't stretch/cover the background.
Used Visual Studio Code to construct the website and used HTML and CSS. Also used Google Chrome to test the website
The website is deployed in GitHub, and it is available to visit for all users here.
I have taken ideas and content from multiple websites.
Youtube, Sligo Tourism channel.
Used Google Search and downloaded from multiple websites.
Used Google Fonts and icons from Font Awesome.
- Used W3C to validate HTML.
- Used Jigsaw to validate CSS.
