g. YourServices Pageshould include a short list of services you offer (e.g. general programming, web development, mobile apps, etc.). I recommend including images that make this more appealing to view.

h. Your Contact Page should include your contact information in a panel or other construct.

i. Your Contact Page should include a short interactive form that allows the user send you a message and provide basic contact information (First Name, Last Name, Contact Number, Email Address, Message, etc.). This form does not have to be fully functional initially. However, it should be able to capture the information entered by the user and redirect them back to the Home Page.

2. Your Portfolio site will useExpressJSandNodeJSand your web pages have been split to use different View templates and partials by implementing the EJS templating engine and Express Routes(25 Marks)

a. Your site should include at least 5 View templates – one for your Home Page, e.t.c.Note: You may include additional templates as needed to accommodate other site pages..

b. An Express Route must exist for each page of your site.Note: You will need to use therouter.get(path, callback(req, res, next)) method structure with a res.render(view, locals)method call to render each view.

3. Your site will use the new structure created by the Express Generator. Your site files will be migrated to work within thepublic,routesandviewsfolders(20 Marks: Site Structure):

a. Generate your site structure with the Express Generator. Note: You must use the -e option to ensure that you implement theEJS templating enginefor Express.

b. YourJavaScript,CSS and Multimedia Asset Filesshould be moved to separate folders within thepublicfolder. Using the Twitter Bootstrap CSS framework is strongly recommended, though not required. Note: the public folder is part of the path and does not have to be referenced.

c. You will define routes for all of your site pages in the index.jsfile in your routes folder.

d. Your views folder will contain your EJS page templates. You will create a separate folder namedpartialsfor all of your partialEJS files. You will need several partials includingheader.ejs,content.ejs,footer.ejsand others.

e. All Your Code (HTML, CSS, JavaScript, jQuery, etc.) is error free.

4. Include Internal Documentation for your site (5 Marks: Internal Documentation):

a. Ensure you include a comment header for your CSS and JavaScript files that indicate: the File name, Student’s Name, StudentID, and Date.

b. Ensure you include a section headers for all of your HTML structure, CSS style sections, and any JavaScript functions.

c. Ensure all your code uses contextual variable names that help make the files human- readable.