Loading

[NEW SOLN] WEBD 125 WEEK 4 ASSIGNMENT STYLING AND ALIGNING YOUR MAIN NAVIGATION WITH FLEXBOX

[SOLVED] WEBD 125 WEEK 4 ASSIGNMENT STYLING AND ALIGNING YOUR MAIN NAVIGATION WITH FLEXBOX: In this assignment you will work on your main navigation.

  1. In your index.html file, change the names of your links to “home”, “about”, “examples”, and “contact”. They should be all lowercase. 
  2. Work on your main navigation. Using what you learned about Flexbox, style and align the navbar using Flexbox methods. How it ultimately looks is up to you, but it must have the following requirements:
    • A background color with legible font color.
    • Using CSS, change the link copy to all uppercase. For example, “contact” should display as “CONTACT”.
    • Change the background state on hover — research some hover state styles.

  [SOLVED] WEBD 125 WEEK 4 ASSIGNMENT STYLING AND ALIGNING YOUR MAIN NAVIGATION WITH FLEXBOX: Something similar to this, but the styles are up to you:

3. Create new HTML pages in your ‘html’ folder: ‘about.html’, ‘examples.html’, and ‘contact.html’. You can copy the index.html page for each new HTML file, and then change all the relevant details for each page: filename, title, header, etc. 

4. Link each nav link to its correct page, and make sure navigation looks and works the same on all your pages. You can copy the entire <nav> link from your working page, and replace the other page’s <nav> with the new one. 

5. Save all your files and FTP everything to Coton.

[SOLVED] WEBD 125 WEEK 4 ASSIGNMENT STYLING AND ALIGNING YOUR MAIN NAVIGATION WITH FLEXBOX: Submit the URL to your HTML file. It should look like the following example:
https://coton.champlain.edu/WEBD12545/user.name/html/index.html

Support