Team 15 - Plastic Pollution

Inspiration

Our division was environment, and we thought a long talked about but still a great issue in our world today was plastic waste pollution. Though we had a limited amount of time, through thorough research from sources found we managed to gather a copious amount of information on the damaging effects of plastic and how we can do to help.

What it does

Our website gives information about plastic waste and the things you can do to help out! The website has three pages: The History of Plastic, which gives a brief origin story and timeline of plastic inventions, Plastic Consumption, which gives statistics and percentages on how much plastic is generated annually, and How You Can Help, listing the many ways plastic can be taken care of consciously.

How we built it

We used the languages HTML and CSS for styles. Since there are three subpages, we created a new file for each page. We used CSS styling to format the images and text blocks.

Challenges we ran into

A challenge we faced was making the navigation bar, where we had to look up sources like W3Schools.com to find the proper way to link the subpages on the main page, since we couldn't just link the pages by itself. Another difficult aspect was making sure the style was correct, since after the pages were linked they were only hyperlinks and did not have the styled text we wanted. To solve it, we had to try different formats with <div> and finally figured out that you had to put it inside the <a> element.

Accomplishments that we're proud of

An accomplishment that we are proud of is we successfully created a stylish website in the short time we were given. By applying different CSS styles and maneuvering through formatting obstacles, we managed to create four different styles, one for each webpage.

What we learned

We learned that CSS style is a very powerful and helpful tool in terms of webpage design. Without it, it wouldn't have been possible to create the website with a consistent theme and uniform code.

What's next for Team 15 - Plastic Pollution

Code improvement is still a big goal for us since in our code, there are many places we could have cleaned up nicer with CSS styling. Something we will keep in mind next time is taking out common factors to reduce redundancy, and specifically here to take CSS styling as an external file and simply reference it in the HTML files. We still hope that through this project, we have shown that our skills are able to help problems we face in the real world. We hope that we can tackle passionate projects like this in the future!