SlideShare a Scribd company logo
CODE CREW | INTRO TO HTML + CSS 
INTRO TO 
HTML + CSS 
Jamal O’Garro 
Code Crew 
Software Engineer + Instructor
CODE CREW | INTRO TO HTML + CSS 
CLASS ROADMAP
CODE CREW | INTRO TO HTML + CSS 
WHAT IS HTML?
CODE CREW | INTRO TO HTML + CSS 
WHAT IS HTML? (continued)
CODE CREW | INTRO TO HTML + CSS 
HTML STRUCTURE 
• Similar to a news article or word document 
• Header, paragraphs, images 
• Elements tell the browser what part is a header, 
paragraph, etc.
CODE CREW | INTRO TO HTML + CSS 
HTML STRUCTURE (continued)
CODE CREW | INTRO TO HTML + CSS 
HTML ELEMENTS
HTML ELEMENTS (continued) 
Head 
Paragraph 
Link 
Image 
List 
List Item 
Table 
Div 
Span 
Section 
Nav 
Article 
Header/Footer 
Video 
CODE CREW | INTRO TO HTML + CSS
CODE CREW | INTRO TO HTML + CSS 
EXERCISE
CODE CREW | INTRO TO HTML + CSS 
HTML5 ELEMENTS 
<header> 
<nav> 
<section> 
<article/div> 
<aside> 
<footer> 
* Article can have header and footer
CODE CREW | INTRO TO HTML + CSS 
HTML5 ELEMENTS (continued) 
Audio 
Video 
Canvas 
Geolocation WebAPI
CODE CREW | INTRO TO HTML + CSS 
WHAT IS CSS?
CODE CREW | INTRO TO HTML + CSS 
CSS RULES
CSS SELECTORS 
element 
class 
id 
CODE CREW | INTRO TO HTML + CSS
CODE CREW | INTRO TO HTML + CSS 
CSS PROPERTIES 
color 
font-family 
font-size 
background-color 
background-image 
border 
margin 
padding
CODE CREW | INTRO TO HTML + CSS 
THE BOX MODEL
CODE CREW | INTRO TO HTML + CSS 
BLOCK ELEMENTS
CODE CREW | INTRO TO HTML + CSS 
INLINE ELEMENTS
CODE CREW | INTRO TO HTML + CSS 
CSS POSITIONING
CODE CREW | INTRO TO HTML + CSS 
CSS POSITIONING (continued)
CODE CREW | INTRO TO HTML + CSS 
CSS POSITIONING (continued)
CODE CREW | INTRO TO HTML + CSS 
CSS POSITIONING (continued)
CODE CREW | INTRO TO HTML + CSS 
RESPONSIVE DESIGN
CODE CREW | INTRO TO HTML + CSS 
WHAT IS BOOTSTRAP?
BOOTSTRAP CLASSES 
btn 
btn-lg 
btn-primary 
success 
danger 
table 
table-striped 
CODE CREW | INTRO TO HTML + CSS
CODE CREW | INTRO TO HTML + CSS 
THE GRID
CODE CREW | INTRO TO HTML + CSS 
THANKS MUCH!!! 
Jamal O’Garro 
Code Crew 
Software Engineer + Instructor
Ad

Recommended

Intro to html, css & sass
Intro to html, css & sass
Sean Wolfe
 
Intro to CSS
Intro to CSS
Randy Oest II
 
Web 102 INtro to CSS
Web 102 INtro to CSS
Hawkman Academy
 
An Intro to HTML & CSS
An Intro to HTML & CSS
Shay Howe
 
Html Expression Web
Html Expression Web
Mark Frydenberg
 
Introduction to HTML and CSS
Introduction to HTML and CSS
Ferdous Mahmud Shaon
 
Cascading style sheets - CSS
Cascading style sheets - CSS
iFour Institute - Sustainable Learning
 
Cascading Style Sheets - Part 02
Cascading Style Sheets - Part 02
Hatem Mahmoud
 
HTML/CSS Crash Course (april 4 2017)
HTML/CSS Crash Course (april 4 2017)
Daniel Friedman
 
CSS
CSS
Mallikarjuna G D
 
Web Development Basics: HOW TO in HTML
Web Development Basics: HOW TO in HTML
Der Lo
 
CSS Walktrough Internship Course
CSS Walktrough Internship Course
Zoltan Iszlai
 
