diff --git a/docs/html/images/training/app/app_icon_action.png b/docs/html/images/training/app/app_icon_action.png
new file mode 100644
index 0000000000000..591475d3079b2
Binary files /dev/null and b/docs/html/images/training/app/app_icon_action.png differ
diff --git a/docs/html/images/training/app/app_icon_gather.png b/docs/html/images/training/app/app_icon_gather.png
new file mode 100644
index 0000000000000..73a873685589e
Binary files /dev/null and b/docs/html/images/training/app/app_icon_gather.png differ
diff --git a/docs/html/images/training/app/app_icon_insight.png b/docs/html/images/training/app/app_icon_insight.png
new file mode 100644
index 0000000000000..fbdcb80e6ed2f
Binary files /dev/null and b/docs/html/images/training/app/app_icon_insight.png differ
diff --git a/docs/html/images/training/app/app_logo_black_decal.png b/docs/html/images/training/app/app_logo_black_decal.png
new file mode 100644
index 0000000000000..7964ff629c06a
Binary files /dev/null and b/docs/html/images/training/app/app_logo_black_decal.png differ
diff --git a/docs/html/images/training/app/app_logo_black_decal_no_text.png b/docs/html/images/training/app/app_logo_black_decal_no_text.png
new file mode 100644
index 0000000000000..a3bcb682bae82
Binary files /dev/null and b/docs/html/images/training/app/app_logo_black_decal_no_text.png differ
diff --git a/docs/html/images/training/app/app_logo_decal_white.png b/docs/html/images/training/app/app_logo_decal_white.png
new file mode 100644
index 0000000000000..7063f0e922552
Binary files /dev/null and b/docs/html/images/training/app/app_logo_decal_white.png differ
diff --git a/docs/html/images/training/app/combine_views.png b/docs/html/images/training/app/combine_views.png
new file mode 100644
index 0000000000000..f4bb6208e7fb6
Binary files /dev/null and b/docs/html/images/training/app/combine_views.png differ
diff --git a/docs/html/images/training/app/find_in_path_dialog.png b/docs/html/images/training/app/find_in_path_dialog.png
new file mode 100644
index 0000000000000..26aa00baa4995
Binary files /dev/null and b/docs/html/images/training/app/find_in_path_dialog.png differ
diff --git a/docs/html/images/training/app/flatten_view_hierarchy.png b/docs/html/images/training/app/flatten_view_hierarchy.png
new file mode 100644
index 0000000000000..d6ae80fb9f401
Binary files /dev/null and b/docs/html/images/training/app/flatten_view_hierarchy.png differ
diff --git a/docs/html/images/training/app/gather_insight_action.png b/docs/html/images/training/app/gather_insight_action.png
new file mode 100644
index 0000000000000..1ce7ec1589632
Binary files /dev/null and b/docs/html/images/training/app/gather_insight_action.png differ
diff --git a/docs/html/images/training/app/gcm_flow.png b/docs/html/images/training/app/gcm_flow.png
new file mode 100644
index 0000000000000..991c761cb1ad8
Binary files /dev/null and b/docs/html/images/training/app/gcm_flow.png differ
diff --git a/docs/html/images/training/app/layout_pass_multiplication.png b/docs/html/images/training/app/layout_pass_multiplication.png
new file mode 100644
index 0000000000000..c0737fde38c49
Binary files /dev/null and b/docs/html/images/training/app/layout_pass_multiplication.png differ
diff --git a/docs/html/images/training/app/network_traffic_colors.png b/docs/html/images/training/app/network_traffic_colors.png
new file mode 100644
index 0000000000000..1199c6c6ef51d
Binary files /dev/null and b/docs/html/images/training/app/network_traffic_colors.png differ
diff --git a/docs/html/images/training/app/network_traffic_gray.png b/docs/html/images/training/app/network_traffic_gray.png
new file mode 100644
index 0000000000000..dde704d94f93e
Binary files /dev/null and b/docs/html/images/training/app/network_traffic_gray.png differ
diff --git a/docs/html/images/training/app/optimal_network_traffic_pattern.png b/docs/html/images/training/app/optimal_network_traffic_pattern.png
new file mode 100644
index 0000000000000..0f68d83d204ec
Binary files /dev/null and b/docs/html/images/training/app/optimal_network_traffic_pattern.png differ
diff --git a/docs/html/images/training/app/overdraw_screen_example_before_after.png b/docs/html/images/training/app/overdraw_screen_example_before_after.png
new file mode 100644
index 0000000000000..d8eea6bba63e1
Binary files /dev/null and b/docs/html/images/training/app/overdraw_screen_example_before_after.png differ
diff --git a/docs/html/images/training/app/profile_gpu_rendering_annotated_graph.png b/docs/html/images/training/app/profile_gpu_rendering_annotated_graph.png
new file mode 100644
index 0000000000000..0642fe05dd672
Binary files /dev/null and b/docs/html/images/training/app/profile_gpu_rendering_annotated_graph.png differ
diff --git a/docs/html/images/training/app/remove_hidden_views.png b/docs/html/images/training/app/remove_hidden_views.png
new file mode 100644
index 0000000000000..8ab514825e136
Binary files /dev/null and b/docs/html/images/training/app/remove_hidden_views.png differ
diff --git a/docs/html/images/training/app/stacked_cards.png b/docs/html/images/training/app/stacked_cards.png
new file mode 100644
index 0000000000000..5de874a936552
Binary files /dev/null and b/docs/html/images/training/app/stacked_cards.png differ
diff --git a/docs/html/images/training/app/suboptimal_network_traffic_pattern.png b/docs/html/images/training/app/suboptimal_network_traffic_pattern.png
new file mode 100644
index 0000000000000..484019cfe89c7
Binary files /dev/null and b/docs/html/images/training/app/suboptimal_network_traffic_pattern.png differ