This site must include at least 5 pages - your Home page, an About Me page, a Projects page, a Services page, and a Contact Me page.
1. Your Home page should include the following components
a. A unique company logo
b. A Nav Bar that includes links to the primary pages of your site including: Home, About Me, Projects, Services, GitHub (you must sign up for this), and Contact Me
c. A welcome statement
d. A Personal Tagline and your mission statement. Your tagline should be short and snappy, summarizing what you do. Your mission statement includes at least 3 reasons for doing what you do.
e. A Call to Action Button. This is the "Next Step" that users of your site will take to see more of your work.
f. A "Featured work" slider. This should display a series of images (a minimum of 3) that are each a snapshot of your latest projects. Each image should take you to the related project when clicked
g. A "Keep Connected" Panel. Make it clear that users can follow you on twitter, Facebook, LinkedIn, YouTube or other social networking sites that you are actively using and relevant to your work.
h. A footer that includes your copyright Statement
2. Your About Me page should include the following components
a. Your site's Nav Bar that clearly shows the page that is "Active" .
b. A current image of you. No Avatars!
c. A bio section that includes your latest CV and a bit about you.
d. A footer that includes your copyright Statement.
3. Your Projects page should include the following components
a. Your site's Nav Bar that clearly shows the page that is "Active"
b. At least 3 Images representing your current projects and / or assignments. When the user clicks on these images they can either link to their location on GitHub, a separate sub-page of your site that includes details of the project or previous work that you have done for other courses and / or clients.
c. A footer that includes your copyright Statement.
4. Your Services page should include the following components
a. Your site's Nav Bar that clearly shows the page that is "Active"
b. A Services Section that includes related images and text of the services you offer. Your tagline summed up what you do, but you'll want to go into a bit more detail here about each service that you offer. Make it clear, and break it down: Web design, development,
video, copywriting, branding, etc.
c. A footer that includes your copyright Statement
5. Your "Contact Me" page should include the following components
a. Your site's Nav Bar that clearly shows the page that is "Active" Functionality).
b. A "Keep Connected" Section. This section should be similar to the Panel on your home page. You can include additional information or subscription feeds here if it makes sense to do so.
c. A "Contact Info" Section. Include your email address, work address and contact
number(s).
d. A footer that includes your copyright Statement
6. Your site includes well Structured HTML, CSS, JavaScript, etc.
a. Your site uses Semantic Markup (HTML5) that adheres to best practices and is
separated from its presentation
b. Your CSS rules reside in separate file(s) in their own folder and adhere to best practices
c. Your JavaScript files (and other external code) are contained in their own folder and are appropriately linked to your site.
d. Your images and multimedia assets are contained in their own folder and appropriately linked to your site
e. All Your Code (HTML, CSS, JavaScript, etc.) is error free
7. Include Internal Documentation for your site
a. Ensure you include a comment header for your html, CSS and JavaScript files that indicate: the File name, Author's name, web site name, file description
b. Ensure you include a section headers for all of your html structure, CSS style sections, and any functions
c. Ensure all your code uses contextual variable names that help make the files human-readable
d. Ensure you include inline comments that describe your GUI Design and Functionality.
8. Create an External Document (simple style guide) for your Site that includes
a. A company Logo
b. Table of contents
c. A brief description of your site
d. A Nav Bar section detailing how your Nav Bar looks (image capture) and how it functions (arrows and labels)
e. A Colours section that includes examples of your sites colours (swatches) and hexadecimal values of each colour in a table or grid.
f. A Typography section that includes a screen capture of the home page with arrows that indicate the font, size and colour used for the typography. Include a table or grid
g. A Wireframes Section that include a wireframe image and appropriate arrows and labels for each template of your site
h. A Branding Section that includes Screen Shots (samples) of each of your site's templates and an example of the logo (including colour key).
9. Share your files on Github to demonstrate Version Control Best Practices
a. Your repository must include your code and be well structured
b. Your repository must include commits that demonstrates the project being updated at different stages of development - each time a major change is implemented