Bridge

Under Development RWD Dropdown

<main> HTML5 element for main content

This is a Dropdown nav menu using Bootstrap to create a Responsive Web Design ((RWD) Dropdown Navigation using the using HTML5 <header>, <nav>, <main>, <section> <aside> and <footer> elements . The 2nd, side column is placed in the <aside> element. The code and brief Bootstrap tutorial comes from w3schools.com.

Test this live by resizing your browser window.

"Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites. Bootstrap is completely free to download and use!"

Filler content: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.

Do with your styles, colors, design, and banner.

Students: Add a beautiful customized banner in the <header> element.

Be sure to change colors and styles to your preference, and add your background.
Change the navigation background image color and design.
The navigation background image is: url(images/navBackground.gif)
Right-click and choose View Source to see code and the internal stylesheet
Also be sure to put the internal styles in a separate external .css file.