Fundamental CSS3
Fundamental CSS3
Achmad Solichin
 
Web Design Course: CSS lecture 4
Web Design Course: CSS lecture 4
Gheyath M. Othman
 
Web front end development introduction to html css and javascript
Web front end development introduction to html css and javascript
Marc Huang
 
Introduction to HTML and CSS
Introduction to HTML and CSS
Mario Hernandez
 
Lesson 02
Lesson 02
Gene Babon
 
Web Design Course: CSS lecture 3
Web Design Course: CSS lecture 3
Gheyath M. Othman
 
Modular HTML, CSS, & JS Workshop
Modular HTML, CSS, & JS Workshop
Shay Howe
 
Web Design Course: CSS lecture 2
Web Design Course: CSS lecture 2
Gheyath M. Othman
 
CSS3 Introduction
CSS3 Introduction
Jaeni Sahuri
 
Web Design Course: CSS lecture 5
Web Design Course: CSS lecture 5
Gheyath M. Othman
 
CSS Part I
CSS Part I
Doncho Minkov
 
Web Design Course: CSS lecture 1
Web Design Course: CSS lecture 1
Gheyath M. Othman
 
CSS, CSS Selectors, CSS Box Model
CSS, CSS Selectors, CSS Box Model
jamiecavanaugh
 
HTML(5) and CSS(3) for beginners - I
HTML(5) and CSS(3) for beginners - I
vincentleeuwen
 
Unit 2 (it workshop)
Unit 2 (it workshop)
Dr.Lokesh Gagnani
 
About Best friends - HTML, CSS and JS
About Best friends - HTML, CSS and JS
Naga Harish M
 
HTML CSS Best Practices
HTML CSS Best Practices
Den Widhana
 
Web1O1 - Intro to HTML/CSS
Web1O1 - Intro to HTML/CSS
NYCSS Meetup
 

More Related Content

What's hot (20)

HTML/CSS Crash Course (april 4 2017)
HTML/CSS Crash Course (april 4 2017)
Daniel Friedman
 
CSS
CSS
Mallikarjuna G D
 
Web Development Basics: HOW TO in HTML
Web Development Basics: HOW TO in HTML
Der Lo
 
CSS Walktrough Internship Course
CSS Walktrough Internship Course
Zoltan Iszlai
 
Fundamental CSS3
Fundamental CSS3
Achmad Solichin
 
Web Design Course: CSS lecture 4
Web Design Course: CSS lecture 4
Gheyath M. Othman
 
Web front end development introduction to html css and javascript
Web front end development introduction to html css and javascript
Marc Huang
 
Introduction to HTML and CSS
Introduction to HTML and CSS
Mario Hernandez
 
Lesson 02
Lesson 02
Gene Babon
 
Web Design Course: CSS lecture 3
Web Design Course: CSS lecture 3
Gheyath M. Othman
 
Modular HTML, CSS, & JS Workshop
Modular HTML, CSS, & JS Workshop
Shay Howe
 
Web Design Course: CSS lecture 2
Web Design Course: CSS lecture 2
Gheyath M. Othman
 
CSS3 Introduction
CSS3 Introduction
Jaeni Sahuri
 
Web Design Course: CSS lecture 5
Web Design Course: CSS lecture 5
Gheyath M. Othman
 
CSS Part I
CSS Part I
Doncho Minkov
 
Web Design Course: CSS lecture 1
Web Design Course: CSS lecture 1
Gheyath M. Othman
 
CSS, CSS Selectors, CSS Box Model
CSS, CSS Selectors, CSS Box Model
jamiecavanaugh
 
HTML(5) and CSS(3) for beginners - I
HTML(5) and CSS(3) for beginners - I
vincentleeuwen
 
Unit 2 (it workshop)
Unit 2 (it workshop)
Dr.Lokesh Gagnani
 
About Best friends - HTML, CSS and JS
About Best friends - HTML, CSS and JS
Naga Harish M
 
HTML/CSS Crash Course (april 4 2017)
HTML/CSS Crash Course (april 4 2017)
Daniel Friedman
 
Web Development Basics: HOW TO in HTML
Web Development Basics: HOW TO in HTML
Der Lo
 
CSS Walktrough Internship Course
CSS Walktrough Internship Course
Zoltan Iszlai
 
Web Design Course: CSS lecture 4
Web Design Course: CSS lecture 4
Gheyath M. Othman
 
