{"id":83,"date":"2025-04-24T17:13:33","date_gmt":"2025-04-24T17:13:33","guid":{"rendered":"https:\/\/laith85.582helvetica.com\/cms-12\/?page_id=83"},"modified":"2025-04-25T13:08:51","modified_gmt":"2025-04-25T13:08:51","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/laith85.582helvetica.com\/cms-12\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-style-section-5 is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-7ee84d44 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h2 class=\"wp-block-heading has-text-align-center\">About <\/h2>\n\n\n\n<p class=\"has-text-align-center has-medium-font-size\">Hi my name is Laith. I am a student who currently studies at Vanier College in a program called &#8220;Multimedia Integration&#8221;. I am Interested in working in fields of web development and Social Media. Today, I am happy to share and show you some of my work that I have done in the program between class work and group work projects.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"902\" height=\"1134\" src=\"http:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/20250424_130748.jpg\" alt=\"\" class=\"wp-image-86\" style=\"border-width:11px;border-radius:52px;aspect-ratio:1;object-fit:cover\" srcset=\"https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/20250424_130748.jpg 902w, https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/20250424_130748-239x300.jpg 239w, https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/20250424_130748-815x1024.jpg 815w, https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/20250424_130748-768x966.jpg 768w\" sizes=\"auto, (max-width: 902px) 100vw, 902px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-2 has-background is-layout-constrained wp-container-core-group-is-layout-c9e57bfa wp-block-group-is-layout-constrained\" style=\"background-color:#0045a6;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--20)\">\n<p class=\"has-text-align-center has-border-color has-base-border-color has-base-color has-text-color has-link-color wp-elements-d78a04349cd1e7d8d8444febae563c2c\" style=\"border-width:7px;border-radius:42px\">Below are some of my amazing work <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons alignwide is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-b5994976 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-base-color has-text-color has-background has-link-color has-border-color wp-element-button\" href=\"https:\/\/laith85.582helvetica.com\/game.html\" style=\"border-color:#00fa69;border-width:14px;border-radius:30px;background-color:#008cfe\"><strong>Pathfinder<\/strong><br>&#8220;Hackathon&#8221; <\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-base-color has-text-color has-background has-link-color has-border-color wp-element-button\" href=\"https:\/\/mobilesavvy.582helvetica.com\/\" style=\"border-color:#150bd5;border-width:16px;background-color:#00dc87\">Mobile-Savvy<br>&#8220;Group Project&#8221;<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:31% auto\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/Finallogo-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"726\" src=\"https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/Finallogo-1-1024x726.png\" alt=\"\" class=\"wp-image-85 size-full\" srcset=\"https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/Finallogo-1-1024x726.png 1024w, https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/Finallogo-1-300x213.png 300w, https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/Finallogo-1-768x544.png 768w, https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/Finallogo-1-1536x1088.png 1536w, https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/Finallogo-1.png 1675w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-align-center has-border-color has-base-color has-text-color has-background has-link-color has-small-font-size wp-elements-c0f73ea0b32dda740271f57874c4eca3\" style=\"border-color:#FFFFFF;border-width:8px;border-radius:46px;background-color:#a3b500\">During the week before study break. We had to do hackathon whereby we were assigned to work with students who were in their second year and third year. We all collaborated together and created an Idea for a Boardgame we named it &#8220;Pathfinder&#8221;. Each person was assigned to do specific roles for the project and my role for that project was to create a website based of the game. The process of creating was successful. However, there were some challenges I faced while creating it. the website to be mobile first and adding grids. However, with some support I was able to manage it and figure it out on my own.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\" style=\"grid-template-columns:auto 44%\"><div class=\"wp-block-media-text__content\">\n<p class=\"is-style-default has-border-color has-base-border-color has-base-color has-text-color has-background has-link-color wp-elements-47deca52c335b21ecf39212f99b46b1f\" style=\"border-width:7px;border-radius:24px;background-color:#00d57c\">Around the final weeks of the second semester. I grouped up with another student from first year and second year. We decided to create something  that is related to tech stuff such as telephones and computers. The progress and work of the project was successful. However, the challenging part was to describe what was the purpose of making the website and describing the devices that are on the website and getting photos from our own and non-internet pictures.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/Z-fold-5-new-768x1024.png\" alt=\"\" class=\"wp-image-110 size-full\" srcset=\"https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/Z-fold-5-new-768x1024.png 768w, https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/Z-fold-5-new-225x300.png 225w, https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/Z-fold-5-new-1152x1536.png 1152w, https:\/\/laith85.582helvetica.com\/cms-12\/wp-content\/uploads\/2025\/04\/Z-fold-5-new.png 1180w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>About Hi my name is Laith. I am a student who currently studies at Vanier College in a program called [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-83","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/laith85.582helvetica.com\/cms-12\/wp-json\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laith85.582helvetica.com\/cms-12\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/laith85.582helvetica.com\/cms-12\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/laith85.582helvetica.com\/cms-12\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laith85.582helvetica.com\/cms-12\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":9,"href":"https:\/\/laith85.582helvetica.com\/cms-12\/wp-json\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":111,"href":"https:\/\/laith85.582helvetica.com\/cms-12\/wp-json\/wp\/v2\/pages\/83\/revisions\/111"}],"wp:attachment":[{"href":"https:\/\/laith85.582helvetica.com\/cms-12\/wp-json\/wp\/v2\/media?parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}