This document provides an agenda for a workshop on building a website with HTML and CSS. The workshop will cover key concepts of HTML and CSS like tags, attributes, selectors, properties and values. It will demonstrate how to set up a starter project and build a site with support from instructors. Finally, it promotes Thinkful's free coding prep course which provides over 75 hours of curriculum and mentor support to learn HTML, CSS, and JavaScript.

1. Build Your Own Website with HTML/CSS
February 2018
bit.ly/html-css-phx
codepen.io
1

2. About us
Dave Hoel, TA
Software Developer
Thinkful Grad
Sean Jun, Instructor
Software Engineer, contracted with Intel
Thinkful Grad
2

3. About you!
What's your name?
What brought you here today?
What is your programming experience?
3

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

5. This is what we're making
View example here
5

6. Agenda
Learn key HTML and CSS concepts
Go over starter code
Build your site with our support!
Steps to continue learning
6

7. HTML - Hypertext Markup Language
<h1>Hi there!</h1>
Opening tag
h1 element
Closing tag
bit.ly/website-la
Content
7

8. HTML - Hypertext Markup Language
<h1 class="intro">Hi there!</h1>
AttributeOpening tag
h1 element
Closing tag
bit.ly/website-la
Content
8

9. HTML
9

10. CSS - Cascading Style Sheets
h1 {
color: blue;
}
Value
Property
Selector
bit.ly/website-la
10

11. CSS selectors, properties, values
11

12. Margin, border, and padding
12

13. Margin, border, and padding
13

14. Real developers use Google... a lot
14

15. Glitch setup & first steps!
http://bit.ly/build-website-starter
15

16. 16

17. Thinkful's free course
75+ hours of curriculum for two weeks
HTML, CSS and JavaScript
Unlimited mentor-led Q&A sessions
Personal Program Manager
bit.ly/free-trial-phxbit.ly/free-trial-phx
Thinkful Coding Prep Course
$1500 FREEFREE
17