twant / kwk-html-css-advice-project Goto Github PK

###The Task:

In groups of 3-5, you will be building a Kode with Klossy advice site!

###What does that even mean? Coming into Kode with Klossy, you may not have known what to expect or how to thrive in this environment. Now, you're halfway through the program and are Kode with Klossy experts. Your goal is to make a website that provides customized advice for students just starting their Kode with Klossy journey. What do you wish someone had told you on your first day here? How can you help future students have the best possible KwK experience?

1 Your group must build out a wireframe for the actual website. A wireframe is like a blueprint. It's a visual representation of the skeletal framework of the site. You don't need to create a wireframe for every page, but just have a general outline for what you want your site to look like. Here's an example:

2. Build the page using your knowledge of HTML, CSS, and Javascript. You may choose to use a template from Bootstrap, Materialize, or HTML5UP, or make your own custom pages from scratch.

###The Stipulations: Things your page(s) must have:

1. Correct HTML structure (doctype, html, head, title, and body tags)

2. Three different fonts (from Google Fonts or not)

3. A centered image

4. An unordered or ordered list

5. Copyright in the bottom right corner

6. Header and footer (same on all pages)

7. Header with h1-h6 tags

8. Multiple HTML pages linked together.

9. Border around header or footer

10. Background color

BONUS! Embed a video or sound

View HTML/CSS GROUP PROJECT on Learn.co and start learning to code for free.