{"id":216,"date":"2020-04-26T23:57:52","date_gmt":"2020-04-26T23:57:52","guid":{"rendered":"https:\/\/studentexhibit.com\/2020\/?page_id=216"},"modified":"2020-04-29T13:07:46","modified_gmt":"2020-04-29T13:07:46","slug":"web-design","status":"publish","type":"page","link":"https:\/\/studentexhibit.com\/2020\/web-design\/","title":{"rendered":"Web design"},"content":{"rendered":"\n<p><strong>Student-created prototypes for product designs using the user experience process:<\/strong><\/p>\n\n\n\n<section id=\"pfhub_portfolio_portfolio_content_3\"\r\n         class=\"portfolio-gallery-content \"\r\n         data-portfolio-id=\"3\">\r\n    <div id=\"pfhub_portfolio-container-loading-overlay_3\"><\/div>\r\n                        <div id=\"pfhub_portfolio_portfolio_container_3\"\r\n         class=\"pfhub_portfolio_portfolio_container super-list variable-sizes clearfix view-masonry\"\r\n         data-show-loading=\"on\"\r\n         data-show-center=\"on\" >\r\n                    <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Barback Refrigerators\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-05-02 10:07:01<\/p>\r\n                <p style=\"display:none;\" class=\"number\">133<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/05\/roberto.png\"\r\n                                       class=\" portfolio-group1-3 \"\r\n                                       data-description=\" Design by Roberto Dion.\r\nPurpose: Increase in-house efficiency for the bartenders by providing them with a specialized bar fridge with highly advance user interface with state of the art features \"\r\n                                       title=\"Barback Refrigerators\" data-groupID=\"1-3\">\r\n                                        <img decoding=\"async\" alt=\"Barback Refrigerators\"\r\n                                             id=\"wd-cl-img0\" data-title=\" roberto\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/05\/roberto.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Barback Refrigerators<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel0\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>Design by Roberto Dion.\r\nPurpose: Increase in-house efficiency for the bartenders by providing them with a specialized bar fridge with highly advance user interface with state of the art features <\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/view\/d6b28e7c-9034-47df-6704-4cae644346a9-a083\/?fullscreen\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Music Notes\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 07:30:11<\/p>\r\n                <p style=\"display:none;\" class=\"number\">69<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/renee.png\"\r\n                                       class=\" portfolio-group2-3 \"\r\n                                       data-description=\" App designed by Renee Dubuc. \r\nMusicnotes is an online service for purchasing, downloading, marking up, and printing sheet music.  Redesigning the Musicnotes app.\"\r\n                                       title=\"Music Notes\" data-groupID=\"2-3\">\r\n                                        <img decoding=\"async\" alt=\"Music Notes\"\r\n                                             id=\"wd-cl-img1\" data-title=\" renee\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/renee.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Music Notes<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel1\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>App designed by Renee Dubuc. \r\nMusicnotes is an online service for purchasing, downloading, marking up, and printing sheet music.  Redesigning the Musicnotes app.<\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/view\/66136f04-7207-46eb-499b-a835d8b9d4d0-1022\/\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Vivarium\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-28 20:34:13<\/p>\r\n                <p style=\"display:none;\" class=\"number\">68<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/taylor.png\"\r\n                                       class=\" portfolio-group3-3 \"\r\n                                       data-description=\" App designed by Taylor DeForrest with the participation of Karolina Rivas and Michael Pfaneuf. an app that uses animals as metaphors for mental issues, is used as a place to store your thoughts, and grow your mind. This app is aimed more towards young adults\/teens that are dealing with mental issues and teaching coping sources based on psychology and therapeutic techniques.\"\r\n                                       title=\"Vivarium\" data-groupID=\"3-3\">\r\n                                        <img decoding=\"async\" alt=\"Vivarium\"\r\n                                             id=\"wd-cl-img2\" data-title=\" taylor\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/taylor.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Vivarium<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel2\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>App designed by Taylor DeForrest with the participation of Karolina Rivas and Michael Pfaneuf. an app that uses animals as metaphors for mental issues, is used as a place to store your thoughts, and grow your mind. This app is aimed more towards young adults\/teens that are dealing with mental issues and teaching coping sources based on psychology and therapeutic techniques.<\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/view\/6ce11cd2-9829-47d7-64e8-a7ccf9700d78-1ad0\/screen\/cb9f0cbb-e31b-49b6-a684-752c1df4142f\/Anxiety\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Chloe Ting\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-28 13:17:20<\/p>\r\n                <p style=\"display:none;\" class=\"number\">67<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/hailey.png\"\r\n                                       class=\" portfolio-group4-3 \"\r\n                                       data-description=\" App designed by Hailey Tremaine. The Chloe Ting Workout Programs mobile app is a platform for a better user experience.\"\r\n                                       title=\"Chloe Ting\" data-groupID=\"4-3\">\r\n                                        <img decoding=\"async\" alt=\"Chloe Ting\"\r\n                                             id=\"wd-cl-img3\" data-title=\" hailey\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/hailey.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Chloe Ting<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel3\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>App designed by Hailey Tremaine. The Chloe Ting Workout Programs mobile app is a platform for a better user experience.<\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/embed\/fe82fe3b-687c-43ec-769e-0f4b1fadfbff-88b3\/?fullscreen\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Mood\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-28 11:19:48<\/p>\r\n                <p style=\"display:none;\" class=\"number\">64<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/annmarie-1.png\"\r\n                                       class=\" portfolio-group5-3 \"\r\n                                       data-description=\" App designed by Ann-Marie Collins. an app that lets you control different technology products in your room with just a touch of your fingertips. Those products could be lights, speakers, thermostat, television, or any other electronic that has bluetooth pairing.\"\r\n                                       title=\"Mood\" data-groupID=\"5-3\">\r\n                                        <img decoding=\"async\" alt=\"Mood\"\r\n                                             id=\"wd-cl-img4\" data-title=\" annmarie\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/annmarie-1.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Mood<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel4\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>App designed by Ann-Marie Collins. an app that lets you control different technology products in your room with just a touch of your fingertips. Those products could be lights, speakers, thermostat, television, or any other electronic that has bluetooth pairing.<\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/view\/f8d9e66e-d37b-4252-5957-eba62fad48e3-8ee8\/\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Markley Bookshelf\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-28 11:16:31<\/p>\r\n                <p style=\"display:none;\" class=\"number\">63<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/tyler.png\"\r\n                                       class=\" portfolio-group6-3 \"\r\n                                       data-description=\" App design by Tyler Corriveau. an app designed to achieve a premier digital note-taking experience. Markly is built around the idea of merging the experience of real notebooks with the powerful capabilities of modern tablets.\"\r\n                                       title=\"Markley Bookshelf\" data-groupID=\"6-3\">\r\n                                        <img decoding=\"async\" alt=\"Markley Bookshelf\"\r\n                                             id=\"wd-cl-img5\" data-title=\" tyler\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/tyler.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Markley Bookshelf<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel5\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>App design by Tyler Corriveau. an app designed to achieve a premier digital note-taking experience. Markly is built around the idea of merging the experience of real notebooks with the powerful capabilities of modern tablets.<\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/embed\/ec301f83-6875-43e7-4e24-90e5c7d93781-9a01\/?fullscreen\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Bookit\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-28 11:07:59<\/p>\r\n                <p style=\"display:none;\" class=\"number\">61<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ziqi-1.png\"\r\n                                       class=\" portfolio-group7-3 \"\r\n                                       data-description=\" App design by Ziqi Huang. \"\r\n                                       title=\"Bookit\" data-groupID=\"7-3\">\r\n                                        <img decoding=\"async\" alt=\"Bookit\"\r\n                                             id=\"wd-cl-img6\" data-title=\" ziqi\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ziqi-1.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Bookit<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel6\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>App design by Ziqi Huang. <\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/embed\/521e9336-7e86-427d-57b0-d20cd692a57b-242f\/\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Spyce\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-26 22:10:00<\/p>\r\n                <p style=\"display:none;\" class=\"number\">30<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ziqi.png\"\r\n                                       class=\" portfolio-group8-3 \"\r\n                                       data-description=\" App design by Ziqi Huang. This is an organic restaurant app that one may use to preview restaurant information, order online, and make a reservation\"\r\n                                       title=\"Spyce\" data-groupID=\"8-3\">\r\n                                        <img decoding=\"async\" alt=\"Spyce\"\r\n                                             id=\"wd-cl-img7\" data-title=\" ziqi\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ziqi.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Spyce<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel7\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>App design by Ziqi Huang. This is an organic restaurant app that one may use to preview restaurant information, order online, and make a reservation<\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/embed\/5522ac25-0147-42dd-57ab-90a0470a32e3-2313\/\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Shapiro Library Help Kiosk\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-05-02 11:04:21<\/p>\r\n                <p style=\"display:none;\" class=\"number\">137<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/05\/cam.png\"\r\n                                       class=\" portfolio-group9-3 \"\r\n                                       data-description=\" Designed by Cameron Frazier. \"\r\n                                       title=\"Shapiro Library Help Kiosk\" data-groupID=\"9-3\">\r\n                                        <img decoding=\"async\" alt=\"Shapiro Library Help Kiosk\"\r\n                                             id=\"wd-cl-img8\" data-title=\" cam\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/05\/cam.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Shapiro Library Help Kiosk<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel8\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>Designed by Cameron Frazier. <\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/view\/6f84ad5f-f391-40e9-4e29-0a793802ca44-19b5\/\" >View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Game Hero App\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-05-02 10:18:48<\/p>\r\n                <p style=\"display:none;\" class=\"number\">134<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/05\/mattolive.png\"\r\n                                       class=\" portfolio-group10-3 \"\r\n                                       data-description=\" Design by Matt Olive.\r\nThis project\u2019s purpose is to create an application where one can see all of their games across any system\/console in one place.\"\r\n                                       title=\"Game Hero App\" data-groupID=\"10-3\">\r\n                                        <img decoding=\"async\" alt=\"Game Hero App\"\r\n                                             id=\"wd-cl-img9\" data-title=\" mattolive\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/05\/mattolive.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Game Hero App<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel9\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>Design by Matt Olive.\r\nThis project\u2019s purpose is to create an application where one can see all of their games across any system\/console in one place.<\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/embed\/0c630d47-22bd-44f6-7763-2db5b96b7127-7a52\/?fullscreen\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Smart Fridge\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-05-02 10:56:19<\/p>\r\n                <p style=\"display:none;\" class=\"number\">136<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/05\/doyle.png\"\r\n                                       class=\" portfolio-group11-3 \"\r\n                                       data-description=\" Designed by Michael Doyle. Making a grocery list easier, timing how long you need something to cool down and getting recipes from.\"\r\n                                       title=\"Smart Fridge\" data-groupID=\"11-3\">\r\n                                        <img decoding=\"async\" alt=\"Smart Fridge\"\r\n                                             id=\"wd-cl-img10\" data-title=\" doyle\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/05\/doyle.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Smart Fridge<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel10\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>Designed by Michael Doyle. Making a grocery list easier, timing how long you need something to cool down and getting recipes from.<\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/view\/cf8a194d-7181-4eec-41bb-c18f3fa1bfaa-b9bb\/\" >View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Virtual Control\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-05-02 10:25:36<\/p>\r\n                <p style=\"display:none;\" class=\"number\">135<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/05\/pottle.png\"\r\n                                       class=\" portfolio-group12-3 \"\r\n                                       data-description=\" App designed by Noah Pottle.\r\napp will allow consumers an easy option to use a controller for their PC games, without putting the money in to an actual controller.\"\r\n                                       title=\"Virtual Control\" data-groupID=\"12-3\">\r\n                                        <img decoding=\"async\" alt=\"Virtual Control\"\r\n                                             id=\"wd-cl-img11\" data-title=\" pottle\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/05\/pottle.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Virtual Control<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel11\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>App designed by Noah Pottle.\r\napp will allow consumers an easy option to use a controller for their PC games, without putting the money in to an actual controller.<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Digital Mirror\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:03:04<\/p>\r\n                <p style=\"display:none;\" class=\"number\">70<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/repetto.png\"\r\n                                       class=\" portfolio-group13-3 \"\r\n                                       data-description=\" Gadget designed by Madison Repetto. To reach all the potential uses of a digital interactive mirror that can be in the home of any consumer. \"\r\n                                       title=\"Digital Mirror\" data-groupID=\"13-3\">\r\n                                        <img decoding=\"async\" alt=\"Digital Mirror\"\r\n                                             id=\"wd-cl-img12\" data-title=\" repetto\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/repetto.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Digital Mirror<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel12\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>Gadget designed by Madison Repetto. To reach all the potential uses of a digital interactive mirror that can be in the home of any consumer. <\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/view\/e7ce997d-ee66-4f09-5ca1-ec9fe22042e5-91ff\/\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Regal Crown Club\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-26 22:03:13<\/p>\r\n                <p style=\"display:none;\" class=\"number\">29<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/alexisemond-1.png\"\r\n                                       class=\" portfolio-group14-3 \"\r\n                                       data-description=\" App designed by Alexis Emond. Designed to allow users to book a trip to the movies at Regal Cinemas.\"\r\n                                       title=\"Regal Crown Club\" data-groupID=\"14-3\">\r\n                                        <img decoding=\"async\" alt=\"Regal Crown Club\"\r\n                                             id=\"wd-cl-img13\" data-title=\" alexisemond\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/alexisemond-1.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Regal Crown Club<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel13\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>App designed by Alexis Emond. Designed to allow users to book a trip to the movies at Regal Cinemas.<\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/view\/b4289bd0-797a-418f-7651-223753f3fdf3-c219\/\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Outdoor Patio Control Panel\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-26 22:00:24<\/p>\r\n                <p style=\"display:none;\" class=\"number\">27<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/sydneymason-1.png\"\r\n                                       class=\" portfolio-group15-3 \"\r\n                                       data-description=\"  Control Panel designed by Sydney Mason. This product is designed to allow people to control all functions of outdoor entertainment right from one single control panel. Users will find this product a very useful addition to their outdoor entertainment area to control everything from music to pool temperature at the push of a button.\"\r\n                                       title=\"Outdoor Patio Control Panel\" data-groupID=\"15-3\">\r\n                                        <img decoding=\"async\" alt=\"Outdoor Patio Control Panel\"\r\n                                             id=\"wd-cl-img14\" data-title=\" sydneymason\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/sydneymason-1.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Outdoor Patio Control Panel<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel14\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p> Control Panel designed by Sydney Mason. This product is designed to allow people to control all functions of outdoor entertainment right from one single control panel. Users will find this product a very useful addition to their outdoor entertainment area to control everything from music to pool temperature at the push of a button.<\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/view\/4ae59556-1c71-4b7d-76ca-819511816cf0-3cd4\/screen\/4e2947db-34ea-4c36-8180-68bae776b166\/setup-device?fullscreen&#038;hints=off\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Smart Remote Control\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-26 21:56:39<\/p>\r\n                <p style=\"display:none;\" class=\"number\">26<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/derekboucher-1.png\"\r\n                                       class=\" portfolio-group16-3 \"\r\n                                       data-description=\" Gadget Designed by Derek Boucher.  An adaptable touchscreen that will integrate with applications that the user has on their TVs. \"\r\n                                       title=\"Smart Remote Control\" data-groupID=\"16-3\">\r\n                                        <img decoding=\"async\" alt=\"Smart Remote Control\"\r\n                                             id=\"wd-cl-img15\" data-title=\" derekboucher\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/derekboucher-1.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Smart Remote Control<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel15\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>Gadget Designed by Derek Boucher.  An adaptable touchscreen that will integrate with applications that the user has on their TVs. <\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/embed\/e49832f7-ce5d-4cb5-7751-a354a0370cde-92a9\/?fullscreen&#038;hints=off\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Car infotainment system\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-26 21:55:01<\/p>\r\n                <p style=\"display:none;\" class=\"number\">25<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/brookebolduc-1.png\"\r\n                                       class=\" portfolio-group17-3 \"\r\n                                       data-description=\" Interface designed by Brooke Bolduc. A voice controlled digital screen in a vehicle came about when someone had mentioned having difficulty adjusting their car seat because the lever is underneath the seat.\"\r\n                                       title=\"Car infotainment system\" data-groupID=\"17-3\">\r\n                                        <img decoding=\"async\" alt=\"Car infotainment system\"\r\n                                             id=\"wd-cl-img16\" data-title=\" brookebolduc\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/brookebolduc-1.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Car infotainment system<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel16\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>Interface designed by Brooke Bolduc. A voice controlled digital screen in a vehicle came about when someone had mentioned having difficulty adjusting their car seat because the lever is underneath the seat.<\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/embed\/dcfd50b8-e556-4e23-47a3-c2a121961ad7-aacc\/?fullscreen\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Cloud Tours\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-27 14:59:40<\/p>\r\n                <p style=\"display:none;\" class=\"number\">32<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/cloudtours.png\"\r\n                                       class=\" portfolio-group18-3 \"\r\n                                       data-description=\" App designed by Hailey Tremaine, Anna Laugelle and Bryan McCormick. An app that makes it easier to explore the world. Therefore the goal was to create an app that makes it quick and easy to navigate and learn about the places around us. \"\r\n                                       title=\"Cloud Tours\" data-groupID=\"18-3\">\r\n                                        <img decoding=\"async\" alt=\"Cloud Tours\"\r\n                                             id=\"wd-cl-img17\" data-title=\" Cloud Tours\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/cloudtours.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Cloud Tours<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel17\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>App designed by Hailey Tremaine, Anna Laugelle and Bryan McCormick. An app that makes it easier to explore the world. Therefore the goal was to create an app that makes it quick and easy to navigate and learn about the places around us. <\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/view\/62d3bef3-17e9-4912-4922-7dd3a4bdb1a0-14e2\/\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"StichWell\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-28 13:11:09<\/p>\r\n                <p style=\"display:none;\" class=\"number\">66<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ashwina.png\"\r\n                                       class=\" portfolio-group19-3 \"\r\n                                       data-description=\" App designed by Ashwina Khapri. App helps people who cross stitch keep track of the inventory that they have as well as give them a way to search for new projects they may be interested in.\"\r\n                                       title=\"StichWell\" data-groupID=\"19-3\">\r\n                                        <img decoding=\"async\" alt=\"StichWell\"\r\n                                             id=\"wd-cl-img18\" data-title=\" ashwina\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ashwina.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">StichWell<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel18\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>App designed by Ashwina Khapri. App helps people who cross stitch keep track of the inventory that they have as well as give them a way to search for new projects they may be interested in.<\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/embed\/9f95feed-5851-4382-641b-89479ff9b977-e9a4\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Paw Watch\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-26 21:50:53<\/p>\r\n                <p style=\"display:none;\" class=\"number\">24<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/meganboland-1.png\"\r\n                                       class=\" portfolio-group20-3 \"\r\n                                       data-description=\"  App designed by Megan Boland. An app created by pet lovers, for pet lovers\"\r\n                                       title=\"Paw Watch\" data-groupID=\"20-3\">\r\n                                        <img decoding=\"async\" alt=\"Paw Watch\"\r\n                                             id=\"wd-cl-img19\" data-title=\" meganboland\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/meganboland-1.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Paw Watch<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel19\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p> App designed by Megan Boland. An app created by pet lovers, for pet lovers<\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/embed\/15a35b3f-6eaa-4baf-4d16-a6d7aa32f0a5-6392\/\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Privy App\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-26 21:35:36<\/p>\r\n                <p style=\"display:none;\" class=\"number\">21<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/hannahrowlett.png\"\r\n                                       class=\" portfolio-group21-3 \"\r\n                                       data-description=\" Designed by Hannah Rowlett. This is a mobile app for the brand Privy that allows their members to access marketing information wherever and whenever they choose.\"\r\n                                       title=\"Privy App\" data-groupID=\"21-3\">\r\n                                        <img decoding=\"async\" alt=\"Privy App\"\r\n                                             id=\"wd-cl-img20\" data-title=\" hannah rowlett\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/hannahrowlett.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Privy App<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel20\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>Designed by Hannah Rowlett. This is a mobile app for the brand Privy that allows their members to access marketing information wherever and whenever they choose.<\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/embed\/4b278582-eeed-429c-5b23-58bd9b0f2a21-3d16\/\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Bookit\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-28 11:23:25<\/p>\r\n                <p style=\"display:none;\" class=\"number\">65<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/cam-angela-sarah-1.png\"\r\n                                       class=\" portfolio-group22-3 \"\r\n                                       data-description=\" Team designed app by Cam Frazier, Angela Leone and Cam Frazier. App is tailored to college campus locations where students can buy and sell school related items to each other. \"\r\n                                       title=\"Bookit\" data-groupID=\"22-3\">\r\n                                        <img decoding=\"async\" alt=\"Bookit\"\r\n                                             id=\"wd-cl-img21\" data-title=\" cam-angela-sarah\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/cam-angela-sarah-1.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Bookit<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel21\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>Team designed app by Cam Frazier, Angela Leone and Cam Frazier. App is tailored to college campus locations where students can buy and sell school related items to each other. <\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/view\/2e73eaa2-6e2d-48a6-59f6-625022703366-5842\/\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_3 colorbox_grouping  \" data-symbol=\"Interactive Map for Children\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-26 21:13:35<\/p>\r\n                <p style=\"display:none;\" class=\"number\">19<\/p>\r\n                <div class=\"default-block_3\">\r\n                    <div class=\"image-block_3 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/annalaugelle.png\"\r\n                                       class=\" portfolio-group23-3 \"\r\n                                       data-description=\" Map designed by Anna Laugelle. App is an interactive digital map for children of all ages. \"\r\n                                       title=\"Interactive Map for Children\" data-groupID=\"23-3\">\r\n                                        <img decoding=\"async\" alt=\"Interactive Map for Children\"\r\n                                             id=\"wd-cl-img22\" data-title=\" Anna Laugelle\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/annalaugelle.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_3\">\r\n                            <h3 class=\"title name \">Interactive Map for Children<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_3\" id=\"panel22\">\r\n                                            <div class=\"description-block_3\">\r\n                            <p>Map designed by Anna Laugelle. App is an interactive digital map for children of all ages. <\/p>\r\n                        <\/div>\r\n                                            <div class=\"button-block\">\r\n                            <a href=\"https:\/\/xd.adobe.com\/view\/fd92e5a2-6d57-4402-6283-58ff0aee5907-8ba3\/\" target=\"_blank\">View More<\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                <\/div>\r\n<\/section>\r\n<style>\r\n    .portelement_3 .play-icon.youtube-icon  {\r\n        background: url(https:\/\/studentexhibit.com\/2020\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/play.youtube.png) center center no-repeat;\r\n        background-size: 30% 30%;\r\n    }\r\n    .portelement_3 .play-icon.vimeo-icon  {\r\n        background: url(https:\/\/studentexhibit.com\/2020\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/play.vimeo.png) center center no-repeat;\r\n        background-size: 30% 30%;\r\n    }\r\n    .portelement_3 .play-icon {\r\n        position: absolute;\r\n        top : 0;\r\n        left : 0;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n    .portelement_3 .add-H-relative {\r\n        position: relative;\r\n    }\r\n    .portelement_3 {\r\n        width: 252px !important;\r\n        max-width: calc(100% - 10px);\r\n        height:auto;\r\n        margin: 5px 0 5px 0;\r\n        float: left;\r\n        overflow: hidden;\r\n        position: relative;\r\n        outline:none;\r\n        background:#F7F7F7;\r\n        border:1px solid #D0D0D0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .default-block_3 {\r\n        position:relative;;\r\n        width:100%;\r\n    }\r\n\r\n    .default-block_3 .image-block_3 {\r\n        margin :0;\r\n        padding :0;\r\n        line-height :0;\r\n        border-bottom:1px solid #D0D0D0;\r\n    }\r\n\r\n    .default-block_3 img {\r\n        margin :0 !important;\r\n        padding :0 !important;\r\n        width: 100%;\r\n        border-radius :0;\r\n        display: inline-block;\r\n    }\r\n\r\n    .default-block_3 .title-block_3 {\r\n        display:block;\r\n        height:auto;\r\n        padding:10px 0 10px 0;\r\n        width:100%;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .default-block_3 .title-block_3 h3 {\r\n        position:relative;\r\n        margin :0 !important;\r\n        padding :0 5px 0 5px !important;\r\n        max-width:250px !important;\r\n        width: 100%;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        \/*white-space:nowrap;*\/\r\n        font-weight:normal;\r\n        color:#555555;\r\n        font-size:15px !important;\r\n        line-height:19px !important;\r\n    }\r\n\r\n\r\n    .wd-portfolio-panel_3 {\r\n        position: relative;\r\n        display:block;\r\n        width: calc(100% - 10px);\r\n        margin:0 5px 0 5px;\r\n        padding :0;\r\n        text-align:left;\r\n    }\r\n\r\n    .wd-portfolio-panel_3 .description-block_3 p,.wd-portfolio-panel_3 .description-block_3 * {\r\n        text-align:justify;\r\n        font-size:14px !important;\r\n        color:#5B5B5B;\r\n        margin :0 !important;\r\n        padding :0 !important;\r\n    }\r\n\r\n\r\n    .wd-portfolio-panel_3 .description-block_3 h1,\r\n    .wd-portfolio-panel_3 .description-block_3 h2,\r\n    .wd-portfolio-panel_3 .description-block_3 h3,\r\n    .wd-portfolio-panel_3 .description-block_3 h4,\r\n    .wd-portfolio-panel_3 .description-block_3 h5,\r\n    .wd-portfolio-panel_3 .description-block_3 h6,\r\n    .wd-portfolio-panel_3 .description-block_3 p,\r\n    .wd-portfolio-panel_3 .description-block_3 strong,\r\n    .wd-portfolio-panel_3 .description-block_3 span {\r\n        padding:2px !important;\r\n        margin :0 !important;\r\n    }\r\n\r\n    .wd-portfolio-panel_3 .description-block_3 ul,\r\n    .wd-portfolio-panel_3 .description-block_3 li {\r\n        padding:2px 0 2px 5px;\r\n        margin :0 0 0 8px;\r\n    }\r\n\r\n\r\n    .wd-portfolio-panel_3 .thumbs-list_3 {\r\n        list-style:none;\r\n        clear:both;\r\n        display:table;\r\n        width:100%;\r\n        padding :0;\r\n        margin:3px 0 0 0;\r\n        text-align:center;\r\n    }\r\n\r\n    .wd-portfolio-panel_3 .thumbs-list_3 li {\r\n        display:inline-block;\r\n        margin :0 3px 0 2px;\r\n    }\r\n\r\n    .wd-portfolio-panel_3 .thumbs-list_3 li a {\r\n        display:block;\r\n        width:50px;\r\n        height:50px;\r\n        opacity:0.7;\r\n        display:table;\r\n        border: none;\r\n        box-shadow: none;\r\n\r\n    }\r\n\r\n    .wd-portfolio-panel_3 .thumbs-list_3 li a:hover {\r\n        opacity:1;\r\n    }\r\n\r\n    .wd-portfolio-panel_3 img {\r\n        margin :0 !important;\r\n        padding :0 !important;\r\n        display:table-cell;\r\n        vertical-align:middle;\r\n        width:50px !important;\r\n        max-height:50px !important;\r\n        width:100%;\r\n        height:100%;\r\n    }\r\n\r\n    .wd-portfolio-panel_3 > div {\r\n        padding-top:10px;\r\n        margin-bottom:10px;\r\n            background:url('https:\/\/studentexhibit.com\/2020\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/divider.line.png') center top repeat-x;\r\n        }\r\n\r\n    .wd-portfolio-panel_3 .button-block {\r\n        padding-top:10px;\r\n        margin-bottom:10px;\r\n\r\n    }\r\n\r\n    .wd-portfolio-panel_3 .button-block a, .wd-portfolio-panel_3 .button-block a:link, .wd-portfolio-panel_3 .button-block a:visited {\r\n        padding:10px;\r\n        display:inline-block;\r\n        font-size:14px;\r\n        background:#E74C3C;\r\n        color:#FFFFFF;\r\n        padding:6px 12px;\r\n        text-decoration:none;\r\n    }\r\n\r\n    .wd-portfolio-panel_3 .button-block a:hover, .wd-portfolio-panel_3 .button-block a:focus, .wd-portfolio-panel_3 .button-block a:active {\r\n        background:#DF2E1B;\r\n        color:#FFFFFF;\r\n        text-decoration:none;\r\n    }\r\n\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_options_3 {\r\n        position: relative;\r\n        overflow: hidden;\r\n    float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%;\r\n    opacity: 0;        margin-bottom: 10px;\r\n    }\r\n\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_options_3 ul {\r\n        margin : 0 !important;\r\n        padding : 0 !important;\r\n        list-style: none;\r\n        }\r\n\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 ul {\r\n        margin : 0 !important;\r\n        padding : 0 !important;\r\n        overflow: hidden;\r\n            width: 100%;\r\n    }\r\n\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_options_3 ul {\r\n        float: left;\r\n    }\r\n    \r\n\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_options_3 ul li {\r\n        border-radius: 0px;\r\n        list-style-type: none;\r\n        margin : 0 !important;\r\n        padding: 0;\r\n    border: 1px solid #ccc;    }\r\n\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_options_3 ul li a {\r\n        background-color: #F7F7F7 !important;\r\n        border-radius: 0px;\r\n        font-size:14px !important;\r\n        color:#555555 !important;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n        margin : 0 !important;\r\n        display: block;\r\n        padding:3px;\r\n    }\r\n\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_options_3 ul li a:hover {\r\n        background-color: #FF3845 !important;\r\n        color:#FFFFFF !important;\r\n        cursor: pointer;\r\n    }\r\n\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 {\r\n        position: relative;\r\n        overflow: hidden;\r\n    float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%;\r\n    opacity: 0;    }\r\n\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 ul li {\r\n        list-style-type: none;\r\n        border-radius: 0px;\r\n    border: 1px solid #ccc;    }\r\n\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 ul li a {\r\n        font-size:14px !important;\r\n        color:#555555 !important;\r\n        background-color: #F7F7F7 !important;\r\n        border-radius: 0px;\r\n        padding:3px;\r\n        display: block;\r\n        text-decoration: none;\r\n    }\r\n\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3  ul li a:hover {\r\n        color:#FFFFFF !important;\r\n        background-color: #FF3845 !important;\r\n        cursor: pointer\r\n    }\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 ul li.active a,\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 ul li.active a:link,\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 ul li.active a:visited,\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3  ul li.active a:hover,\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3  ul li.active a:focus,\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3  ul li.active a:active {\r\n        color:#FFFFFF !important;\r\n        background-color: #FF3845 !important;\r\n        cursor: pointer;\r\n    }\r\n    #pfhub_portfolio_portfolio_content_3 section {\r\n        position:relative;\r\n        display:block;\r\n    }\r\n\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_container_3 {\r\n        width: 79%;\r\n        max-width: 100% !important;\r\n    width:100%;opacity: 0;    }\r\n    #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_options_3 #port-sort-direction{\r\n        position: static;\r\n    }\r\n    @media screen and (max-width: 768px) {\r\n\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 ul li a,\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 ul li a:link,\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 ul li a:visited {\r\n            font-size: 2vw !important;\r\n        }\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_options_3 ul li a {\r\n            font-size:2vw !important;\r\n        }\r\n\r\n    }\r\n    @media screen and (max-width: 480px) {\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_options_3 {\r\n            float: left;\r\n        }\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_options_3 #sort-by{\r\n            float: left;\r\n            width: 100% !important;\r\n        }\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_options_3 #port-sort-direction{\r\n            float: left;\r\n            width: 100% !important;\r\n            position: relative;\r\n            padding-left: 31% !important;\r\n            right: 31%;\r\n        }\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 ul li a,\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 ul li a:link,\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 ul li a:visited {\r\n            font-size: 3vw !important;\r\n        }\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_options_3 ul li a {\r\n            line-height: 3vw;\r\n            font-size:3vw !important;\r\n        }\r\n    }\r\n    @media screen and (max-width: 420px) {\r\n\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 ul li a,\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 ul li a:link,\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_filters_3 ul li a:visited {\r\n            font-size: 4vw !important;\r\n        }\r\n        #pfhub_portfolio_portfolio_content_3 #pfhub_portfolio_portfolio_options_3 ul li a {\r\n            font-size:4vw !important;\r\n        }\r\n    }\r\n    @media screen and (max-width: 317px) {\r\n        .portelement_3  {\r\n            width: calc(98% - 2px);\r\n            margin: 1% !important;\r\n            float: left;\r\n            overflow: hidden;\r\n            outline:none;\r\n        }\r\n    }\r\n    #pfhub_portfolio-container-loading-overlay_3 {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: absolute;\r\n        z-index: 1;\r\n        background:  url(https:\/\/studentexhibit.com\/2020\/wp-content\/plugins\/uber-grid\/assets\/images\/loading\/loading-1.svg) center top ;\r\n        background-repeat: no-repeat;\r\n        background-size: 60px auto;\r\n        }\r\n    #pfhub_portfolio_portfolio_options_and_filters_3{\r\n        position: relative;\r\n        float: left;\r\n        width: 20%;\r\n        max-width: 180px;\r\n        float:;\r\n    margin-left:1%;    }\r\n<\/style>\r\n\n\n\n\n<p class=\"has-regular-font-size\"><strong>Personas and Empathy Maps<\/strong><\/p>\n\n\n\n<p class=\"has-regular-font-size\"><section id=\"pfhub_portfolio_portfolio_content_8\"\r\n         class=\"portfolio-gallery-content \"\r\n         data-portfolio-id=\"8\">\r\n    <div id=\"pfhub_portfolio-container-loading-overlay_8\"><\/div>\r\n                        <div id=\"pfhub_portfolio_portfolio_container_8\"\r\n         class=\"pfhub_portfolio_portfolio_container super-list variable-sizes clearfix view-masonry\"\r\n         data-show-loading=\"on\"\r\n         data-show-center=\"off\" >\r\n                    <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Persona\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">71<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ann-marie.jpg\"\r\n                                       class=\" portfolio-group1-8 \"\r\n                                       data-description=\" Ann-Marie Collins\"\r\n                                       title=\"Persona\" data-groupID=\"1-8\">\r\n                                        <img decoding=\"async\" alt=\"Persona\"\r\n                                             id=\"wd-cl-img0\" data-title=\" Ann-Marie Collins \u2013 Persona\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ann-marie.jpg\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Persona<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel0\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Ann-Marie Collins<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Persona\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">72<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ann-marie1.jpg\"\r\n                                       class=\" portfolio-group2-8 \"\r\n                                       data-description=\" Ann-Marie Collins\"\r\n                                       title=\"Persona\" data-groupID=\"2-8\">\r\n                                        <img decoding=\"async\" alt=\"Persona\"\r\n                                             id=\"wd-cl-img1\" data-title=\" Ann-Marie Collins \u2013 Persona\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ann-marie1.jpg\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Persona<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel1\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Ann-Marie Collins<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Persona\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">73<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ann-marie2.jpg\"\r\n                                       class=\" portfolio-group3-8 \"\r\n                                       data-description=\" Ann-Marie Collins\"\r\n                                       title=\"Persona\" data-groupID=\"3-8\">\r\n                                        <img decoding=\"async\" alt=\"Persona\"\r\n                                             id=\"wd-cl-img2\" data-title=\" Ann-Marie Collins \u2013 Persona\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ann-marie2.jpg\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Persona<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel2\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Ann-Marie Collins<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Personas\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">76<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/hailey.jpg\"\r\n                                       class=\" portfolio-group4-8 \"\r\n                                       data-description=\" Hailey Tremaine\"\r\n                                       title=\"Personas\" data-groupID=\"4-8\">\r\n                                        <img decoding=\"async\" alt=\"Personas\"\r\n                                             id=\"wd-cl-img3\" data-title=\" Hailey Tremaine \u2013 \u2013 Persona\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/hailey-522x1024.jpg\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Personas<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel3\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Hailey Tremaine<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Personas\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">85<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ziqi-persona.png\"\r\n                                       class=\" portfolio-group5-8 \"\r\n                                       data-description=\" Ziqi Huang\"\r\n                                       title=\"Personas\" data-groupID=\"5-8\">\r\n                                        <img decoding=\"async\" alt=\"Personas\"\r\n                                             id=\"wd-cl-img4\" data-title=\" Ziqi Huang \u2013 Persona\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ziqi-persona.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Personas<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel4\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Ziqi Huang<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Personas\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">86<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ziqi-persona2.png\"\r\n                                       class=\" portfolio-group6-8 \"\r\n                                       data-description=\" Ziqi Huang\"\r\n                                       title=\"Personas\" data-groupID=\"6-8\">\r\n                                        <img decoding=\"async\" alt=\"Personas\"\r\n                                             id=\"wd-cl-img5\" data-title=\" Ziqi Huang \u2013 Persona\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ziqi-persona2.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Personas<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel5\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Ziqi Huang<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Empathy Map\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">87<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ziqi-empathy.png\"\r\n                                       class=\" portfolio-group7-8 \"\r\n                                       data-description=\" Ziqi Huang\"\r\n                                       title=\"Empathy Map\" data-groupID=\"7-8\">\r\n                                        <img decoding=\"async\" alt=\"Empathy Map\"\r\n                                             id=\"wd-cl-img6\" data-title=\" Ziqi Huang \u2013 Empathy Map\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/ziqi-empathy.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Empathy Map<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel6\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Ziqi Huang<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Persona\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">74<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/boland-personas.jpg\"\r\n                                       class=\" portfolio-group8-8 \"\r\n                                       data-description=\" Megan Boland\"\r\n                                       title=\"Persona\" data-groupID=\"8-8\">\r\n                                        <img decoding=\"async\" alt=\"Persona\"\r\n                                             id=\"wd-cl-img7\" data-title=\" Megan Boland \u2013 Persona\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/boland-personas.jpg\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Persona<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel7\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Megan Boland<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Persona\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">75<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/brookebolduc.jpg\"\r\n                                       class=\" portfolio-group9-8 \"\r\n                                       data-description=\" Brooke Bolduc\"\r\n                                       title=\"Persona\" data-groupID=\"9-8\">\r\n                                        <img decoding=\"async\" alt=\"Persona\"\r\n                                             id=\"wd-cl-img8\" data-title=\" Brooke Bolduc \u2013 Persona\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/brookebolduc.jpg\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Persona<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel8\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Brooke Bolduc<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Persona and Empathy Map\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">77<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/personas-repetto.png\"\r\n                                       class=\" portfolio-group10-8 \"\r\n                                       data-description=\" Madison Repetto\"\r\n                                       title=\"Persona and Empathy Map\" data-groupID=\"10-8\">\r\n                                        <img decoding=\"async\" alt=\"Persona and Empathy Map\"\r\n                                             id=\"wd-cl-img9\" data-title=\" Madison Repetto \u2013 Persona and Empathy Map\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/personas-repetto.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Persona and Empathy Map<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel9\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Madison Repetto<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Persona\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">78<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/persona-tori.png\"\r\n                                       class=\" portfolio-group11-8 \"\r\n                                       data-description=\" Tori Gagnon\"\r\n                                       title=\"Persona\" data-groupID=\"11-8\">\r\n                                        <img decoding=\"async\" alt=\"Persona\"\r\n                                             id=\"wd-cl-img10\" data-title=\" Tori Gagnon \u2013 Persona\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/persona-tori.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Persona<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel10\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Tori Gagnon<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Empathy Map\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">80<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/tori-empathy.png\"\r\n                                       class=\" portfolio-group12-8 \"\r\n                                       data-description=\" Tori Gagnon\"\r\n                                       title=\"Empathy Map\" data-groupID=\"12-8\">\r\n                                        <img decoding=\"async\" alt=\"Empathy Map\"\r\n                                             id=\"wd-cl-img11\" data-title=\" Tori Gagnon \u2013 Emptahy Map\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/tori-empathy.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Empathy Map<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel11\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Tori Gagnon<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Persona\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">81<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/tyler-1.png\"\r\n                                       class=\" portfolio-group13-8 \"\r\n                                       data-description=\" Tyler Corriveau\"\r\n                                       title=\"Persona\" data-groupID=\"13-8\">\r\n                                        <img decoding=\"async\" alt=\"Persona\"\r\n                                             id=\"wd-cl-img12\" data-title=\" Tyler Corriveau \u2013 Persona\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/tyler-1-1024x792.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Persona<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel12\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Tyler Corriveau<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Empathy Map\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">82<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/tyler-empaythy.png\"\r\n                                       class=\" portfolio-group14-8 \"\r\n                                       data-description=\" Tyler Corriveau\"\r\n                                       title=\"Empathy Map\" data-groupID=\"14-8\">\r\n                                        <img decoding=\"async\" alt=\"Empathy Map\"\r\n                                             id=\"wd-cl-img13\" data-title=\" Tyler Corriveau \u2013 Empathy Map\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/tyler-empaythy-1024x792.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Empathy Map<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel13\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Tyler Corriveau<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Persona\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">83<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/brookebolduc2.jpg\"\r\n                                       class=\" portfolio-group15-8 \"\r\n                                       data-description=\" Brooke Bolduc\"\r\n                                       title=\"Persona\" data-groupID=\"15-8\">\r\n                                        <img decoding=\"async\" alt=\"Persona\"\r\n                                             id=\"wd-cl-img14\" data-title=\" Brooke Bolduc \u2013 Persona\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/brookebolduc2.jpg\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Persona<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel14\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Brooke Bolduc<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Persona and Empathy Map\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">84<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/repetto-personas1.png\"\r\n                                       class=\" portfolio-group16-8 \"\r\n                                       data-description=\" Madison Repetto\"\r\n                                       title=\"Persona and Empathy Map\" data-groupID=\"16-8\">\r\n                                        <img decoding=\"async\" alt=\"Persona and Empathy Map\"\r\n                                             id=\"wd-cl-img15\" data-title=\" Madison Repetto \u2013 Persona and Empathy Map\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/repetto-personas1.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Persona and Empathy Map<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel15\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Madison Repetto<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Persona\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">88<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/benwiers.png\"\r\n                                       class=\" portfolio-group17-8 \"\r\n                                       data-description=\" Ben Wiers\"\r\n                                       title=\"Persona\" data-groupID=\"17-8\">\r\n                                        <img decoding=\"async\" alt=\"Persona\"\r\n                                             id=\"wd-cl-img16\" data-title=\" Ben Wiers \u2013 Persona\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/benwiers.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Persona<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel16\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Ben Wiers<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Empathy Map\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">89<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/benwiers2.png\"\r\n                                       class=\" portfolio-group18-8 \"\r\n                                       data-description=\" Ben Wiers\"\r\n                                       title=\"Empathy Map\" data-groupID=\"18-8\">\r\n                                        <img decoding=\"async\" alt=\"Empathy Map\"\r\n                                             id=\"wd-cl-img17\" data-title=\" Ben Wiers \u2013 Empathy Map\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/benwiers2.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Empathy Map<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel17\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Ben Wiers<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Persona\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">90<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/angela-persona-1.png\"\r\n                                       class=\" portfolio-group19-8 \"\r\n                                       data-description=\" Angela Leone\"\r\n                                       title=\"Persona\" data-groupID=\"19-8\">\r\n                                        <img decoding=\"async\" alt=\"Persona\"\r\n                                             id=\"wd-cl-img18\" data-title=\" Angela Leone \u2013 Persona\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/angela-persona-1.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Persona<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel18\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Angela Leone<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                        <div\r\n                class=\"portelement portelement_8 colorbox_grouping  \" data-symbol=\"Persona\" data-category=\"alkaline-earth\">\r\n                <p style=\"display:none;\" class=\"load_date\">2020-04-29 08:49:27<\/p>\r\n                <p style=\"display:none;\" class=\"number\">91<\/p>\r\n                <div class=\"default-block_8\">\r\n                    <div class=\"image-block_8 add-H-relative\">\r\n                                                                                    <a href=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/cam-persona.png\"\r\n                                       class=\" portfolio-group20-8 \"\r\n                                       data-description=\" Cameron Frazier\"\r\n                                       title=\"Persona\" data-groupID=\"20-8\">\r\n                                        <img decoding=\"async\" alt=\"Persona\"\r\n                                             id=\"wd-cl-img19\" data-title=\" Cameron Frazier \u2013 Persona\"\r\n                                             src=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/cam-persona.png\"\/>\r\n                                    <\/a>\r\n                                                        <\/div>\r\n                                            <div class=\"title-block_8\">\r\n                            <h3 class=\"title name \">Persona<\/h3>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"wd-portfolio-panel_8\" id=\"panel19\">\r\n                                            <div class=\"description-block_8\">\r\n                            <p>Cameron Frazier<\/p>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n                <\/div>\r\n<\/section>\r\n<style>\r\n    .portelement_8 .play-icon.youtube-icon  {\r\n        background: url(https:\/\/studentexhibit.com\/2020\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/play.youtube.png) center center no-repeat;\r\n        background-size: 30% 30%;\r\n    }\r\n    .portelement_8 .play-icon.vimeo-icon  {\r\n        background: url(https:\/\/studentexhibit.com\/2020\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/play.vimeo.png) center center no-repeat;\r\n        background-size: 30% 30%;\r\n    }\r\n    .portelement_8 .play-icon {\r\n        position: absolute;\r\n        top : 0;\r\n        left : 0;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n    .portelement_8 .add-H-relative {\r\n        position: relative;\r\n    }\r\n    .portelement_8 {\r\n        width: 252px !important;\r\n        max-width: calc(100% - 10px);\r\n        height:auto;\r\n        margin: 5px 0 5px 0;\r\n        float: left;\r\n        overflow: hidden;\r\n        position: relative;\r\n        outline:none;\r\n        background:#F7F7F7;\r\n        border:1px solid #D0D0D0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .default-block_8 {\r\n        position:relative;;\r\n        width:100%;\r\n    }\r\n\r\n    .default-block_8 .image-block_8 {\r\n        margin :0;\r\n        padding :0;\r\n        line-height :0;\r\n        border-bottom:1px solid #D0D0D0;\r\n    }\r\n\r\n    .default-block_8 img {\r\n        margin :0 !important;\r\n        padding :0 !important;\r\n        width: 100%;\r\n        border-radius :0;\r\n        display: inline-block;\r\n    }\r\n\r\n    .default-block_8 .title-block_8 {\r\n        display:block;\r\n        height:auto;\r\n        padding:10px 0 10px 0;\r\n        width:100%;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .default-block_8 .title-block_8 h3 {\r\n        position:relative;\r\n        margin :0 !important;\r\n        padding :0 5px 0 5px !important;\r\n        max-width:250px !important;\r\n        width: 100%;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        \/*white-space:nowrap;*\/\r\n        font-weight:normal;\r\n        color:#555555;\r\n        font-size:15px !important;\r\n        line-height:19px !important;\r\n    }\r\n\r\n\r\n    .wd-portfolio-panel_8 {\r\n        position: relative;\r\n        display:block;\r\n        width: calc(100% - 10px);\r\n        margin:0 5px 0 5px;\r\n        padding :0;\r\n        text-align:left;\r\n    }\r\n\r\n    .wd-portfolio-panel_8 .description-block_8 p,.wd-portfolio-panel_8 .description-block_8 * {\r\n        text-align:justify;\r\n        font-size:14px !important;\r\n        color:#5B5B5B;\r\n        margin :0 !important;\r\n        padding :0 !important;\r\n    }\r\n\r\n\r\n    .wd-portfolio-panel_8 .description-block_8 h1,\r\n    .wd-portfolio-panel_8 .description-block_8 h2,\r\n    .wd-portfolio-panel_8 .description-block_8 h3,\r\n    .wd-portfolio-panel_8 .description-block_8 h4,\r\n    .wd-portfolio-panel_8 .description-block_8 h5,\r\n    .wd-portfolio-panel_8 .description-block_8 h6,\r\n    .wd-portfolio-panel_8 .description-block_8 p,\r\n    .wd-portfolio-panel_8 .description-block_8 strong,\r\n    .wd-portfolio-panel_8 .description-block_8 span {\r\n        padding:2px !important;\r\n        margin :0 !important;\r\n    }\r\n\r\n    .wd-portfolio-panel_8 .description-block_8 ul,\r\n    .wd-portfolio-panel_8 .description-block_8 li {\r\n        padding:2px 0 2px 5px;\r\n        margin :0 0 0 8px;\r\n    }\r\n\r\n\r\n    .wd-portfolio-panel_8 .thumbs-list_8 {\r\n        list-style:none;\r\n        clear:both;\r\n        display:table;\r\n        width:100%;\r\n        padding :0;\r\n        margin:3px 0 0 0;\r\n        text-align:center;\r\n    }\r\n\r\n    .wd-portfolio-panel_8 .thumbs-list_8 li {\r\n        display:inline-block;\r\n        margin :0 3px 0 2px;\r\n    }\r\n\r\n    .wd-portfolio-panel_8 .thumbs-list_8 li a {\r\n        display:block;\r\n        width:50px;\r\n        height:50px;\r\n        opacity:0.7;\r\n        display:table;\r\n        border: none;\r\n        box-shadow: none;\r\n\r\n    }\r\n\r\n    .wd-portfolio-panel_8 .thumbs-list_8 li a:hover {\r\n        opacity:1;\r\n    }\r\n\r\n    .wd-portfolio-panel_8 img {\r\n        margin :0 !important;\r\n        padding :0 !important;\r\n        display:table-cell;\r\n        vertical-align:middle;\r\n        width:50px !important;\r\n        max-height:50px !important;\r\n        width:100%;\r\n        height:100%;\r\n    }\r\n\r\n    .wd-portfolio-panel_8 > div {\r\n        padding-top:10px;\r\n        margin-bottom:10px;\r\n            background:url('https:\/\/studentexhibit.com\/2020\/wp-content\/plugins\/uber-grid\/assets\/images\/admin\/divider.line.png') center top repeat-x;\r\n        }\r\n\r\n    .wd-portfolio-panel_8 .button-block {\r\n        padding-top:10px;\r\n        margin-bottom:10px;\r\n\r\n    }\r\n\r\n    .wd-portfolio-panel_8 .button-block a, .wd-portfolio-panel_8 .button-block a:link, .wd-portfolio-panel_8 .button-block a:visited {\r\n        padding:10px;\r\n        display:inline-block;\r\n        font-size:14px;\r\n        background:#E74C3C;\r\n        color:#FFFFFF;\r\n        padding:6px 12px;\r\n        text-decoration:none;\r\n    }\r\n\r\n    .wd-portfolio-panel_8 .button-block a:hover, .wd-portfolio-panel_8 .button-block a:focus, .wd-portfolio-panel_8 .button-block a:active {\r\n        background:#DF2E1B;\r\n        color:#FFFFFF;\r\n        text-decoration:none;\r\n    }\r\n\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_options_8 {\r\n        position: relative;\r\n        overflow: hidden;\r\n    float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%;\r\n    opacity: 0;        margin-bottom: 10px;\r\n    }\r\n\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_options_8 ul {\r\n        margin : 0 !important;\r\n        padding : 0 !important;\r\n        list-style: none;\r\n        }\r\n\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 ul {\r\n        margin : 0 !important;\r\n        padding : 0 !important;\r\n        overflow: hidden;\r\n            width: 100%;\r\n    }\r\n\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_options_8 ul {\r\n        float: left;\r\n    }\r\n    \r\n\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_options_8 ul li {\r\n        border-radius: 0px;\r\n        list-style-type: none;\r\n        margin : 0 !important;\r\n        padding: 0;\r\n    border: 1px solid #ccc;    }\r\n\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_options_8 ul li a {\r\n        background-color: #F7F7F7 !important;\r\n        border-radius: 0px;\r\n        font-size:14px !important;\r\n        color:#555555 !important;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n        margin : 0 !important;\r\n        display: block;\r\n        padding:3px;\r\n    }\r\n\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_options_8 ul li a:hover {\r\n        background-color: #FF3845 !important;\r\n        color:#FFFFFF !important;\r\n        cursor: pointer;\r\n    }\r\n\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 {\r\n        position: relative;\r\n        overflow: hidden;\r\n    float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%;\r\n    opacity: 0;    }\r\n\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 ul li {\r\n        list-style-type: none;\r\n        border-radius: 0px;\r\n    border: 1px solid #ccc;    }\r\n\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 ul li a {\r\n        font-size:14px !important;\r\n        color:#555555 !important;\r\n        background-color: #F7F7F7 !important;\r\n        border-radius: 0px;\r\n        padding:3px;\r\n        display: block;\r\n        text-decoration: none;\r\n    }\r\n\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8  ul li a:hover {\r\n        color:#FFFFFF !important;\r\n        background-color: #FF3845 !important;\r\n        cursor: pointer\r\n    }\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 ul li.active a,\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 ul li.active a:link,\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 ul li.active a:visited,\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8  ul li.active a:hover,\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8  ul li.active a:focus,\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8  ul li.active a:active {\r\n        color:#FFFFFF !important;\r\n        background-color: #FF3845 !important;\r\n        cursor: pointer;\r\n    }\r\n    #pfhub_portfolio_portfolio_content_8 section {\r\n        position:relative;\r\n        display:block;\r\n    }\r\n\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_container_8 {\r\n        width: 79%;\r\n        max-width: 100% !important;\r\n    width:100%;opacity: 0;    }\r\n    #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_options_8 #port-sort-direction{\r\n        position: static;\r\n    }\r\n    @media screen and (max-width: 768px) {\r\n\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 ul li a,\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 ul li a:link,\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 ul li a:visited {\r\n            font-size: 2vw !important;\r\n        }\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_options_8 ul li a {\r\n            font-size:2vw !important;\r\n        }\r\n\r\n    }\r\n    @media screen and (max-width: 480px) {\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_options_8 {\r\n            float: left;\r\n        }\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_options_8 #sort-by{\r\n            float: left;\r\n            width: 100% !important;\r\n        }\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_options_8 #port-sort-direction{\r\n            float: left;\r\n            width: 100% !important;\r\n            position: relative;\r\n            padding-left: 31% !important;\r\n            right: 31%;\r\n        }\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 ul li a,\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 ul li a:link,\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 ul li a:visited {\r\n            font-size: 3vw !important;\r\n        }\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_options_8 ul li a {\r\n            line-height: 3vw;\r\n            font-size:3vw !important;\r\n        }\r\n    }\r\n    @media screen and (max-width: 420px) {\r\n\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 ul li a,\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 ul li a:link,\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_filters_8 ul li a:visited {\r\n            font-size: 4vw !important;\r\n        }\r\n        #pfhub_portfolio_portfolio_content_8 #pfhub_portfolio_portfolio_options_8 ul li a {\r\n            font-size:4vw !important;\r\n        }\r\n    }\r\n    @media screen and (max-width: 317px) {\r\n        .portelement_8  {\r\n            width: calc(98% - 2px);\r\n            margin: 1% !important;\r\n            float: left;\r\n            overflow: hidden;\r\n            outline:none;\r\n        }\r\n    }\r\n    #pfhub_portfolio-container-loading-overlay_8 {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: absolute;\r\n        z-index: 1;\r\n        background:  url(https:\/\/studentexhibit.com\/2020\/wp-content\/plugins\/uber-grid\/assets\/images\/loading\/loading-1.svg) center top ;\r\n        background-repeat: no-repeat;\r\n        background-size: 60px auto;\r\n        }\r\n    #pfhub_portfolio_portfolio_options_and_filters_8{\r\n        position: relative;\r\n        float: left;\r\n        width: 20%;\r\n        max-width: 180px;\r\n        float:;\r\n    margin-left:1%;    }\r\n<\/style>\r\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Student-created prototypes for product designs using the user experience process: Personas and Empathy Maps<\/p>\n","protected":false},"author":1,"featured_media":233,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-216","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web design - Student Exhibit<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studentexhibit.com\/2020\/web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web design - Student Exhibit\" \/>\n<meta property=\"og:description\" content=\"Student-created prototypes for product designs using the user experience process: Personas and Empathy Maps\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studentexhibit.com\/2020\/web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Student Exhibit\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-29T13:07:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/annalaugelle.png\" \/>\n\t<meta property=\"og:image:width\" content=\"688\" \/>\n\t<meta property=\"og:image:height\" content=\"418\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studentexhibit.com\/2020\/web-design\/\",\"url\":\"https:\/\/studentexhibit.com\/2020\/web-design\/\",\"name\":\"Web design - Student Exhibit\",\"isPartOf\":{\"@id\":\"https:\/\/studentexhibit.com\/2020\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/studentexhibit.com\/2020\/web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/studentexhibit.com\/2020\/web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/annalaugelle.png\",\"datePublished\":\"2020-04-26T23:57:52+00:00\",\"dateModified\":\"2020-04-29T13:07:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/studentexhibit.com\/2020\/web-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studentexhibit.com\/2020\/web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studentexhibit.com\/2020\/web-design\/#primaryimage\",\"url\":\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/annalaugelle.png\",\"contentUrl\":\"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/annalaugelle.png\",\"width\":688,\"height\":418,\"caption\":\"Interactive map for children by Anna Laugelle\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studentexhibit.com\/2020\/web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/studentexhibit.com\/2020\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studentexhibit.com\/2020\/#website\",\"url\":\"https:\/\/studentexhibit.com\/2020\/\",\"name\":\"Student Exhibit\",\"description\":\"SNHU students\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studentexhibit.com\/2020\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web design - Student Exhibit","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/studentexhibit.com\/2020\/web-design\/","og_locale":"en_US","og_type":"article","og_title":"Web design - Student Exhibit","og_description":"Student-created prototypes for product designs using the user experience process: Personas and Empathy Maps","og_url":"https:\/\/studentexhibit.com\/2020\/web-design\/","og_site_name":"Student Exhibit","article_modified_time":"2020-04-29T13:07:46+00:00","og_image":[{"width":688,"height":418,"url":"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/annalaugelle.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/studentexhibit.com\/2020\/web-design\/","url":"https:\/\/studentexhibit.com\/2020\/web-design\/","name":"Web design - Student Exhibit","isPartOf":{"@id":"https:\/\/studentexhibit.com\/2020\/#website"},"primaryImageOfPage":{"@id":"https:\/\/studentexhibit.com\/2020\/web-design\/#primaryimage"},"image":{"@id":"https:\/\/studentexhibit.com\/2020\/web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/annalaugelle.png","datePublished":"2020-04-26T23:57:52+00:00","dateModified":"2020-04-29T13:07:46+00:00","breadcrumb":{"@id":"https:\/\/studentexhibit.com\/2020\/web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studentexhibit.com\/2020\/web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studentexhibit.com\/2020\/web-design\/#primaryimage","url":"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/annalaugelle.png","contentUrl":"https:\/\/studentexhibit.com\/2020\/wp-content\/uploads\/2020\/04\/annalaugelle.png","width":688,"height":418,"caption":"Interactive map for children by Anna Laugelle"},{"@type":"BreadcrumbList","@id":"https:\/\/studentexhibit.com\/2020\/web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/studentexhibit.com\/2020\/"},{"@type":"ListItem","position":2,"name":"Web design"}]},{"@type":"WebSite","@id":"https:\/\/studentexhibit.com\/2020\/#website","url":"https:\/\/studentexhibit.com\/2020\/","name":"Student Exhibit","description":"SNHU students","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studentexhibit.com\/2020\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/studentexhibit.com\/2020\/wp-json\/wp\/v2\/pages\/216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studentexhibit.com\/2020\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studentexhibit.com\/2020\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studentexhibit.com\/2020\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studentexhibit.com\/2020\/wp-json\/wp\/v2\/comments?post=216"}],"version-history":[{"count":19,"href":"https:\/\/studentexhibit.com\/2020\/wp-json\/wp\/v2\/pages\/216\/revisions"}],"predecessor-version":[{"id":337,"href":"https:\/\/studentexhibit.com\/2020\/wp-json\/wp\/v2\/pages\/216\/revisions\/337"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentexhibit.com\/2020\/wp-json\/wp\/v2\/media\/233"}],"wp:attachment":[{"href":"https:\/\/studentexhibit.com\/2020\/wp-json\/wp\/v2\/media?parent=216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}