Web development for moms in 60 days

> 1. Course introduction

• 1.1 Introduction

> 2. Introduction to the web development

• 2.1 Files

• 2.2 HTML and CSS Introduction

> 3. HTML

• 3.1 HTML Elements

• 3.2 Images

• 3.3 Links

> 4. CSS

• 4.1 CSS

• 4.2 Box model

• 4.3 Border

• 4.4 Units

> 5. Q&A

• 5.1 Q&A 1

> 6. Adding fonts icons and favicon

• 6.1 Google Fonts

• 6.2 Font Awesome

• 6.3 Favicon

> 7. Let's build your personal website

• 7.1 Your personal website - walk through

• 7.2 Adding HTML structure

• 7.3 Add links

• 7.4 Add icons

• 7.5 Create your CSS file and add fonts

• 7.6 Style the containers

• 7.7 Style lists

• 7.8 Styling the text

• 7.9 Creating on-page navigation

• 7.10 Header

• 7.11 Last fixes

• 7.12 Favicon

> 8. Resources

• 8.1 Cheatsheets and resources

> 9. Diving deeper

• 9.1 Introduction to the second part

• 9.2 Using inspect tool

• 9.3 Adding new meta tags

• 9.4 Meta tags - Facebook and Twitter

• 9.5 Semantic elements

• 9.6 Embedding

• 9.7 Create a table

• 9.8 Advanced CSS Selectors

• 9.9 Advanced Text Styling

• 9.10 Building Components

• 9.11 Positioning

• 9.12 Layout

• 9.13 Grid

• 9.14 Flexbox

• 9.15 Centering an element

> 10. Bootstrap

• 10.1 Bootstrap - Introduction

• 10.2 Containers and Layout

• 10.3 Buttons

• 10.4 Hero part

• 10.5 Navigation

• 10.6 Images

• 10.7 Cards and Carrousels