![]() ** page structure **/īackground: url('./img/leader-sm.jpg') no-repeat Most of this code is rudimentary design including the background-size effect for the photo heading. You’ll also notice I’ve included a separate Google Web Font called Nova Square. I’ve used a separate stylesheet named styles.css which includes a few resets and some layout positioning. You’ll find an empty div with the ID #megamenu and this will be the container for each submenu’s dropdown. ![]() This is located much lower down beneath the entire navigation. ![]() megacontent and never gets displayed until it’s loaded into the dropdown menu. We could include a long list of links, or we could embed a video.Any type of content may be added into the mega navigation regardless of the unordered list structure. Secondary elements are considered mega nav structures wrapped in a div tag. Įach list item contains one primary navigation element. Within this wrapper is another ID #navbar which is applied to an unordered list of links. The container nav element uses an ID of #menu which spans the entire width of the page. ![]() The page layout itself is wrapped in the center with a small header section.Īfter this header it’s fairly obvious that the navigation menu is large and takes up space. I’ve created a simple stylesheet which we can get into after the HTML. The first step is to download a copy of jQuery to include in the main document.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |