Corvin Castle

This site is for those who like to explore historical places or are passionate about castles.

Those who use this site will find information about Corvin Castle such as: contact details, buy tickets, prices, timetable, little history, legends, pictures about the castle and a contact form.

Features

• Navigation
  • Featured at the top of the page, the navigation shows the castle name in the left corner: CORVIN CASTLE links to the top of the page.
  • In the middle you can find a button named TICKETS, if clicked it opens another site in new tab where you can buy tickets to visit the castle.
  • The other navigation are to the right: Home, About Castle, Gallery and Contact wich link to different pages from the same website.
• Header
  • The header contains the city and country where the castle is located.
  • Here you can also see the front of the castle
• Video
  • In the middle of the page you will find a slideshow with images of the castle.
  • Video contain a relaxing background music.
  • The video also contains action buttons such as play, pause, volume and full screen.
  • 
• Map
  • Below on the page you will find a map with the Corvin Castle located, by clicking on it you can get directions to visit the castle.
  • 
• Footer
  • Here is the opening time.
  • Social media icons, which opens in a new tab.
  • Contact details such as email, phone number and address where the castle is located.
• About Castle
  • Here you can also see the back side of the castle
  • Short history about castle, who build it and short history about John Hunyadi
  • 
  • 
  • The map of the castle
  • 
  • Three of famous legends of the castle
  • 
• Gallery
  • Here you can find couple of pictures from the castle.
• Contact
  • Contact form is not linked yet to the owners of the castle
  • Right next to the form you can find the real contact details, prices and a button to buy tickets.

Testing

• I tested that this site works in different browsers: Mozilla, Chrome, Opera.
• I confirmed that this project is responsive, looks good and functions on all standard screen sizes using the devtools device toolbar
• I confirmed that the navigation Home, About Castle, Gallery and Contact text are all readable and easy to understand
• I confirmed that the form works: requires entries in every field, will only an email in email field, radio buttons work properly and submit button works.

Bugs

• When I deployed my project to GitHub Pages I discovered that couple of images was broken, the links to the other images from About Castle page and from video from main page.
• I discovered this was because I had used absolute file paths such as this in my code

• Removing the starting / fixed the problem
• Radio buttons from form section was not required when submiting, includin required to input fixed problem
• When I write width="100%" to iframe, it fails to HTML validator because of % so I remove it until I will find how to fix it.

Validator Testing

• HTML
  • No errors were returned when passing through the official W3C validator
• CSS
  • No errors were returned when passing through the official (Jigsaw) validator
• Accessibility
  • I confirmed that the colors and fonts chosen are easy to read and accessible by running it through lighthouse in devtools Lighthouse Report Viewer

Unfixed Bugs

• width="100%" on iframe it fails when validate, but it works as i wish only when I use %

Deployment

• The site was deployed to GitHub Pages. The steps to deploy are as follows:
  • From Overview click on repository that need to be deployed
  • Than click on Settings button and on the left side you can find Pages button
  • From Source section drop-down menu, select main branch and root from select folder than save
  • Once saved, the page provide the link to the completed website
• The live link can be found here Corvin Castle

Credits

• Contents
  • The code for making social media links was taken from CI Love Running Project
  • Pricing, opening time and contact details from official site in romanian Castelul Corvinilor

Media

• Pictures and information about castle was taken from Wikipedia