Creating the Footers

This video demonstrates how to enable the headers and footers.

Reference this table to enable the headers for the Best Run's career site.

1. In Career Site Builder, navigate to Appearance→Styles→Headers→English.

2. Select Default Brand.

3. Choose the Logo tab.

4. Under Headers→English in the navigation menu at the left, select Red.

5. Complete steps 1 to 4 again for the Red Brand.

This video provides a demonstration on creating brands header links.

Best Run would like four dropdown menus in the header. Begin by creating the Brands links:

1. Navigate to Appearance→Styles→Headers→English→Default Brand.

2. Select the Menu tab to create the dropdown link.

   1. Select +Add.

   2. For Type, select List.

   3. For Title, enter Navigate to Brands.

   4. For Text, enter Brands.

3. Under Link List, select +Add.

   1. Enter the values shown in the table for Default Brand.

   2. Select OK, and then select Yes.

4. Repeat the previous steps to add a new Link List, entering the value for the Red brand from the table.

5. Select OK, and then select Yes.

6. Select Save and preview.

7. Test the new links. After selecting the first link, select the back arrow on your browser to test the second one. Also, notice the mouse over text for each link.

1. Repeat the steps from the task, Create the Brands Header Links for the Default Brand, except begin from Appearance→Styles→Headers→English→Red.

This video provides a demonstration of how to create the Why Work Here content page.

Reference this table to create the Why Work Here links for the Best Run brand.

1. Navigate to Appearance→Styles→Headers→English→Default Brand→Menu.

   1. Select +Add.

   2. For Type, select List.

   3. For Title, enter Learn about our Company.

   4. For Text, enter Why Work Here.

2. Under Link List, select +Add.

   1. For Type, select Content.

   2. Skip to the Content Link at the bottom and select the value from the first row in the table. This action selects a page you created previously.

   3. Enter the Title and Text values shown in the table.

   4. Select Ok and Yes.

3. Repeat the previous steps to add the second Content page, entering the values from the second row of the table.

4. Select Ok and Yes.

5. Save and preview.

6. Test the new links.

Reference this table to create the Why Work Here links for the Red brand.

1. Repeat the steps from the task, Create the Why Work Here (Content Page) for the Best Run Brand, except begin from Appearance→Styles→Headers→English→Red→Menu.

This video demonstrates how to create the Career Opportunities category page.

Reference this table to create the Career Opportunities (Category Page) Header links for the Best Run brand and Red brand.

1. Navigate to Appearance→Styles→Headers→English→Default Brand→Menu.

   1. Select +Add.

   2. For Type, select List.

   3. For Title, enter Navigate to Featured Jobs.

   4. For Text, enter Career Opportunities.

2. Under Link List, select +Add.

   1. For Type, select Category Link.

   2. Skip to the Category Link at the bottom and select the value from the first row in the table. This action selects a page you created previously.

   3. Enter the Title and Text values shown in the table.

   4. Select Ok, and then selectYes.

3. Repeat the previous step to add a new Link List, entering the values from the second row in the table.

4. Continue adding Link Lists for the third, fourth, and fifth rows in the table.

5. Select Ok and Yes.

6. Select Save and preview.

7. Test the new links. Notice that some of the category pages are associated with the Best Run brand, and some with the Red brand.

1. Repeat the steps from the task, Create the Career Opportunities (Category Page) Header Links for the Best Run Brand, except begin from Appearance→Styles→Headers→English→Red→Menu.

Best Run understands that links to landing pages on the career site are usually not included within the site, but they would like to include a link to the Engineering Students landing page under the Not Finding a Job? dropdown in the header. You begin by locating the link to this landing page. 

Reference this table to create the Not Finding a Job? Header Links for the Best Run brand and Red brand.

1. Navigate to Pages→Landing.

   1. Click the Edit Landing Page (pencil) icon for the Engineering Students page.

   2. Click the preview button.

   3. Copy the URL for the page.

   4. Paste the link into a text editor (such as Notepad).

   5. Delete the end of the URL that you pasted, beginning with ?locale=…

   6. Open a new browser window and test the link. The Engineering Students landing page displays.

