Continue work on your independent Project website.
- Every page of your site must include a valid, helpful page title (e.g., “Joe’s Environmental Bookshop – Home” would be good, while “Home page” would be bad).
- Code should show some organization and alignment.
- I’d like every page of your site to include, directly below the <body> tag, a <div class=”container-fluid”>. This div should be closed right before you close the body tag (</body>). So, in other words, all content you enter into your page after the body will be contained within this div.
- The navigation for both pages of your site needs to be the Bootstrap Navbar: you can choose from the provided options of Basic Navbar, Navbar fixed to top, Navbar fixed to bottom, Inverted Navbar. It’s a minimal change if you set up your navigation without Bootstrap.
- Remove any parts of the navbar that you won’t use (my suggestion is to do so with the DOM panel, as demonstrated several times, most recently during class on Monday 4/13)
- Include at least 2 additional bootstrap elements (not counting the navbar) to your site
- A page header is required. If you don’t have anything specific to put in it, you can include the navbar within it, or even just an empty paragraph.
- A page footer is required, and should include social media links (they don’t have to go to a specific page, but should go to Facebook or Instagram or whatever).
Usually the font in the footer is smaller than the font used for the rest of the page.
- Use at least 1 list on either page of your site
- Each page of your site should include at least 2 images. That can include an image in the header, if so desired, but does NOT include an image you might use on the navbar as the Navbar Brand. Every image used must include clear alternate text. I suggest you follow the guidelines in https://www.w3schools.com/howto/howto_css_image_responsive.asp
- Include at least one ID and one Class of your own (ie., not one defined through the Bootstrap CSS). The ID and class should be defined in the HTML and definitely styled in the CSS
- Your CSS sheet must be an external sheet; remember that it should be linked to your HTML page(s) below the bootstrap, not above it
- You must specify a particular font for the body of the page, and it should be different from the default. Remember, you can choose from Dreamweaver’s standard font choices, or use a Google or Adobe Edge – as described in the videos you watched in W12).
- I would prefer for the width of the body to be less than 100%, because I do not want text stretching from the far left margin to the far right. If your design will avoid that, I won’t penalize you for not restricting the width. But if I feel that the content stretches across the whole monitor width and you didn’t restrict the width, I will take off points.
- You must float at least 1 element on each page of the site.