Web front end development introduction to html css and javascript
Web front end development introduction to html css and javascript
Marc Huang
 
Introduction to HTML and CSS
Introduction to HTML and CSS
Mario Hernandez
 
Web Design Course: CSS lecture 3
Web Design Course: CSS lecture 3
Gheyath M. Othman
 
Modular HTML, CSS, & JS Workshop
Modular HTML, CSS, & JS Workshop
Shay Howe
 
Web Design Course: CSS lecture 2
Web Design Course: CSS lecture 2
Gheyath M. Othman
 
Web Design Course: CSS lecture 5
Web Design Course: CSS lecture 5
Gheyath M. Othman
 
Web Design Course: CSS lecture 1
Web Design Course: CSS lecture 1
Gheyath M. Othman
 
CSS, CSS Selectors, CSS Box Model
CSS, CSS Selectors, CSS Box Model
jamiecavanaugh
 
HTML(5) and CSS(3) for beginners - I
HTML(5) and CSS(3) for beginners - I
vincentleeuwen
 
About Best friends - HTML, CSS and JS
About Best friends - HTML, CSS and JS
Naga Harish M
 

Viewers also liked (8)

HTML CSS Best Practices
HTML CSS Best Practices
Den Widhana
 
Web1O1 - Intro to HTML/CSS
Web1O1 - Intro to HTML/CSS
NYCSS Meetup
 
Intro to CSS
Intro to CSS
UC Berkeley Graduate School of Journalism
 
Web 101 intro to html
Web 101 intro to html
Hawkman Academy
 
Introduction to Javascript
Introduction to Javascript
Amit Tyagi
 
JavaScript - An Introduction
JavaScript - An Introduction
Manvendra Singh
 
Introduction to multimedia
Introduction to multimedia
Southern Leyte State University
 
JavaScript Programming
JavaScript Programming
Sehwan Noh
 
Ad

Similar to Intro to HTML + CSS (20)

Intro to HTML & CSS
Intro to HTML & CSS
Colin Loretz
 
HTML5 for ASP.NET Developers
HTML5 for ASP.NET Developers
Justin Lee
 
Web development basics (Part-1)
Web development basics (Part-1)
Rajat Pratap Singh
 
HTMLforbeginerslearntocodeforbeginersinfh
HTMLforbeginerslearntocodeforbeginersinfh
enisp1
 
2h landing page
2h landing page
AndryRajohnson
 
The Ring programming language version 1.10 book - Part 55 of 212
The Ring programming language version 1.10 book - Part 55 of 212
Mahmoud Samir Fayed
 
HTML5 developer Certification
HTML5 developer Certification
Vskills
 
Certified HTML5 Developer
Certified HTML5 Developer
Narender Rana
 
Introduction to HTML+CSS+Javascript.pptx
Introduction to HTML+CSS+Javascript.pptx
PedroGonzalez915307
 
Introduction to HTML+CSS+Javascript.pptx
Introduction to HTML+CSS+Javascript.pptx
SadiaBaig6
 
Implementing Awesome: An HTML5/CSS3 Workshop
Implementing Awesome: An HTML5/CSS3 Workshop
Shoshi Roberts
 
Even faster web sites presentation 3
Even faster web sites presentation 3
Felipe Lavín
 
Html5 ppt
Html5 ppt
Rahul Gupta
 
GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1
Heather Rock
 
The Ring programming language version 1.5.3 book - Part 55 of 184
The Ring programming language version 1.5.3 book - Part 55 of 184
Mahmoud Samir Fayed
 
The Ring programming language version 1.5.3 book - Part 45 of 184
The Ring programming language version 1.5.3 book - Part 45 of 184
Mahmoud Samir Fayed
 
Introduction to HTML+CSS+Javascript.pptx
Introduction to HTML+CSS+Javascript.pptx
AliRaza899305
 
Introduction to HTML+CSS+Javascript.pptx
Introduction to HTML+CSS+Javascript.pptx
KADAMBARIPUROHIT
 
Tech Winter Break - GDG on Campus - PIET
Tech Winter Break - GDG on Campus - PIET
khushi15250705
 
WEBSITE DESIGN AND DEVELOPMENT WITH CASCADING STYLE SHEETS(CSS)
WEBSITE DESIGN AND DEVELOPMENT WITH CASCADING STYLE SHEETS(CSS)
brianbyamukama302
 
Intro to HTML & CSS
Intro to HTML & CSS
Colin Loretz
 
