Description: HTML is used for structuring the content of web pages. It defines the layout and organization of elements such as headings, paragraphs, lists, and links.
Examples: I utilized HTML to create the structure of my website, including elements like headers, navigation bars, content sections, and footers.
Description: CSS is used for styling the appearance of web pages. It controls the layout, colors, fonts, and overall visual presentation of HTML elements.
Examples: I applied CSS to apply styles and design elements to my website, ensuring a visually appealing and cohesive look across all pages. This includes setting colors, fonts, margins, padding, and other visual properties.
Description: JavaScript is a programming language that adds interactivity and dynamic behavior to web pages. It allows you to manipulate HTML elements, handle user events, and create responsive features.
Examples: I've used JavaScript to implement interactive features on my website.
Description: Vue.js is a progressive JavaScript framework used for building user interfaces. It enables the creation of reactive and dynamic web applications with ease.
Examples: I've integrated Vue.js into my website to create dynamic components such as the navigation bar, footer, and feedback section. By using Vue.js, I’ve simplified the management of these components and added interactivity to my website.
Ex :
- Navigation bar
- Upcomming Events
- Comment Section
Test Case: Test interactive features such as the scroll-up button, image gallery popup, and feedback form.
Description: I evaluated interactive features like the scroll-up button, image gallery popup, and feedback form to ensure smooth functionality. By testing these elements, I confirmed they provide a seamless user experience, enhancing engagement on the website.
In summary, this website offers a platform for environmental education and action, focusing on addressing water pollution in the Nugegoda canal system. Through informative content and interactive features, users are encouraged to adopt eco-friendly practices and contribute to local environmental conservation. With its user-friendly interface and community focused approach, the website aims to inspire positive change and empower individuals to make a difference in their environment.