{"id":25,"date":"2025-09-11T17:37:10","date_gmt":"2025-09-11T17:37:10","guid":{"rendered":"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/?page_id=25"},"modified":"2025-12-27T18:19:05","modified_gmt":"2025-12-27T18:19:05","slug":"home","status":"publish","type":"page","link":"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/index.php\/home\/","title":{"rendered":"Home Page"},"content":{"rendered":"\n<main class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-ce397403 wp-block-group-is-layout-flow\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-group has-mono-1-background-color has-background is-layout-flow wp-container-core-group-is-layout-ce397403 wp-block-group-is-layout-flow\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-cover\" style=\"padding-top:var(--wp--preset--spacing--superbspacing-xlarge);padding-right:0;padding-bottom:var(--wp--preset--spacing--superbspacing-xlarge);padding-left:0;min-height:50px;aspect-ratio:unset;\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"683\" class=\"wp-block-cover__image-background wp-image-119 size-large\" alt=\"\" src=\"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/BG-2-1024x683.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/BG-2-1024x683.jpg 1024w, https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/BG-2-300x200.jpg 300w, https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/BG-2-768x512.jpg 768w, https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/BG-2.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-40 has-background-dim\" style=\"background-color:#574b50\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-27ec71c5 wp-block-group-is-layout-constrained\" style=\"padding-top:0;padding-right:var(--wp--preset--spacing--superbspacing-small);padding-bottom:0;padding-left:var(--wp--preset--spacing--superbspacing-small)\">\n<div class=\"wp-block-group has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-32b5ec3b wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0\">\n<h2 class=\"wp-block-heading has-text-align-center has-text-color has-superbfont-xlarge-font-size\" style=\"color:#fdfdfd;font-style:normal;font-weight:400\">Hi there, I&#8217;m Monica Liu<\/h2>\n\n\n\n<p class=\"has-text-align-center has-text-color has-superbfont-large-font-size\" style=\"color:#fdfdfd;margin-bottom:var(--wp--preset--spacing--superbspacing-small)\">Welcome to my portfolio website<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-contrast-light-color has-text-color has-link-color has-border-color has-contrast-light-border-color wp-element-button\" style=\"border-width:1px\">About me<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">Get in touch<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-19f910d9 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--superbspacing-medium);padding-right:var(--wp--preset--spacing--superbspacing-small);padding-bottom:var(--wp--preset--spacing--superbspacing-medium);padding-left:var(--wp--preset--spacing--superbspacing-small)\">\n<div class=\"wp-block-group has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-73da41fc wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-bottom:0\">\n<p class=\"has-text-align-center has-superbfont-small-font-size\">I\u2019m a multidisciplinary designer with expertise in UX, instructional design, graphic &amp; web design. <br>My goal is to <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ff6900\" class=\"has-inline-color\">connect <\/mark><\/strong>aesthetics with usability, <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ff6900\" class=\"has-inline-color\">transforming<\/mark><\/strong> ideas into <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ff6900\" class=\"has-inline-color\">meaningful and lasting solutions.<\/mark><\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a44ac21b wp-block-buttons-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--superbspacing-small)\">\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-border-color has-mono-2-border-color wp-element-button\" href=\"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/index.php\/porfolio\/\" style=\"font-style:normal;font-weight:400;letter-spacing:1px\">EXPLORE MY PORTFOLIO<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-25593187 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-superbfont-xxsmall-font-size has-custom-font-size wp-element-button\" style=\"border-radius:8px\">Graphic Design<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-superbfont-xxsmall-font-size has-custom-font-size wp-element-button\" style=\"border-style:none;border-width:0px;border-radius:8px;padding-top:20px;padding-right:var(--wp--preset--spacing--superbspacing-xxsmall);padding-bottom:20px;padding-left:var(--wp--preset--spacing--superbspacing-xxsmall)\">Web Design<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-098cc607 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-superbfont-xxsmall-font-size has-custom-font-size wp-element-button\" style=\"border-radius:8px;padding-top:10px;padding-right:var(--wp--preset--spacing--superbspacing-xxsmall);padding-bottom:10px;padding-left:var(--wp--preset--spacing--superbspacing-xxsmall)\">Instructional Design<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-c3b3325f wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--superbspacing-large);padding-right:var(--wp--preset--spacing--superbspacing-small);padding-bottom:var(--wp--preset--spacing--superbspacing-large);padding-left:var(--wp--preset--spacing--superbspacing-small)\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-3faa0c81 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-left has-contrast-color has-text-color has-superbfont-xlarge-font-size\" style=\"font-style:normal;font-weight:400\">Featured Projects<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-f9d87e41 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-db2cb278 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/web.jpg-1-1024x1024.png\" alt=\"\" class=\"wp-image-120\" style=\"object-fit:cover\" srcset=\"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/web.jpg-1-1024x1024.png 1024w, https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/web.jpg-1-300x300.png 300w, https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/web.jpg-1-150x150.png 150w, https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/web.jpg-1-768x768.png 768w, https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/web.jpg-1.png 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-85cc789f wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-19e250f3 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-left has-contrast-color has-text-color has-superbfont-medium-font-size\">Premier Travel &#8211; Responsive Web<\/h3>\n<\/div>\n\n\n\n<p class=\"has-text-align-left has-mono-2-color has-text-color has-superbfont-xsmall-font-size\" style=\"margin-top:var(--wp--preset--spacing--superbspacing-xxsmall);margin-bottom:var(--wp--preset--spacing--superbspacing-xxsmall)\">In this project, I created 5 pages of a responsible website. CSS and HTML are the main coding language being used. <\/p>\n\n\n\n<p class=\"has-superbfont-small-font-size\"><a href=\"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/web2_finalproject\/index.html\">View work \u2192<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-db2cb278 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/web3xample-1-1024x1024.png\" alt=\"\" class=\"wp-image-121\" style=\"object-fit:cover\" srcset=\"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/web3xample-1-1024x1024.png 1024w, https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/web3xample-1-300x300.png 300w, https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/web3xample-1-150x150.png 150w, https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/web3xample-1-768x768.png 768w, https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/web3xample-1.png 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-85cc789f wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-19e250f3 wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading has-text-align-left has-contrast-color has-text-color\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.682), 20px);\">Sound healing &#8211; responsive website<\/h4>\n<\/div>\n\n\n\n<p class=\"has-text-align-left has-mono-2-color has-text-color has-superbfont-xsmall-font-size\" style=\"margin-top:var(--wp--preset--spacing--superbspacing-xxsmall);margin-bottom:var(--wp--preset--spacing--superbspacing-xxsmall)\">In this project, I created 5 pages of a responsible website. Bootstrap was the main language used and CSS and HTML are used for styling. <\/p>\n\n\n\n<p class=\"has-superbfont-small-font-size\"><a href=\"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/web3_project%201\/index.html\">View work \u2192<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-db2cb278 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"1080\" data-id=\"125\" src=\"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Bookcover-4.png\" alt=\"\" class=\"wp-image-125\" srcset=\"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Bookcover-4.png 1080w, https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/Bookcover-4-300x300.png 300w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/figure>\n<\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-85cc789f wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-19e250f3 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-left has-contrast-color has-text-color\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.682), 20px);\">Speak Joy &#8211; Book cover design<\/h3>\n<\/div>\n\n\n\n<p class=\"has-text-align-left has-mono-2-color has-text-color has-superbfont-xsmall-font-size\" style=\"margin-top:var(--wp--preset--spacing--superbspacing-xxsmall);margin-bottom:var(--wp--preset--spacing--superbspacing-xxsmall)\">I created a book sleeve for a book of my interest. The tools used are Adobe Indesign and Adobe Photoshop. I applied graphic design principles in this project. <\/p>\n\n\n\n<p class=\"has-superbfont-small-font-size\"><a href=\"#\">Read more \u2192<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-f2e6c14f wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:var(--wp--preset--spacing--superbspacing-small);padding-bottom:0;padding-left:var(--wp--preset--spacing--superbspacing-small)\">\n<div class=\"wp-block-cover alignwide\" style=\"border-radius:0px\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" class=\"wp-block-cover__image-background wp-image-118 size-large\" alt=\"\" src=\"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/bg_3-1024x574.jpg\" style=\"object-position:0% 0%\" data-object-fit=\"cover\" data-object-position=\"0% 0%\" srcset=\"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/bg_3-1024x574.jpg 1024w, https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/bg_3-300x168.jpg 300w, https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/bg_3-768x431.jpg 768w, https:\/\/jinxiu-liu.graphicandwebdesign.ca\/wp-content\/uploads\/2025\/09\/bg_3.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-dark-background-color has-background-dim-40 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group alignwide is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-bbdfd842 wp-block-group-is-layout-flex\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--superbspacing-large);padding-right:var(--wp--preset--spacing--superbspacing-xxsmall);padding-bottom:var(--wp--preset--spacing--superbspacing-large);padding-left:var(--wp--preset--spacing--superbspacing-xxsmall)\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-85cc789f wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center\" style=\"font-size:clamp(15.747px, 0.984rem + ((1vw - 3.2px) * 0.938), 24px);\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center has-contrast-light-color has-text-color has-superbfont-large-font-size\">Don&#8217;t be Shy. Say hi! : )<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons wp-container-content-9cfa9a5a is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-9b2276be wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--4\"><a class=\"wp-block-button__link has-contrast-light-color has-text-color has-link-color has-border-color has-contrast-light-border-color has-superbfont-small-font-size has-custom-font-size wp-element-button\" style=\"border-width:1px\">Write to me<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/main>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I\u2019m a multidisciplinary designer with expertise in UX, instructional design, graphic &amp; web design. My goal is to connect aesthetics with usability, transforming ideas into meaningful and lasting solutions. Featured Projects Premier Travel &#8211; Responsive Web In this project, I created 5 pages of a responsible website. CSS and HTML are the main coding language [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":33,"href":"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":234,"href":"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions\/234"}],"wp:attachment":[{"href":"https:\/\/jinxiu-liu.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}