.

1. codepen.io

2. Introductions
➔ What's your name?
➔ What brought you here today?
➔ What is your programming experience?

3. About
Thinkful
We train web developers and
data scientists through 1x1
mentorship and project-based
learning.
Guaranteed.

4. This is
What
We’re
Making.

5. HTML:
Hypertext
Markup
Language

6. HTML:
Hypertext
Markup
Language

7. codepen.io
➔ Go to codepen.io
➔ Create a free account if you’d like
to save your work for later
➔ Go to Create
➔ Click New Pen
➔ Make your screen look like this:

8. HTML

9. CSS:
Cascading
Style
Sheets Selector
Value
Property

10. CSS
Selectors,
Properties,
Values

11. Margin,
Border, &
Padding

12. Margin,
Border, &
Padding
bit.ly/box-model-drill

13. Real
Developers
Use Google...
A Lot.

14. Starter
code:
bit.ly/build-website-starter

15. Ways
to
Learn
Code

16. ➔ Free trial of Full Stack Flex
online program
➔ Start with HTML, CSS and JavaScript
➔ Personal Program Manager
➔ Unlimited Q&A Sessions
➔ Student Slack Community
➔ bit.ly/freetrial-webdev
Thinkful
Two-Week
Free
Trial

17. The
Student
Experience
Jeff Connelly, Thinkful Graduate
Portfolio
Shay Kennedy, Thinkful Graduate
Capstone
Shari Hobbs, Thinkful Graduate
Capstone
Evan Thompson, Thinkful Graduate
Capstone