HTML5 for ASP.NET Developers
HTML5 for ASP.NET Developers
Justin Lee
 
Web development basics (Part-1)
Web development basics (Part-1)
Rajat Pratap Singh
 
HTMLforbeginerslearntocodeforbeginersinfh
HTMLforbeginerslearntocodeforbeginersinfh
enisp1
 
The Ring programming language version 1.10 book - Part 55 of 212
The Ring programming language version 1.10 book - Part 55 of 212
Mahmoud Samir Fayed
 
HTML5 developer Certification
HTML5 developer Certification
Vskills
 
Certified HTML5 Developer
Certified HTML5 Developer
Narender Rana
 
Introduction to HTML+CSS+Javascript.pptx
Introduction to HTML+CSS+Javascript.pptx
PedroGonzalez915307
 
Introduction to HTML+CSS+Javascript.pptx
Introduction to HTML+CSS+Javascript.pptx
SadiaBaig6
 
Implementing Awesome: An HTML5/CSS3 Workshop
Implementing Awesome: An HTML5/CSS3 Workshop
Shoshi Roberts
 
Even faster web sites presentation 3
Even faster web sites presentation 3
Felipe Lavín
 
GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1
Heather Rock
 
The Ring programming language version 1.5.3 book - Part 55 of 184
The Ring programming language version 1.5.3 book - Part 55 of 184
Mahmoud Samir Fayed
 
The Ring programming language version 1.5.3 book - Part 45 of 184
The Ring programming language version 1.5.3 book - Part 45 of 184
Mahmoud Samir Fayed
 
Introduction to HTML+CSS+Javascript.pptx
Introduction to HTML+CSS+Javascript.pptx
AliRaza899305
 
Introduction to HTML+CSS+Javascript.pptx
Introduction to HTML+CSS+Javascript.pptx
KADAMBARIPUROHIT
 
Tech Winter Break - GDG on Campus - PIET
Tech Winter Break - GDG on Campus - PIET
khushi15250705
 
WEBSITE DESIGN AND DEVELOPMENT WITH CASCADING STYLE SHEETS(CSS)
WEBSITE DESIGN AND DEVELOPMENT WITH CASCADING STYLE SHEETS(CSS)
brianbyamukama302
 
Ad

More from Jamal Sinclair O'Garro (15)

A Look at TensorFlow.js
A Look at TensorFlow.js
Jamal Sinclair O'Garro
 
Intro to React
Intro to React
Jamal Sinclair O'Garro
 
React + Redux for Web Developers
React + Redux for Web Developers
Jamal Sinclair O'Garro
 
Intro to ionic 2
Intro to ionic 2
Jamal Sinclair O'Garro
 
Intro to ES6 / ES2015
Intro to ES6 / ES2015
Jamal Sinclair O'Garro
 
The Ten Code Commandments
The Ten Code Commandments
Jamal Sinclair O'Garro
 
Using TypeScript with Angular
Using TypeScript with Angular
Jamal Sinclair O'Garro
 
Intro to UI-Router/TypeScript
Intro to UI-Router/TypeScript
Jamal Sinclair O'Garro
 
Intro to Node.js
Intro to Node.js
Jamal Sinclair O'Garro
 
Intro to iOS Development
Intro to iOS Development
Jamal Sinclair O'Garro
 
Introduction to AngularJS
Introduction to AngularJS
Jamal Sinclair O'Garro
 
Intro to rails 2_kg_edited
Intro to rails 2_kg_edited
Jamal Sinclair O'Garro
 
Intro to Ruby on Rails
Intro to Ruby on Rails
Jamal Sinclair O'Garro
 
Intro to javascript (4 week)
Intro to javascript (4 week)
Jamal Sinclair O'Garro
 
Intro to Programming
Intro to Programming
Jamal Sinclair O'Garro
 

Recently uploaded (20)

“Key Requirements to Successfully Implement Generative AI in Edge Devices—Opt...
“Key Requirements to Successfully Implement Generative AI in Edge Devices—Opt...
Edge AI and Vision Alliance
 
MuleSoft for AgentForce : Topic Center and API Catalog
MuleSoft for AgentForce : Topic Center and API Catalog
shyamraj55
 
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC
 
Creating Inclusive Digital Learning with AI: A Smarter, Fairer Future
Creating Inclusive Digital Learning with AI: A Smarter, Fairer Future
Impelsys Inc.
 
