Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTML/CSS Bootcamp - Learn HTML, CSS, Flexbox, and CSS Grid
A HTML CSS Basics
A_01_html_css_course_introduction (2:01)
A_01_05_what_are_html_css (6:08)
A_02_website_we_are_going_to_build (4:46)
A_03_tools_and_basic_website_structure (17:44)
A_04_introduction_using_css_styles (12:48)
A_05_the_css_cascading_process (10:29)
A_06_html_links (16:13)
A_07_html_divs (9:51)
A_08_html_classes_ids (8:33)
B_homepage
B_01_flexbox_introduction (15:40)
B_01_flexbox_introduction_with_animations (15:39)
B_02_css_padding (7:52)
B_03_css_margin (4:03)
B_04_icons_with_font_awesome (5:21)
B_05_how_to_select_child_tag_elements (8:41)
B_06_introduction_css_grid (13:15)
B_07_custom_fonts (10:06)
B_08_working_with_images_html (7:39)
B_09_refactoring_css_code_for_more_specific_selectors (13:58)
B_10_using_flexbox_inside_css_grid_container (7:21)
B_11_introduction_css_animations (9:17)
B_12_styling_right_column_of_nav_bar (13:44)
B_13_finalizing_nav_bar_styles_and_organize_style_files (8:00)
B_14_building-a-parallax-feature-in-css (10:46)
B_15_adding_text_overlays_on_parallax_image (7:12)
B_16_html_structure_and_icons_features_section (9:13)
B_17_creating_columns_with_animated_hover_effects (13:37)
B_18_nth_child_selectors (8:17)
B_19_how_to_create_box_shadows (9:27)
B_20_embed_google_map (4:26)
B_22_footer_html_structure (11:28)
B_23_footer_flex_direction (9:46)
B_24_css_image_filters_and_opacity (2:56)
B_25_finalizing_footer_styles (15:54)
C_about_page
C_01_about_page_heading_html_structure (6:04)
C_02_css_image_skews (16:17)
C_03_css_floats (14:51)
C_04_about_page_square_grid_html_structure (8:13)
C_05_creating_two_column_grid_css_grid (13:00)
C_06_finalizing_about_page_code_organization_best_practices (10:14)
D_menu_page
D_01_populating_menu_page_content_and_grid (5:03)
D_02_html_bullet_point_and_numbered_lists (5:13)
D_03_html_anchor_links (7:12)
D_04_before_after_pseudo_selectors (7:18)
E_contact_page
E_01_html_structure_contact_page (15:45)
E_02_contact_page_grid_layout (9:45)
E_03_introduction_html_forms (8:37)
E_04_styling_text_inputs (10:40)
E_05_styling_textarea_and_button_fixed (7:10)
E_05_styling_textarea_and_button (7:29)
E_06_label_and_focus_drop_shadow_styles (9:07)
E_07_custom_form_placeholder_styles (2:39)
E_08_animating_text_labels (6:04)
E_09_finalizing_contact_page_styles (8:44)
F_media_queries
F_01_introduction_to_media_queries (13:35)
F_02_finishing_responsive_layout_on_homepage (6:58)
F_03_media_queries_to_square_grid_skew_and_form (16:05)
G_updates
G_01_deploying_static_site_to_the_web (5:02)
B_20_embed_google_map
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock