Activist Toolkit Project

This is a place for you to start building your personal project in week 2.

Project Requirements

You will:

• Build a multipage website using HTML, CSS, and JavaScript.
• Use CSS and background image properties to create a parallax scroll effect on the homepage of your website.
• Use the DOM, functions, event listeners, and JavaScript events to create an action item checklist.
• Use flexbox to layout your website.
• Customize the look and feel of your site through colors, images, and fonts using CSS.
• Use comments to describe your code.

Extensions

You can extend your project further by:

• Customizing the CSS of your site.
• Adding accessibility features to your website.
• Adding a resources page where your audience can get more information.
• Adding social media buttons so your audience can spread the word.
• Adding additional media like videos, audio, image galleries, etc. to enhance your message.

Image Attributions

• Insert here

Starter Code File Overview

Your full activity instructions are in HQ, but here's a little cheat-sheet of the files in this project:

← index.html

This is your homepage. It should be the first page that you work on.

← script.js

Later this week, you'll edit this file to create your checklist.

← styles.css

ThIS file contains the CSS rule sets for index.html and any universal elements for all pages. We've already included a lot of them for you, but you should customize it as you want.

← take-action.html

This will hold your action item checklist and action description.

← take-action.css

This file contains the CSS rule set for take-action.html.

---

NOTE: This project is adapted from the How To Create a To Do List by W3 Schools