{"id":16,"date":"2025-06-28T12:40:32","date_gmt":"2025-06-28T12:40:32","guid":{"rendered":"https:\/\/www.designsbylb.com\/portfolio\/"},"modified":"2026-06-12T07:58:51","modified_gmt":"2026-06-12T07:58:51","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/www.designsbylb.com\/nl\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\r\n<div class=\"flex-center wp-elements-1\">\r\n    <div class=\"custom-post custom-post--h-md custom-post--color-white custom-post__header--title--a-left wp-elements-1 wp-block-designsbylb-custom-block has-text-color has-white-color has-background has-dark-background-color\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-1\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    Learning Next.js                <\/h2>\r\n                \r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--right\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>I\u2019ve started diving into modern web development with <strong>Next.js<\/strong>, <strong>React<\/strong>, and <strong>TypeScript<\/strong>. <\/p><p>The goal is to build faster, more scalable apps while keeping my code clean and maintainable.<br>My<span data-color=\"rgba(113, 104, 98, 0.2)\" style=\"background-image: linear-gradient(to right, rgba(113, 104, 98, 0.2), rgba(113, 104, 98, 0.2))\" class=\"blockylicious-low-highlight\"> <strong>dev-events-nextjs<\/strong><\/span> project is finished. I worked on:<\/p><p><\/p><p>\u2665 Next.js routing and app structure, React components and state management<\/p><p>\u2665 TypeScript for safer, more predictable code<\/p><p>\u2665 Post hog, codeRabbit, AI implementation, MongooseDB  &amp; Ai<\/p><p><br>You can check out the project here:<\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                                <div class=\"custom-post__btn\">\r\n                    \n\n<a class=\"wp-block-designsbylb-lb-button lb-btn lb-btn--lg lb-btn--accent-pink lb-btn--grad-soft-lilac\" style=\"margin-top:var(--wp--preset--spacing--70);margin-right:0;margin-bottom:var(--wp--preset--spacing--70);margin-left:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\" href=\"https:\/\/github.com\/lailala93\/dev-events-nextjs\"><span>github<\/span><\/a>\n\n                <\/div>\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n            <div style=\"margin-top:6rem; margin-bottom:0rem; padding:2rem;\"\r\n                class=\"custom-post__body__list sticky-note sticky-note--deep-taupe sticky-note--right sticky-note--tilted-right\" dir=\"ltr\">\r\n                                <h4 class=\"custom-post__body__list--title\">\r\n                    Focus                <\/h4>\r\n                <!-- <i class=\"fa-solid fa-pen custom-post__body__list--icon\"><\/i> -->\r\n                \r\n                <ul class=\"custom-post__body__list--items\">\r\n                                        <li>-Typescript<\/li>\r\n                                        <li>-Nextjs<\/li>\r\n                                        <li>-React components<\/li>\r\n                                        <li>-JavaScript<\/li>\r\n                                        <li>-MongoDB &amp; Ai implementation<\/li>\r\n                                    <\/ul>\r\n            <\/div>\r\n\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div class=\"wp-block-blockylicious-piccy-gallery has-background has-dark-background-color\">\r\n    <div class=\"gallery-thumbnails\">\r\n        \n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/05\/devEvent.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/05\/devEvent-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/05\/devEventLarge-1-1024x445.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/05\/devEventLarge-1-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n    <\/div>\r\n    <div>\r\n        <img class=\"image-preview\" alt=\"gallery image\">\r\n\r\n        <span>\r\n            <img loading=\"lazy\" decoding=\"async\" class=\"bnyu-icon\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\"\r\n                alt=\"Rabbit vector\" width=\"20\" height=\"20\">\r\n        <\/span>\r\n    <\/div>\r\n<\/div>\n\n\r\n<div class=\"flex-center\">\r\n    <div class=\"custom-post custom-post--h-md custom-post--color-dark custom-post__header--title--a-center wp-block-designsbylb-custom-block has-background has-white-transparent-background-color has-text-align-left\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-1\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    Portfolio                 <\/h2>\r\n                \r\n                                <p class=\"custom-post__header--subtitle\">\r\n                    Links to <strong>some<\/strong> of the websites I have built. I haven&#8217;t published all.  The link to the code is enclosed down below.                <\/p>\r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--right\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>1. A <span data-color=\"rgb(240, 235, 231)\" style=\"background-image: linear-gradient(to right, rgb(240, 235, 231), rgb(240, 235, 231))\" class=\"blockylicious-low-highlight\">fictional University <\/span>campus website with login<\/p><p>2. A basic <span data-color=\"rgb(240, 235, 231)\" style=\"background-image: linear-gradient(to right, rgb(240, 235, 231), rgb(240, 235, 231))\" class=\"blockylicious-low-highlight\">portfolio<\/span> website [ <em>template<\/em> ]<\/p><p>3. A <span data-color=\"rgb(240, 235, 231)\" style=\"background-image: linear-gradient(to right, rgb(240, 235, 231), rgb(240, 235, 231))\" class=\"blockylicious-low-highlight\">corporate<\/span> site  [ <em>template<\/em> ]<\/p><p>4. A travel <span data-color=\"rgb(240, 235, 231)\" style=\"background-image: linear-gradient(to right, rgb(240, 235, 231), rgb(240, 235, 231))\" class=\"blockylicious-low-highlight\">blog <\/span>site  [ <em>template<\/em> ]<\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                                <div class=\"custom-post__btn\">\r\n                    \n\n<a class=\"wp-block-designsbylb-lb-button lb-btn lb-btn--lg lb-btn--white\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:0;margin-bottom:var(--wp--preset--spacing--50);margin-left:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\" href=\"https:\/\/fictional-university.designsbylb.com\/\"><span>University<\/span><\/a>\n\n\n\n<a class=\"wp-block-designsbylb-lb-button lb-btn lb-btn--lg lb-btn--white\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:0;margin-bottom:var(--wp--preset--spacing--50);margin-left:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\" href=\"https:\/\/portfolio.designsbylb.com\/\"><span>Portfolio<\/span><\/a>\n\n\n\n<a class=\"wp-block-designsbylb-lb-button lb-btn lb-btn--lg lb-btn--white\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:0;margin-bottom:var(--wp--preset--spacing--50);margin-left:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\" href=\"https:\/\/corporate.designsbylb.com\/\"><span>Corporate<\/span><\/a>\n\n\n\n<a class=\"wp-block-designsbylb-lb-button lb-btn lb-btn--lg lb-btn--white\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:0;margin-bottom:var(--wp--preset--spacing--50);margin-left:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\" href=\"https:\/\/blog.designsbylb.com\/\"><span>blog<\/span><\/a>\n\n                <\/div>\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div class=\"flex-center\">\r\n    <div class=\"custom-post custom-post--h-md custom-post--color-dark custom-post__header--title--a-left wp-block-designsbylb-custom-block has-background has-white-transparent-background-color\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-1\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    Desktop Calendar App                <\/h2>\r\n                \r\n                                <p class=\"custom-post__header--subtitle\">\r\n                    This project is a <span data-color=\"#fff6cf\" style=\"background-image: linear-gradient(to right, #fff6cf, #fff6cf)\" class=\"blockylicious-low-highlight\">desktop calendar application<\/span> designed to make organizing daily tasks simple, flexible, and visually intuitive. It focuses on ease of use while offering powerful note management features.<br><br><strong>Key Features:<\/strong><br>-Clean and intuitive calendar navigation<br>-Persistent state, so your notes and selected days are always saved<br>-Full control to add, edit, or delete entries for any day<br>-Mark tasks as completed with a quick double-click (strike-through effect)<br>-Visual indicators (dots) to highlight days with active notes<br>-Custom styling with both light and dark mode support<br>                <\/p>\r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--right\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>You can check out my code:<\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                                <div class=\"custom-post__btn\">\r\n                    \n\n<a class=\"wp-block-designsbylb-lb-button lb-btn lb-btn--lg lb-btn--white\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:0;margin-bottom:var(--wp--preset--spacing--50);margin-left:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\" href=\"https:\/\/github.com\/lailala93\/calendar-\/releases\/tag\/calendar\"><span>Calendar release link <\/span><\/a>\n\n\n\n<a class=\"wp-block-designsbylb-lb-button lb-btn lb-btn--lg lb-btn--white\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:0;margin-bottom:var(--wp--preset--spacing--50);margin-left:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\" href=\"https:\/\/github.com\/lailala93\/calendar-\"><span>github code<\/span><\/a>\n\n                <\/div>\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div class=\"wp-block-blockylicious-piccy-gallery has-background has-white-transparent-background-color\">\r\n    <div class=\"gallery-thumbnails\">\r\n        \n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/bunny_day-1024x744.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/bunny_day-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/bunny_night-1024x746.png\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/bunny_night-150x150.png\" class=\"thumb\" \/>\r\n<\/div>\n    <\/div>\r\n    <div>\r\n        <img class=\"image-preview\" alt=\"gallery image\">\r\n\r\n        <span>\r\n            <img loading=\"lazy\" decoding=\"async\" class=\"bnyu-icon\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\"\r\n                alt=\"Rabbit vector\" width=\"20\" height=\"20\">\r\n        <\/span>\r\n    <\/div>\r\n<\/div>\n\n\r\n<div class=\"flex-center\">\r\n    <div class=\"custom-post custom-post--h-md custom-post--color-dark custom-post__header--title--a-center wp-block-designsbylb-custom-block has-background has-white-transparent-background-color has-text-align-left\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-1\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    Portfolio                 <\/h2>\r\n                \r\n                                <p class=\"custom-post__header--subtitle\">\r\n                    Jonas Schmedtman &#8211; Advanced <span data-color=\"#f0e9ff\" style=\"background-image: linear-gradient(to right, #f0e9ff, #f0e9ff)\" class=\"blockylicious-low-highlight\"><strong>CSS<\/strong> <\/span>course                <\/p>\r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--right\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>For this course we built 3 projects. I will upload some screenshots of each project. <\/p><p>1.  Project <strong><span data-color=\"#67c27f\" style=\"background-image: linear-gradient(to right, #67c27f, #67c27f)\" class=\"blockylicious-low-highlight\">Natours <\/span><\/strong><\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div class=\"wp-block-blockylicious-piccy-gallery has-background has-white-transparent-background-color\">\r\n    <div class=\"gallery-thumbnails\">\r\n        \n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1-1024x506.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1a-1024x599.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1a-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1b-1024x577.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1b-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1c-1024x609.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1c-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1d-1024x666.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1d-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1f-1024x625.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1f-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1g-1024x703.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1g-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1code-1024x550.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project1code-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n    <\/div>\r\n    <div>\r\n        <img class=\"image-preview\" alt=\"gallery image\">\r\n\r\n        <span>\r\n            <img loading=\"lazy\" decoding=\"async\" class=\"bnyu-icon\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\"\r\n                alt=\"Rabbit vector\" width=\"20\" height=\"20\">\r\n        <\/span>\r\n    <\/div>\r\n<\/div>\n\n\r\n<div class=\"flex-center\">\r\n    <div class=\"custom-post custom-post--h-md custom-post--color-dark custom-post__header--title--a-center wp-block-designsbylb-custom-block has-background has-white-transparent-background-color has-text-align-left\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-1\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    Portfolio                 <\/h2>\r\n                \r\n                                <p class=\"custom-post__header--subtitle\">\r\n                    Jonas Schmedtman &#8211; Advanced <span data-color=\"#f0e9ff\" style=\"background-image: linear-gradient(to right, #f0e9ff, #f0e9ff)\" class=\"blockylicious-low-highlight\"><strong>CSS<\/strong> <\/span>course                <\/p>\r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--right\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>2.  Project <span data-color=\"#c49963\" style=\"background-image: linear-gradient(to right, #c49963, #c49963)\" class=\"blockylicious-low-highlight\"><strong>Nexter<\/strong> <\/span>&#8211; a real estate website<\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div class=\"wp-block-blockylicious-piccy-gallery has-background has-white-transparent-background-color\">\r\n    <div class=\"gallery-thumbnails\">\r\n        \n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project2a-1024x516.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project2a-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project2b-1024x761.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project2b-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project2c-1024x807.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project2c-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project2d-1024x772.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project2d-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n    <\/div>\r\n    <div>\r\n        <img class=\"image-preview\" alt=\"gallery image\">\r\n\r\n        <span>\r\n            <img loading=\"lazy\" decoding=\"async\" class=\"bnyu-icon\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\"\r\n                alt=\"Rabbit vector\" width=\"20\" height=\"20\">\r\n        <\/span>\r\n    <\/div>\r\n<\/div>\n\n\r\n<div class=\"flex-center\">\r\n    <div class=\"custom-post custom-post--h-md custom-post--color-dark custom-post__header--title--a-center wp-block-designsbylb-custom-block has-background has-white-transparent-background-color has-text-align-left\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-1\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    Portfolio                 <\/h2>\r\n                \r\n                                <p class=\"custom-post__header--subtitle\">\r\n                    Jonas Schmedtman &#8211; Advanced <span data-color=\"#f0e9ff\" style=\"background-image: linear-gradient(to right, #f0e9ff, #f0e9ff)\" class=\"blockylicious-low-highlight\"><strong>CSS<\/strong> <\/span>course                <\/p>\r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--right\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>3.  Project <strong><span data-color=\"#ff7396\" style=\"background-image: linear-gradient(to right, #ff7396, #ff7396)\" class=\"blockylicious-low-highlight\">Trillo<\/span><\/strong>&#8211; a travel agency website<\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div class=\"wp-block-blockylicious-piccy-gallery has-background has-white-transparent-background-color\">\r\n    <div class=\"gallery-thumbnails\">\r\n        \n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project3a-1024x588.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project3a-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project3b-1024x500.png\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/04\/project3b-150x150.png\" class=\"thumb\" \/>\r\n<\/div>\n    <\/div>\r\n    <div>\r\n        <img class=\"image-preview\" alt=\"gallery image\">\r\n\r\n        <span>\r\n            <img loading=\"lazy\" decoding=\"async\" class=\"bnyu-icon\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\"\r\n                alt=\"Rabbit vector\" width=\"20\" height=\"20\">\r\n        <\/span>\r\n    <\/div>\r\n<\/div>\n\n\r\n<div class=\"flex-center\">\r\n    <div class=\"custom-post custom-post--h-lg custom-post--color-dark custom-post__header--title--a-center wp-block-designsbylb-custom-block has-background has-white-transparent-background-color has-text-align-left\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-1\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    Check out my GitHub                <\/h2>\r\n                \r\n                                <p class=\"custom-post__header--subtitle\">\r\n                    GitHub <strong>links<\/strong>                <\/p>\r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--right\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>1. link to <em>my <\/em>website&#8217;s code<\/p><p>2. link to the <strong>University <\/strong>campus code<\/p><p>3. link to <strong>Kokobael <\/strong>website code<\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                                <div class=\"custom-post__btn\">\r\n                    \n\n<a class=\"wp-block-designsbylb-lb-button lb-btn lb-btn--lg lb-btn--accent-brown\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:0;margin-bottom:var(--wp--preset--spacing--50);margin-left:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\" href=\"https:\/\/github.com\/lailala93\/designsbylb\"><span>designsbylb<\/span><\/a>\n\n\n\n<a class=\"wp-block-designsbylb-lb-button lb-btn lb-btn--lg lb-btn--white\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:0;margin-bottom:var(--wp--preset--spacing--50);margin-left:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\" href=\"https:\/\/github.com\/lailala93\/fictional-university\"><span>University<\/span><\/a>\n\n\n\n<a class=\"wp-block-designsbylb-lb-button lb-btn lb-btn--lg lb-btn--default-text-color\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:0;margin-bottom:var(--wp--preset--spacing--50);margin-left:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\" href=\"https:\/\/github.com\/lailala93\/kokobael\"><span>Kokobael<\/span><\/a>\n\n                <\/div>\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div class=\"flex-center\">\r\n    <div style=\"margin-bottom:var(--wp--preset--spacing--30)\" class=\"custom-post custom-post--h-md custom-post--color-dark custom-post__header--title--a-left wp-block-designsbylb-custom-block has-background has-white-transparent-background-color\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-1\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    <span data-color=\"rgba(198, 182, 172, .5)\" style=\"background-image: linear-gradient(to right, rgba(198, 182, 172, .5), rgba(198, 182, 172, .5))\" class=\"blockylicious-low-highlight\">My recent work<\/span>                <\/h2>\r\n                \r\n                                <p class=\"custom-post__header--subtitle\">\r\n                    About Me \/ Development Focus \/ Projects                <\/p>\r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--right\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>I hold multiple <strong>IT Specialist certifications<\/strong> in <strong>Software Development, JavaScript, Python, and HTML &amp; CSS<\/strong>, providing me with a strong foundation in programming concepts, object-oriented design, and web development. <\/p><p><em>(You can view my certifications by scrolling to the bottom of this page or via the <u class=\"my-underline\"><strong>Credly<\/strong> <\/u>link in the <strong><u class=\"my-underline\">footer<\/u><\/strong>.)<\/em><\/p><p>I am currently working toward a <strong>full-stack web development role<\/strong>. While I already have a solid base, I am actively strengthening it through focused practice and project-based learning.<\/p><p>Over the past <strong>eight months<\/strong>, I have concentrated primarily on <strong>frontend development<\/strong>, with a strong focus on <strong>WordPress-based projects<\/strong>. During this time, I have worked extensively with <strong>JavaScript, React, PHP, HTML, and CSS<\/strong>, building custom themes, layouts, and functionality, and translating real client requirements into working solutions.<br><\/p><p>At the moment, I am following the <strong>Full Stack Open<\/strong> program in its entirety to further deepen my understanding of <strong>modern full-stack development<\/strong>, including React, application state, and scalable development practices.<\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                                <div class=\"custom-post__btn\">\r\n                    \n\n<a class=\"wp-block-designsbylb-lb-button lb-btn lb-btn--lg lb-btn--default-text-color\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:0;margin-bottom:var(--wp--preset--spacing--50);margin-left:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\" href=\"https:\/\/www.kokobael.com\/\"><span>Kokobael<\/span><\/a>\n\n                <\/div>\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div style=\"margin-top:var(--wp--preset--spacing--50)\" class=\"wp-block-blockylicious-piccy-gallery has-background has-white-transparent-background-color\">\r\n    <div class=\"gallery-thumbnails\">\r\n        \n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/01\/kb_gallerypage-1024x727.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/01\/kb_gallerypage-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/01\/kb_vscodesneakpeak-1024x554.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/01\/kb_vscodesneakpeak-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/01\/kb_login-1.png\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/01\/kb_login-1-150x150.png\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/01\/kb_editor-1024x494.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/01\/kb_editor-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n    <\/div>\r\n    <div>\r\n        <img class=\"image-preview\" alt=\"gallery image\">\r\n\r\n        <span>\r\n            <img loading=\"lazy\" decoding=\"async\" class=\"bnyu-icon\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\"\r\n                alt=\"Rabbit vector\" width=\"20\" height=\"20\">\r\n        <\/span>\r\n    <\/div>\r\n<\/div>\n\n\r\n<div class=\"flex-center wp-elements-2\">\r\n    <div style=\"padding-bottom:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--50);padding-left:0;padding-right:0;margin-top:0;margin-bottom:0\" class=\"custom-post custom-post--h-lg custom-post--color-darkbrown custom-post__header--title--a-left wp-elements-2 wp-block-designsbylb-custom-block has-text-color has-note-text-color has-background has-white-transparent-background-color has-text-align-left\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-1\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    <span data-color=\"rgba(113, 104, 98, 0.2)\" style=\"background-image: linear-gradient(to right, rgba(113, 104, 98, 0.2), rgba(113, 104, 98, 0.2))\" class=\"blockylicious-low-highlight\">From teaching to <strong>tech<\/strong><\/span>                <\/h2>\r\n                \r\n                                <p class=\"custom-post__header--subtitle\">\r\n                    2013 &#8211; until now                <\/p>\r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--right\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>I started my career in <strong><u class=\"my-underline\">education <\/u><\/strong>and coaching, helping students with English skills, coaching students that suffer from intense anxiety. <\/p><p>I taught\/teach English, taught students how to plan, prepare them for exams (like <em>Cambridge <\/em>or <em>final<\/em> exams) and helped them deal with performance anxiety using cognitive behavioural techniques. <\/p><p>Alas, I realized, that teaching wasn&#8217;t for me. I do still love to tutor individual students one on one, but big crowds tend to overwhelm me.<\/p><p><strong>IT <span style=\"font-size: 1.6rem\">&amp; Coding<\/span><\/strong> <span style=\"font-size: 1.6rem\">however, has always been something I had a big interest in. <\/span><\/p><p>Two years ago I decided to be brave enough to switch careers and dive into the world of<strong> I.T<\/strong>.<\/p><p>My background taught me patience, empathy and clear communicative skills I can bring into collaboration and dev project.<\/p><p><\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n            <div style=\"margin-top:5rem; margin-bottom:0rem; padding:2rem;\"\r\n                class=\"custom-post__body__list sticky-note sticky-note--deep-taupe sticky-note--right sticky-note--tilted-right\" dir=\"ltr\">\r\n                                <h4 class=\"custom-post__body__list--title\">\r\n                    Skills                <\/h4>\r\n                <!-- <i class=\"fa-solid fa-pen custom-post__body__list--icon\"><\/i> -->\r\n                \r\n                <ul class=\"custom-post__body__list--items\">\r\n                                        <li>-All English skills<\/li>\r\n                                        <li>-Pedagogical skills<\/li>\r\n                                        <li>-Teaching skills<\/li>\r\n                                        <li>-Coaching skills<\/li>\r\n                                        <li>-Communication skills<\/li>\r\n                                    <\/ul>\r\n            <\/div>\r\n\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div class=\"flex-center wp-elements-3\">\r\n    <div style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\" class=\"custom-post custom-post--h-md custom-post--color-darkbrown custom-post__header--title--a-left wp-elements-3 wp-block-designsbylb-custom-block has-text-color has-note-text-color has-background has-white-transparent-background-color has-text-align-right\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-2\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid custom-post__grid--side-left\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    <span data-color=\"rgba(198, 182, 172, .5)\" style=\"background-image: linear-gradient(to right, rgba(198, 182, 172, .5), rgba(198, 182, 172, .5))\" class=\"blockylicious-low-highlight\">Front-end Web development <\/span>                <\/h2>\r\n                \r\n                                <p class=\"custom-post__header--subtitle\">\r\n                    2023 to 2025 | <strong>GetCertified <\/strong>                <\/p>\r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--left\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>From 2023 to 2025 I followed a Frontend Web Development track where I built a solid base in <strong>HTML<\/strong>, <strong>CSS<\/strong>, <strong>JavaScript<\/strong>, practical knowledge in <strong>UX-Design<\/strong> and <strong>Python<\/strong>.<\/p><p><strong><span style=\"font-size: 1.6rem\"> <\/span><\/strong><\/p><p>I learned how to structure pages properly, make layouts responsive, and write clean, readable code. That trajectory gave me the fundamentals <span style=\"font-size: 1.6rem\">I now use in every project.<\/span><\/p><p>If you scroll down, I included my certifications &amp; you can also view my LinkedIn to see more detailed information.<\/p><p><\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n            <div style=\"margin-top:0rem; margin-bottom:0rem; padding:2rem;\"\r\n                class=\"custom-post__body__list sticky-note sticky-note--latte sticky-note--left sticky-note--straight\" dir=\"ltr\">\r\n                                <h4 class=\"custom-post__body__list--title\">\r\n                    Skills                <\/h4>\r\n                <!-- <i class=\"fa-solid fa-pen custom-post__body__list--icon\"><\/i> -->\r\n                \r\n                <ul class=\"custom-post__body__list--items\">\r\n                                        <li>-JavaScript<\/li>\r\n                                        <li>-Object-oriented programming<\/li>\r\n                                        <li>-HTML\/HTML5 &amp; CSS<\/li>\r\n                                        <li>-Python<\/li>\r\n                                    <\/ul>\r\n            <\/div>\r\n\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div class=\"flex-center\">\r\n    <div style=\"padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0\" class=\"custom-post custom-post--h-md custom-post--color-dark custom-post__header--title--a-left wp-block-designsbylb-custom-block has-text-color has-note-text-color has-background has-white-transparent-background-color\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-1\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    <span data-color=\"rgba(113, 104, 98, 0.2)\" style=\"background-image: linear-gradient(to right, rgba(113, 104, 98, 0.2), rgba(113, 104, 98, 0.2))\" class=\"blockylicious-low-highlight\">Diving deeper into JavaScript<\/span>                <\/h2>\r\n                \r\n                                <p class=\"custom-post__header--subtitle\">\r\n                    2023 to 2025 | GetCertified, w3Schools &amp; FreeCodeCamp                 <\/p>\r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--right\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>To deepen my understanding, I completed the <strong>JavaScript Algorithms<\/strong> and <strong>Data<\/strong> <strong>Structures <\/strong>certification at <strong>freeCodeCamp<\/strong>. <\/p><p>That meant writing a lot of pure <em>JavaScript<\/em>, solving algorithmic challenges, and building small apps.<\/p><p>It really sharpened my problem-solving skills and gave me confidence to tackle more advanced projects.<\/p><p><em><em>Scroll down for my certifications.<\/em><\/em><\/p><p><\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n            <div style=\"margin-top:0rem; margin-bottom:0rem; padding:2rem;\"\r\n                class=\"custom-post__body__list sticky-note sticky-note--mushroom-grey sticky-note--right sticky-note--tilted-right\" dir=\"ltr\">\r\n                                <h4 class=\"custom-post__body__list--title\">\r\n                    Skills                <\/h4>\r\n                <!-- <i class=\"fa-solid fa-pen custom-post__body__list--icon\"><\/i> -->\r\n                \r\n                <ul class=\"custom-post__body__list--items\">\r\n                                        <li>-Problem-solving skills<\/li>\r\n                                        <li>-Algorithmic thinking<\/li>\r\n                                    <\/ul>\r\n            <\/div>\r\n\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div class=\"flex-center\">\r\n    <div style=\"padding-top:3.3rem;padding-right:0;padding-bottom:3.3rem;padding-left:0\" class=\"custom-post custom-post--h-md custom-post--color-darkbrown custom-post__header--title--a-left wp-block-designsbylb-custom-block has-text-color has-note-text-color has-background has-white-transparent-background-color has-text-align-right\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-2\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid custom-post__grid--side-left\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    <span data-color=\"rgba(198, 182, 172, .5)\" style=\"background-image: linear-gradient(to right, rgba(198, 182, 172, .5), rgba(198, 182, 172, .5))\" class=\"blockylicious-low-highlight\">Software development mindset<\/span>                <\/h2>\r\n                \r\n                                <p class=\"custom-post__header--subtitle\">\r\n                    2023 to 2025 | GetCertified, w3Schools &amp; FreeCodeCamp                 <\/p>\r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--left\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>I\u2019ve also studied broader software development concepts like <strong>object-oriented<\/strong> <strong>programmig<\/strong>, <strong>databases<\/strong>, and the <strong>full development lifecycle<\/strong>. <\/p><p>Working with<strong> C#<\/strong>, <strong>SQL<\/strong> and <strong>design patterns<\/strong> helped me think more structurally about code: <em>how <\/em>to keep things maintainable, <em>how <\/em>to model data, and how to build applications that can grow over time.<\/p><p><\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n            <div style=\"margin-top:0rem; margin-bottom:0rem; padding:2rem;\"\r\n                class=\"custom-post__body__list sticky-note sticky-note--caramel sticky-note--left sticky-note--tilted-left\" dir=\"ltr\">\r\n                                <h4 class=\"custom-post__body__list--title\">\r\n                    Skills                <\/h4>\r\n                <!-- <i class=\"fa-solid fa-pen custom-post__body__list--icon\"><\/i> -->\r\n                \r\n                <ul class=\"custom-post__body__list--items\">\r\n                                        <li>-Databases<\/li>\r\n                                        <li>-SQL<\/li>\r\n                                        <li>-C#<\/li>\r\n                                    <\/ul>\r\n            <\/div>\r\n\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div class=\"flex-center wp-elements-4\">\r\n    <div style=\"padding-bottom:0;padding-top:var(--wp--preset--spacing--50);margin-top:0;margin-bottom:0\" class=\"custom-post custom-post--h-md custom-post--color-darkbrown custom-post__header--title--a-left wp-elements-4 wp-block-designsbylb-custom-block has-text-color has-note-text-color has-background has-white-transparent-background-color has-text-align-left\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-1\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    <span data-color=\"rgba(113, 104, 98, 0.2)\" style=\"background-image: linear-gradient(to right, rgba(113, 104, 98, 0.2), rgba(113, 104, 98, 0.2))\" class=\"blockylicious-low-highlight\">WordPress, PHP &amp; custom themes (Udemy)<\/span>                <\/h2>\r\n                \r\n                                <p class=\"custom-post__header--subtitle\">\r\n                    mid 2025                <\/p>\r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--right\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>Since mid-2025 I\u2019ve been diving deep into <strong>WordPress <\/strong>development with PHP and <strong>JavaScript<\/strong>. <\/p><p>I learned how to build <u class=\"my-underline\">custom themes<\/u>, work with the REST API, and extend WordPress without relying on heavy plugins. <\/p><p>This is where my love for front-end, design and \u201creal world\u201d projects really came together.<\/p><p><\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n            <div style=\"margin-top:0rem; margin-bottom:0rem; padding:2rem;\"\r\n                class=\"custom-post__body__list sticky-note sticky-note--mushroom-grey sticky-note--right sticky-note--tilted-right\" dir=\"ltr\">\r\n                                <h4 class=\"custom-post__body__list--title\">\r\n                    Skills                <\/h4>\r\n                <!-- <i class=\"fa-solid fa-pen custom-post__body__list--icon\"><\/i> -->\r\n                \r\n                <ul class=\"custom-post__body__list--items\">\r\n                                        <li>-WordPress development<\/li>\r\n                                        <li>-PHP (wp-related)<\/li>\r\n                                        <li>-JavaScript (wp-related)<\/li>\r\n                                        <li>-\/Custom WP themes<\/li>\r\n                                    <\/ul>\r\n            <\/div>\r\n\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div class=\"flex-center wp-elements-5\">\r\n    <div style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\" class=\"custom-post custom-post--h-lg custom-post--color-white custom-post__header--title--a-center wp-elements-5 wp-block-designsbylb-custom-block has-text-color has-white-color has-background has-dark-background-color has-text-align-center\">\r\n\r\n        <span class=\"custom-post__body--bnyu-icon custom-post__body--bnyu-icon__position-1\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\" alt=\"Rabbit vector\"\r\n                width=\"20\" height=\"20\">\r\n        <\/span>\r\n\r\n        <div class=\"custom-post__grid\">\r\n\r\n            <div class=\"custom-post__header\">\r\n                                <h2 class=\"custom-post__header--title\">\r\n                    <span data-color=\"rgba(113, 104, 98, 0.2)\" style=\"background-image: linear-gradient(to right, rgba(113, 104, 98, 0.2), rgba(113, 104, 98, 0.2))\" class=\"blockylicious-low-highlight\">Link to Credley certifications<\/span>                <\/h2>\r\n                \r\n                            <\/div>\r\n\r\n            <!-- Text column -->\r\n            <div class=\"custom-post__body custom-post__body--right\">\r\n\r\n\r\n\r\n\r\n                                <div class=\"custom-post__body--textarea\">\r\n                    <p>View my <strong><u class=\"my-underline\">LinkedIn<\/u> <\/strong>profile for my experience, and\/or view the Credley page for my, by Credley <strong>verified, <\/strong>certifications:<\/p><p><\/p>                <\/div>\r\n                \r\n                <!-- BUTTON:-->\r\n                                <div class=\"custom-post__btn\">\r\n                    \n\n<a class=\"wp-block-designsbylb-lb-button lb-btn lb-btn--lg lb-btn--note-bg\" style=\"margin-bottom:var(--wp--preset--spacing--80);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\" href=\"https:\/\/www.linkedin.com\/in\/laila-butrah-19863554\/\"><span><strong>LinkedIn<\/strong><\/span><\/a>\n\n\n\n<a class=\"wp-block-designsbylb-lb-button lb-btn lb-btn--lg lb-btn--white lb-btn--grad-taupe-beige\" style=\"margin-bottom:var(--wp--preset--spacing--80);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\" href=\"https:\/\/www.credly.com\/users\/laila-butrah\/badges#credly\"><span><strong>Credley<\/strong><\/span><\/a>\n\n                <\/div>\r\n                            <\/div>\r\n\r\n            <!-- Side column: image OR sticky note (direct child of grid) -->\r\n            \r\n        <\/div><!-- \/.custom-post__grid -->\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div style=\"padding-right:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80);padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--60);margin-top:var(--wp--preset--spacing--60)\" class=\"wp-block-blockylicious-piccy-gallery has-background has-dark-background-color\">\r\n    <div class=\"gallery-thumbnails\">\r\n        \n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/05\/learn-certificate-og-1024x623.png\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2026\/05\/learn-certificate-og-150x150.png\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2025\/12\/PearsonVue_Certifications-1024x495.png\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2025\/12\/PearsonVue_Certifications-150x150.png\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2025\/12\/ReactJS_PHP_WordPress_Gutenberg_block_library_React.jsUC-4dfbd376-a678-44d8-b60f-5b0e65974817-1024x757.png\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2025\/12\/ReactJS_PHP_WordPress_Gutenberg_block_library_React.jsUC-4dfbd376-a678-44d8-b60f-5b0e65974817-150x150.png\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2025\/12\/PHP_JavaScript_WP_WP_REST_API_custom_interactiveWebsites_UC-26d4bc0b-a4ef-497a-be09-5ba06ca34a85-1024x748.png\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2025\/12\/PHP_JavaScript_WP_WP_REST_API_custom_interactiveWebsites_UC-26d4bc0b-a4ef-497a-be09-5ba06ca34a85-150x150.png\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2025\/12\/javascript-algorithms-and-data-structures-v8-1024x697.jpg\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2025\/12\/javascript-algorithms-and-data-structures-v8-150x150.jpg\" class=\"thumb\" \/>\r\n<\/div>\n\n\r\n<div style=\"display: block\" class=\"wp-block-blockylicious-piccy-image\">\r\n    <!-- Access data via js: converted into largeSize-->\r\n    <img decoding=\"async\" data-large-size=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2025\/12\/Advanced_CSS_SASS_flexbox_gridd_animations_UC-90394aad-dc79-427b-8747-4c7d5f017a48-1024x769.png\" src=\"https:\/\/www.designsbylb.com\/wp-content\/uploads\/2025\/12\/Advanced_CSS_SASS_flexbox_gridd_animations_UC-90394aad-dc79-427b-8747-4c7d5f017a48-150x150.png\" class=\"thumb\" \/>\r\n<\/div>\n    <\/div>\r\n    <div>\r\n        <img class=\"image-preview\" alt=\"gallery image\">\r\n\r\n        <span>\r\n            <img loading=\"lazy\" decoding=\"async\" class=\"bnyu-icon\" src=\"https:\/\/www.designsbylb.com\/wp-content\/themes\/designsbylb\/images\/transparant-bunny.png\"\r\n                alt=\"Rabbit vector\" width=\"20\" height=\"20\">\r\n        <\/span>\r\n    <\/div>\r\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":10,"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":559,"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/pages\/16\/revisions\/559"}],"wp:attachment":[{"href":"https:\/\/www.designsbylb.com\/nl\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}