This document is an agenda for a workshop on building a website with HTML and CSS. The workshop will introduce key concepts of HTML and CSS, provide starter code, and allow participants to build their own site with support. Attendees will learn about HTML elements and attributes, CSS selectors, properties and values, and concepts like margin, border and padding. They will also set up a project on Glitch and be introduced to Thinkful's free coding course.

1. Build Your Own Website with HTML/CSSBuild Your Own Website with HTML/CSS
March 2018
bit.ly/html-css-phxbit.ly/html-css-phx
codepen.iocodepen.io
1

2. About us
Jessica Cottrell, Instructor
Web Developer, We Are Underground
Thinkful Student
Rhonda Jaramillo, TA
Web Developer, Iced Development
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.
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 & rst 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 FREE
17