{"id":2171,"date":"2026-05-03T21:47:54","date_gmt":"2026-05-03T21:47:54","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-resources\/?p=2171"},"modified":"2026-05-03T21:47:59","modified_gmt":"2026-05-03T21:47:59","slug":"portfolio-website","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-resources\/2026\/05\/03\/portfolio-website\/","title":{"rendered":"Portfolio website"},"content":{"rendered":"\n<p>(<em>Example image of completed project)\u00a0<\/em><\/p>\n\n\n\n<p>Create a simple portfolio that&nbsp;showcases&nbsp;images and video from the other projects made during the semester. The site should have a homepage with a grid of project thumbnails, individual pages for each project with documentation&nbsp;media&nbsp;and a description. Include an about page with a logo or image and short biography. The site should have a menu on all&nbsp;page&nbsp;that&nbsp;links&nbsp;to each main page. There should be a total of (at least) 5 HTML pages. All pages should include the required tags (html, head, title, body).&nbsp;Pages should include the following tags: h1, p, a,&nbsp;img. Include a CSS stylesheet with at least the following properties: color, font-size, font-family, margin.&nbsp;<\/p>\n\n\n\n<p><strong>Submission instructions<\/strong>&nbsp;<\/p>\n\n\n\n<p>Create an Open Lab post with the following:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Screen capture of the website homepage\u00a0<\/li>\n\n\n\n<li>URL for the published version of the project\u00a0<\/li>\n\n\n\n<li>URL for the code on GitHub\u00a0<\/li>\n\n\n\n<li>Project statement\u00a0\n<ul class=\"wp-block-list\">\n<li>Project title\u00a0<\/li>\n\n\n\n<li>Semester and year created\u00a0<\/li>\n\n\n\n<li>Software and languages used\u00a0<\/li>\n\n\n\n<li>3-4 sentence description of your creative and technical process. For example: What\/who is your \u201cchoose your own adventure\u201d about? What inspired this story? What was the most challenging part of the project and how did you solve it?\u00a0<\/li>\n\n\n\n<li>Description should be written for a general audience with no knowledge of the class assignment.\u00a0<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Submit a link to the Open Lab\u00a0post\u00a0documentation on Brightspace.\u00a0<\/li>\n<\/ul>\n\n\n\n<p><strong>Rubric<\/strong>&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table><tbody><tr><td>Criteria&nbsp;<\/td><td>Description<\/td><td>Points&nbsp;<\/td><\/tr><tr><td>Website&nbsp;<\/td><td>The\u00a0final version\u00a0of the website is well\u00a0designed\u00a0and a project grid and documentation of student projects.\u00a0<\/td><td>20<\/td><\/tr><tr><td>Publishing&nbsp;<\/td><td>The website is published using GitHub. All links and media\u00a0embeds\u00a0work properly.<\/td><td>10<\/td><\/tr><tr><td>HTML\/CSS&nbsp;<\/td><td>The HTML and CSS files have proper formatting and syntax, and the project has proper file structure.\u00a0<\/td><td>20<\/td><\/tr><tr><td>Documentation&nbsp;<\/td><td>Documentation including images and\/or video is included in the post. The media is the correct format,\u00a0size\u00a0and length. Images are cropped and sized to show the documented work.\u00a0<\/td><td>15\u00a0<\/td><\/tr><tr><td>Blog post&nbsp;<\/td><td>A post is published on the Open Lab. The post includes documentation and a written description that makes the goal of the post clear.\u00a0<\/td><td>5<\/td><\/tr><tr><td>Writing&nbsp;<\/td><td>Writing is clear and uses correct grammar.\u00a0<\/td><td>5<\/td><\/tr><tr><td>Link&nbsp;<\/td><td>A link to the published Open Lab post is\u00a0submitted\u00a0on Brightspace.\u00a0<\/td><td>5<\/td><\/tr><tr><td>Total&nbsp;<\/td><td>&nbsp;<\/td><td>80\u00a0<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>(Example image of completed project)\u00a0 Create a simple portfolio that&nbsp;showcases&nbsp;images and video from the other projects made during the semester. The site should have a homepage with a grid of project thumbnails, individual pages for each project with documentation&nbsp;media&nbsp;and a description. Include an about page with a logo or image and short biography. The site&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp100-resources\/2026\/05\/03\/portfolio-website\/\">Continue reading <span class=\"screen-reader-text\">Portfolio website<\/span><\/a><\/p>\n","protected":false},"author":34,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[29],"tags":[],"class_list":["post-2171","post","type-post","status-publish","format-standard","hentry","category-sample-project","entry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-resources\/wp-json\/wp\/v2\/posts\/2171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-resources\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-resources\/wp-json\/wp\/v2\/comments?post=2171"}],"version-history":[{"count":1,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-resources\/wp-json\/wp\/v2\/posts\/2171\/revisions"}],"predecessor-version":[{"id":2172,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-resources\/wp-json\/wp\/v2\/posts\/2171\/revisions\/2172"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-resources\/wp-json\/wp\/v2\/media?parent=2171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-resources\/wp-json\/wp\/v2\/categories?post=2171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-resources\/wp-json\/wp\/v2\/tags?post=2171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}