{"id":2710,"date":"2018-01-31T15:42:14","date_gmt":"2018-01-31T20:42:14","guid":{"rendered":"https:\/\/it.wooster.edu.wooster.edu\/?p=2710"},"modified":"2024-04-01T08:50:42","modified_gmt":"2024-04-01T12:50:42","slug":"portfolio-website","status":"publish","type":"post","link":"https:\/\/inside.wooster.edu\/technology\/portfolio-website\/","title":{"rendered":"Portfolio Website"},"content":{"rendered":"<p>The portfolio website workshop is designed to give attendees the knowledge necessary to make a personalized portfolio website. Attendees will create a simple portfolio during the workshop and also learn about code free alternatives to make their portfolio website.\u00a0<a href=\"https:\/\/inside.wooster.edu\/technology\/events\/portfolio-website\/\">Register for the event<\/a>.<\/p>\n<h2>Resources:<\/h2>\n<ul>\n<li>CSS:\n<ul>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\">Mozilla CSS<\/a><\/li>\n<li><a href=\"https:\/\/www.w3schools.com\/css\/default.asp\">W3 CSS<\/a><\/li>\n<li><a href=\"https:\/\/cssreference.io\/\">cssreference<\/a><\/li>\n<li><a href=\"https:\/\/fontawesome.com\/\">fontawesome<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Codepen:\n<ul>\n<li><a href=\"https:\/\/codepen.io\/\">codepen<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Jekyll:\n<ul>\n<li><a href=\"https:\/\/jekyllrb.com\/docs\/github-pages\/\">jekyll tutorial<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/jekyll\/jekyll\/wiki\/Themes\">jekyll templates<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Wix:\n<ul>\n<li><a href=\"https:\/\/www.wix.com\/website\/templates\/html\/design\/portfolio\">wix<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Hosting:\n<ul>\n<li><a href=\"https:\/\/www.hostgator.com\/\">hostgator<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Prebuilt components:\n<ul>\n<li><a href=\"https:\/\/livewooster.sharepoint.com\/:u:\/s\/edtechstaff\/ERhuW7og-ltOh16BKDmxLhsBvYXlNyjrI6XM4UDMjN2Izg?e=tZudSH\">prebuiltcomponents<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2>Agenda:<\/h2>\n<ol>\n<li>A quick intro to HTML, CSS and how websites are structured.<\/li>\n<li>Intro to codepen and a review of the resources that will be used in the workshop.<\/li>\n<li>Making the portfolio website using prebuilt components.\n<ol>\n<li>Making the header.<\/li>\n<li>Making the navbar.<\/li>\n<li>Making the work experience section.<\/li>\n<li>Making the education section.<\/li>\n<li>Making the skills section.<\/li>\n<li>Making the testimonials section.<\/li>\n<li>Making the portfolio section.<\/li>\n<li>Making the contact me section.<\/li>\n<\/ol>\n<\/li>\n<li>How to find and add icons to your website.<\/li>\n<li>Making the portfolio website easily and hosting it for free using Jekyll.<\/li>\n<li>Introducing a code free alternative, Wix.<\/li>\n<li>Hosting your website and the cost associated with a portfolio website.<\/li>\n<li>How to get help\/how to fix problems.<\/li>\n<li>Questions<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The portfolio website workshop is designed to give attendees the knowledge necessary to make a personalized portfolio website. Attendees will create a simple portfolio during the workshop and also learn about code free alternatives to make their portfolio website.\u00a0Register for the event. Resources: CSS: Mozilla CSS W3 CSS cssreference fontawesome Codepen: codepen Jekyll: jekyll tutorial [&hellip;]<\/p>\n","protected":false},"author":26,"featured_media":2727,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[483,66],"tags":[],"coauthors":[419],"class_list":["post-2710","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-past-workshop","category-workshops"],"acf":[],"gutentor_comment":0,"featured_image_urls":{"full":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack.png",1024,860,false],"thumbnail":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack-150x150.png",150,150,true],"medium":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack-300x252.png",300,252,true],"medium_large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack-768x645.png",768,645,true],"large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack.png",1024,860,false],"1536x1536":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack.png",1024,860,false],"2048x2048":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack.png",1024,860,false]},"post_excerpt_stackable":"<p>The portfolio website workshop is designed to give attendees the knowledge necessary to make a personalized portfolio website. Attendees will create a simple portfolio during the workshop and also learn about code free alternatives to make their portfolio website.\u00a0Register for the event. Resources: CSS: Mozilla CSS W3 CSS cssreference fontawesome Codepen: codepen Jekyll: jekyll tutorial jekyll templates Wix: wix Hosting: hostgator Prebuilt components: prebuiltcomponents Agenda: A quick intro to HTML, CSS and how websites are structured. Intro to codepen and a review of the resources that will be used in the workshop. Making the portfolio website using prebuilt components. Making&hellip;<\/p>\n","category_list":"<a href=\"https:\/\/inside.wooster.edu\/technology\/category\/workshops\/past-workshop\/\" rel=\"category tag\">Past<\/a>, <a href=\"https:\/\/inside.wooster.edu\/technology\/category\/workshops\/\" rel=\"category tag\">Workshops<\/a>","author_info":{"name":"Megan Smeznik (she\/her\/hers)","url":"https:\/\/inside.wooster.edu\/technology\/author\/msmeznikwooster-edu\/"},"comments_num":"0 comments","uagb_featured_image_src":{"full":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack.png",1024,860,false],"thumbnail":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack-150x150.png",150,150,true],"medium":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack-300x252.png",300,252,true],"medium_large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack-768x645.png",768,645,true],"large":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack.png",1024,860,false],"1536x1536":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack.png",1024,860,false],"2048x2048":["https:\/\/inside.wooster.edu\/technology\/wp-content\/uploads\/sites\/83\/2018\/01\/bootstrap-stack.png",1024,860,false]},"uagb_author_info":{"display_name":"Megan Smeznik (she\/her\/hers)","author_link":"https:\/\/inside.wooster.edu\/technology\/author\/msmeznikwooster-edu\/"},"uagb_comment_info":0,"uagb_excerpt":"The portfolio website workshop is designed to give attendees the knowledge necessary to make a personalized portfolio website. Attendees will create a simple portfolio during the workshop and also learn about code free alternatives to make their portfolio website.\u00a0Register for the event. Resources: CSS: Mozilla CSS W3 CSS cssreference fontawesome Codepen: codepen Jekyll: jekyll tutorial&hellip;","_links":{"self":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts\/2710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/comments?post=2710"}],"version-history":[{"count":4,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts\/2710\/revisions"}],"predecessor-version":[{"id":44380,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/posts\/2710\/revisions\/44380"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/media\/2727"}],"wp:attachment":[{"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/media?parent=2710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/categories?post=2710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/tags?post=2710"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/inside.wooster.edu\/technology\/wp-json\/wp\/v2\/coauthors?post=2710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}