Security Tips for Enterprise Azure Solutions
Security Tips for Enterprise Azure Solutions
Michele Leroux Bustamante
 
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
Edge AI and Vision Alliance
 
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...
NTT DATA Technology & Innovation
 
Bridging the divide: A conversation on tariffs today in the book industry - T...
Bridging the divide: A conversation on tariffs today in the book industry - T...
BookNet Canada
 
SAP Modernization Strategies for a Successful S/4HANA Journey.pdf
SAP Modernization Strategies for a Successful S/4HANA Journey.pdf
Precisely
 
Edge-banding-machines-edgeteq-s-200-en-.pdf
Edge-banding-machines-edgeteq-s-200-en-.pdf
AmirStern2
 
OWASP Barcelona 2025 Threat Model Library
OWASP Barcelona 2025 Threat Model Library
PetraVukmirovic
 
Securing Account Lifecycles in the Age of Deepfakes.pptx
Securing Account Lifecycles in the Age of Deepfakes.pptx
FIDO Alliance
 
FME for Good: Integrating Multiple Data Sources with APIs to Support Local Ch...
FME for Good: Integrating Multiple Data Sources with APIs to Support Local Ch...
Safe Software
 
Integration of Utility Data into 3D BIM Models Using a 3D Solids Modeling Wor...
Integration of Utility Data into 3D BIM Models Using a 3D Solids Modeling Wor...
Safe Software
 
FIDO Seminar: Targeting Trust: The Future of Identity in the Workforce.pptx
FIDO Seminar: Targeting Trust: The Future of Identity in the Workforce.pptx
FIDO Alliance
 
FIDO Alliance Seminar State of Passkeys.pptx
FIDO Alliance Seminar State of Passkeys.pptx
FIDO Alliance
 
Floods in Valencia: Two FME-Powered Stories of Data Resilience
Floods in Valencia: Two FME-Powered Stories of Data Resilience
Safe Software
 
Reducing Conflicts and Increasing Safety Along the Cycling Networks of East-F...
Reducing Conflicts and Increasing Safety Along the Cycling Networks of East-F...
Safe Software
 
“Why It’s Critical to Have an Integrated Development Methodology for Edge AI,...
“Why It’s Critical to Have an Integrated Development Methodology for Edge AI,...
Edge AI and Vision Alliance
 
War_And_Cyber_3_Years_Of_Struggle_And_Lessons_For_Global_Security.pdf
War_And_Cyber_3_Years_Of_Struggle_And_Lessons_For_Global_Security.pdf
biswajitbanerjee38
 
“Key Requirements to Successfully Implement Generative AI in Edge Devices—Opt...
“Key Requirements to Successfully Implement Generative AI in Edge Devices—Opt...
Edge AI and Vision Alliance
 
MuleSoft for AgentForce : Topic Center and API Catalog
MuleSoft for AgentForce : Topic Center and API Catalog
shyamraj55
 
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC
 
Creating Inclusive Digital Learning with AI: A Smarter, Fairer Future
Creating Inclusive Digital Learning with AI: A Smarter, Fairer Future
Impelsys Inc.
 
Security Tips for Enterprise Azure Solutions
Security Tips for Enterprise Azure Solutions
Michele Leroux Bustamante
 
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
Edge AI and Vision Alliance
 
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...
NTT DATA Technology & Innovation
 
Bridging the divide: A conversation on tariffs today in the book industry - T...
Bridging the divide: A conversation on tariffs today in the book industry - T...
BookNet Canada
 
SAP Modernization Strategies for a Successful S/4HANA Journey.pdf
SAP Modernization Strategies for a Successful S/4HANA Journey.pdf
Precisely
 
Edge-banding-machines-edgeteq-s-200-en-.pdf
Edge-banding-machines-edgeteq-s-200-en-.pdf
AmirStern2
 
OWASP Barcelona 2025 Threat Model Library
OWASP Barcelona 2025 Threat Model Library
PetraVukmirovic
 
Securing Account Lifecycles in the Age of Deepfakes.pptx
Securing Account Lifecycles in the Age of Deepfakes.pptx
FIDO Alliance
 
FME for Good: Integrating Multiple Data Sources with APIs to Support Local Ch...
FME for Good: Integrating Multiple Data Sources with APIs to Support Local Ch...
Safe Software
 
