Hello, world!

This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.

Learn more »

Where do I look at this code?

Github repository: https://github.com/SpaceShot/wctd

Sample Unordered List

This column has a sample unordered list in it. Use it in your own site with the <ul> tag

  • Item #1
  • Item #2
  • This is Item #3
  • This is the final Item #4

View details »

Changing background color

The background color of this column was changed with css.

Button Link to New Page

Click the button in this column to see a second page that just has a simple wall of text. You might use this for your information pages on the site.

View details »

HTML Templates

Click the button here to see a list of HTML template sites if you want your site to look different.

View templates »

More resources for you

WCTD Code-A-Thon

Getting Started Guide
Sign up for CodePen, Yammer, and GitHub

Other sites to learn from:

HTML and CSS References

HTML Reference
CSS Reference
CSS Button Generator

From Khan Academy

Intro to HTML/CSS: Making webpages
Sign up for a Khan Academy account to earn points and badges

Using CodePen (Videos)

Signing up for CodePen Intro to CodePen: Part 1 (HTML)
Intro to CodePen: Part 2 (starting CSS)
Intro to CodePen: Part 3 (basic JavaScript)

We Connect The Dots Resources on CodePen

CodePen Collection
This site as a pen (on CodePen.io)

Intro to GitHub

How to publish your site with GitHub!