/Eye-of-Sauron

This website is not only a heartfelt tribute to the Lord of the Rings but also showcases my skills in web development using HTML5+CSS3

Primary LanguageHTML

Eye of Sauron


Website has multiple features that are listed as below:

1) Theme : In keeping with LOTR dedication, the 'Middle Earth' font is used. Thematic elements of Fire and Darkness are visible in color contrast.
2) Responsiveness : The website is responsive for mobile devices. This is achieved with the help of Media Queries for max width of 750px.
3) Favicon : A file was generated to be used as a favicon for the website. This gives the website a polished look.
4) Video Background : The Hero element here is a video which is fixed in the background. A poster and backup image is also provided in case of issues loading the video.
5) Burning Box Effect : The about section has a border background that emulates fire. Burn keyframe written in styles.css is used for this animation.
6) Slowly Appearing Text Effect : The website has multiple instances where text slowly appears. The fadeIn keyframe mentioned in styles.css file is utilized to achieve this.
7) Increased Display on Hover : The work section displays added information regarding each title on hover. The hover effect is also used on the form button.

Link : https://mehtajeet97.github.io/Eye-of-Sauron/
HTML validator : https://validator.w3.org/
CSS Validator : https://jigsaw.w3.org/css-validator/