Integration of Utility Data into 3D BIM Models Using a 3D Solids Modeling Wor...
Integration of Utility Data into 3D BIM Models Using a 3D Solids Modeling Wor...
Safe Software
 
FIDO Seminar: Targeting Trust: The Future of Identity in the Workforce.pptx
FIDO Seminar: Targeting Trust: The Future of Identity in the Workforce.pptx
FIDO Alliance
 
FIDO Alliance Seminar State of Passkeys.pptx
FIDO Alliance Seminar State of Passkeys.pptx
FIDO Alliance
 
Floods in Valencia: Two FME-Powered Stories of Data Resilience
Floods in Valencia: Two FME-Powered Stories of Data Resilience
Safe Software
 
Reducing Conflicts and Increasing Safety Along the Cycling Networks of East-F...
Reducing Conflicts and Increasing Safety Along the Cycling Networks of East-F...
Safe Software
 
“Why It’s Critical to Have an Integrated Development Methodology for Edge AI,...
“Why It’s Critical to Have an Integrated Development Methodology for Edge AI,...
Edge AI and Vision Alliance
 
War_And_Cyber_3_Years_Of_Struggle_And_Lessons_For_Global_Security.pdf
War_And_Cyber_3_Years_Of_Struggle_And_Lessons_For_Global_Security.pdf
biswajitbanerjee38
 

Intro to HTML + CSS

  • 1. CODE CREW | INTRO TO HTML + CSS INTRO TO HTML + CSS Jamal O’Garro Code Crew Software Engineer + Instructor
  • 2. CODE CREW | INTRO TO HTML + CSS CLASS ROADMAP
  • 3. CODE CREW | INTRO TO HTML + CSS WHAT IS HTML?
  • 4. CODE CREW | INTRO TO HTML + CSS WHAT IS HTML? (continued)
  • 5. CODE CREW | INTRO TO HTML + CSS HTML STRUCTURE • Similar to a news article or word document • Header, paragraphs, images • Elements tell the browser what part is a header, paragraph, etc.
  • 6. CODE CREW | INTRO TO HTML + CSS HTML STRUCTURE (continued)
  • 7. CODE CREW | INTRO TO HTML + CSS HTML ELEMENTS
  • 8. HTML ELEMENTS (continued) Head Paragraph Link Image List List Item Table Div Span Section Nav Article Header/Footer Video CODE CREW | INTRO TO HTML + CSS
  • 9. CODE CREW | INTRO TO HTML + CSS EXERCISE
  • 10. CODE CREW | INTRO TO HTML + CSS HTML5 ELEMENTS <header> <nav> <section> <article/div> <aside> <footer> * Article can have header and footer
  • 11. CODE CREW | INTRO TO HTML + CSS HTML5 ELEMENTS (continued) Audio Video Canvas Geolocation WebAPI
  • 12. CODE CREW | INTRO TO HTML + CSS WHAT IS CSS?
  • 13. CODE CREW | INTRO TO HTML + CSS CSS RULES
  • 14. CSS SELECTORS element class id CODE CREW | INTRO TO HTML + CSS
  • 15. CODE CREW | INTRO TO HTML + CSS CSS PROPERTIES color font-family font-size background-color background-image border margin padding
  • 16. CODE CREW | INTRO TO HTML + CSS THE BOX MODEL
  • 17. CODE CREW | INTRO TO HTML + CSS BLOCK ELEMENTS
  • 18. CODE CREW | INTRO TO HTML + CSS INLINE ELEMENTS
  • 19. CODE CREW | INTRO TO HTML + CSS CSS POSITIONING
  • 20. CODE CREW | INTRO TO HTML + CSS CSS POSITIONING (continued)
  • 21. CODE CREW | INTRO TO HTML + CSS CSS POSITIONING (continued)
  • 22. CODE CREW | INTRO TO HTML + CSS CSS POSITIONING (continued)
  • 23. CODE CREW | INTRO TO HTML + CSS RESPONSIVE DESIGN
  • 24. CODE CREW | INTRO TO HTML + CSS WHAT IS BOOTSTRAP?
  • 25. BOOTSTRAP CLASSES btn btn-lg btn-primary success danger table table-striped CODE CREW | INTRO TO HTML + CSS
  • 26. CODE CREW | INTRO TO HTML + CSS THE GRID
  • 27. CODE CREW | INTRO TO HTML + CSS THANKS MUCH!!! Jamal O’Garro Code Crew Software Engineer + Instructor