2. Navigate to Appearance→Styles→Headers→English→Default Brand→Menu.

   1. Click +Add.

   2. For Type select List.

   3. For Title enter Find job in other ways.

   4. For Text enter Not Finding a Job?

3. Under Link List click +Add.

   1. Enter the values shown in the first row in the table.

   2. Click Ok and Yes.

4. Repeat step 3 to add the Link List for the second row in the table.

5. Add the Link List for the third row in the table.

   1. To populate the Source field, copy and paste the landing page link that you saved in the first step.

   2. Select Ok, and then select Yes.

   3. Select Save and preview.

   4. Test the new links.

1. Repeat the steps from the task, Create the Not Finding a Job? Header Links for the Red Brand, except begin from Appearance→Styles→Headers→English→Best Run→Menu.

This video provides a demonstration on how to create footer links.

Best Run would like five links in the footer. You create the footers for both brands.

Reference this table to create the footer links for both the Best Run brand and Red brand.

1. Navigate to Appearance→Styles→Footers→English→Default Brand.

   1. Select the Details tab.

   2. For Footer Text, enter © Copyright 2024.

   3. For Footer Width, select Centered.

   4. For Footer Image, select NO.

   5. Save and preview.

2. Select the Row Menu tab.

   1. Select +Add.

   2. Enter the values shown in the table.

   3. Select Ok and Yes.

   4. Save and preview.

3. Repeat step 2 to add the Link List for rows two through five in the table.

4. Select Save and preview.

5. To create the footer links for the Red brand, navigate to Appearance→Styles→Footers→English→Red.

6. Complete the steps a to g for the Red brand.

7. Test the footer links.

Reference this table to create the footer links for both the Best Run brand and Red brand.

1. Navigate to Appearance→Styles→Footers→English→Default Brand→Social Links.

   1. Select +Add tab.

   2. Select the first type from the table (Facebook).

   3. Enter the link from the table.

2. Repeat step 1 to add the other social links (LinkedIn and Twitter).

3. Save and preview the social links.

4. To create the footer links for the Red brand, navigate to Appearance→Styles→Footers→English→Red.

5. Complete the same steps for the Red brand.

6. Randomly test header and footer links for both brands. Remember that clicking the logo in the header returns you to the home page.

Reference this table to create links to category pages.

1. Navigate to Pages→Home→English→Default Brand→Home.

2. Scroll to the Three Column Images with Caption component and select the gray box to edit it.

3. Select to open the Column 1 tab. The Show Link is selected.

   1. Select the Edit Link button.

   2. For Type, select Category Link.

   3. Skip to the Category Link at the bottom and select the value from the first row in the table above. This action selects the page you created previously.

   4. Enter the Title and Text values show in the table.

   5. Select Ok.

   6. Select Save Draft.

4. Repeat step 3 to add links to the Column 2 and Column 3 tabs, entering the values from the table.

5. Select Publish and preview.

6. Test the links.

7. To add the Remote Jobs link on the Best Run home page in Career Site Builder, scroll to the Work Remotely-Text component (the second Text component) and select the gray box to edit it. The Show Button is selected.

8. Repeat the sub-steps 3b to 3f (beginning with Select the Edit Link button) and use the values from the Remote Jobs row in the table.

9. SelectPublish and preview.

10. Test the link.

Reference this table to create the View All Jobs link.

1. Scroll to the Dream Job Text component (the first Text component) and select the gray box to edit it. The Show Button is selected.

2. Select the Edit Button.

3. Enter the values shown in the table.

4. Select Ok.

5. Select Publish and preview.

6. Test the link. The search results displays all jobs.

Reference this table to upload the Red brand image.

1. Scroll to the top of the Default Brand home page in Career Site Builder.

2. Click the gear icon and select Duplicate Page.

3. For Brand select Red.

4. Select Save.

5. Navigate to Pages→Home→English→Red→Home.

6. Select the gray box representing the Subscribe Form.

   1. Select the Styles tab.

   2. Under Background Image, select Change Image and upload the image listed in the table.

   3. Select Publish and preview.

7. While previewing the Red brand home page, test links. Remember that selecting the logo at the top of the page returns you to the home page for that brand. Use the Home Page navigation in the header to switch to the other brand.