-
STEP-5XX
3-
Lecture1.1
-
Lecture1.2
-
Lecture1.3
-
-
STEP-500
11-
Lecture2.1
-
Lecture2.2
-
Quiz2.1
-
Lecture2.3
-
Quiz2.2
-
Lecture2.4
-
Quiz2.3
-
Lecture2.5
-
Lecture2.6
-
Lecture2.7
-
Lecture2.8
-
-
STEP-501
5-
Lecture3.1
-
Lecture3.2
-
Lecture3.3
-
Lecture3.4
-
Lecture3.5
-
-
STEP-502
5-
Lecture4.1
-
Lecture4.2
-
Lecture4.3
-
Lecture4.4
-
Lecture4.5
-
-
STEP-503
5-
Lecture5.1
-
Lecture5.2
-
Lecture5.3
-
Lecture5.4
-
Lecture5.5
-
-
STEP-504
4-
Lecture6.1
-
Lecture6.2
-
Lecture6.3
-
Lecture6.4
-
-
STEP-505
4-
Lecture7.1
-
Lecture7.2
-
Lecture7.3
-
Lecture7.4
-
501.0 – Personalize The Layout
In this step we update the page title and the header content to reflect our personal information. Next we add sections to the page that we will later use for our portfolio content. Finally we update our navigationSite architecture, menus and other navigation tools in the web design must be created with consideration of how users browse and search. The goal is to help the user to move around the site with ease, efficiently finding the information they require. to scroll the page to it’s respective section.
- Complete all steps completed in the video “inside out – STEP 501.0 | Personalize The Layout”.
- 00:00 – Introduction
- 00:21 – Overview
- 01:35 – update the page title
- 01:55 – start working on navigation
- 02:34 – update title to use lowercase
- 02:46 – update title in navigation bar
- 03:59 – add image to header
- 04:59 – make image alt your name
- 05:44 – update header bg class to bg-secondary
- 06:23 – update h1 in header
- 06:40 – update tag line in header
- 07:38 – update about section h2
- 08:35 – replace service section with experiance
- 09:05 – discuss completing remaining sections
- 11:01 – discuss bg-light section class
- 11:18 – discuss section ids
- 11:51 – add navigation links
- 13:53 – git status
- 14:03 – git add .
- 14:08 – git commit