Great Deal! Get Instant $25 FREE in Account on First Order + 10% Cashback on Every Order Order Now

3 Page Responsive Website Choose your Theme: Baking Website Your friend has just opened a new business baking an assortment of goodies. They've asked if you can help make them a website to show the...

3 Page Responsive Website

Choose your Theme:

Baking Website

Your friend has just opened a new business baking an assortment of goodies. They've asked if you can help make them a website to show the customer where they are located, some of the goodies for sale and a nice way to contact them.


Gaming Website

A site dedicated to all things gaming. It's got reviews, news, live feeds and community images all driving a very visual gaming experience. Once a month there is a tournament you can sign up for and a map to the location in the contact page.


Sports Website

You're in charge of setting up and maintaining a website that helps local teams play their favourite sport. The site has highlights, scores, standings, a way to sign up and an interactive map showing the field location.

Common Elements

Navigation Items

  • Home
  • About
  • Contact

Footer

  • Navigation Repeated in Footer
  • Back to Top Link
  • Copyright

HTML Pages

index.html

  • Main Banner
  • At least 6 product columns of related imagery and product callouts

about.html

  • 2 Column Equal Spaced Layout
  • HTML Table of Weekly Hours Opened.
  • Filler Content and Imagery linked to your theme

contact.html

  • HTML Contact Form
  • Google Maps Embed of Map of Location

Requirements

Breakpoints

  • Must be a single column to start, the layout must be optimized and begin with mobile styles
  • Require at least one breakpoints (768px) for your largest layout styles

Imagery

  • Responsive images must be considered, background imagery or picture element.
  • Font icons or SVG for icons if applicable.

Validate

  • HTML must validate
  • CSS mustvalidate

Naming and File Structure

  • Files Properly Organized
  • Smart class names and common pattern groupings
  • Use of comments and hierarchical organization
  • Limited redundancies across pages. Shared components.
  • Symantec Markup appropriate for content on page.
  • Head title defined across pages.

Common Components

Look for patterns of elements you can reuse for other sections of your site. a.col-2class is more general than two.about-col-2,.contact-col-2that have the same styles. Look for other components that can share baseline styles. The navigation in both the header and footer can share common styles and extend on to those with their own unique styles.

Nov 21, 2021
SOLUTION.PDF

Get Answer To This Question

Related Questions & Answers

More Questions ยป

Submit New Assignment

Copy and Paste Your Assignment Here