{"id":612,"date":"2023-06-15T15:40:05","date_gmt":"2023-06-15T15:40:05","guid":{"rendered":"https:\/\/emmalodder.nl\/?page_id=612"},"modified":"2023-06-19T16:02:46","modified_gmt":"2023-06-19T16:02:46","slug":"portfolio-advocatenkantoor","status":"publish","type":"page","link":"https:\/\/emmalodder.nl\/?page_id=612","title":{"rendered":"Portfolio &#8211; Advocatenkantoor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"612\" class=\"elementor elementor-612\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fd8fae4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fd8fae4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-348fb44\" data-id=\"348fb44\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3193ea1 elementor-widget elementor-widget-spacer\" data-id=\"3193ea1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5817fe7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5817fe7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b173ef7\" data-id=\"b173ef7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-69bb005 elementor-widget elementor-widget-heading\" data-id=\"69bb005\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Advocatenkantoor | Schoolopdracht<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf2fd09 elementor-widget elementor-widget-text-editor\" data-id=\"cf2fd09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Voor deze schoolopdracht bestaat uit het designen en programmeren (HTML, CSS) van een website voor een advocatenkantoor.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ed37e6 elementor-widget elementor-widget-spacer\" data-id=\"9ed37e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8f78cf4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8f78cf4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-cd05094\" data-id=\"cd05094\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1f7df52 elementor-widget elementor-widget-text-editor\" data-id=\"1f7df52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>1. Design<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5683fbb elementor-widget elementor-widget-text-editor\" data-id=\"5683fbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Voor deze opdracht moesten we een website designen en programmeren voor een advocatenkantoor. We kregen van te voren lettertypes en afbeeldingen en een aantal kleine teksten. Hiermee moesten we dan zelf het ontwerp maken. Hiernaast zie je mijn ontwerp voor de homepagina die ik uiteindelijk ook heb geprogrammeerd.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8dcc0b5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8dcc0b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fd5356 elementor-widget elementor-widget-text-editor\" data-id=\"9fd5356\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"color: #ffffff;\">Link naar geprogrammeerde website:<br \/><a href=\"https:\/\/emmalodder21138591.netlify.app\/\">https:\/\/emmalodder21138591.netlify.app\/<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-867bfe5 elementor-widget elementor-widget-text-editor\" data-id=\"867bfe5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"color: #ffffff;\"><span style=\"font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">Let op: dit is alleen de homepagina met de specialisaties &amp; services pagina en de strafrechtpagina.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-892ac1b\" data-id=\"892ac1b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b45988e elementor-widget elementor-widget-image\" data-id=\"b45988e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"666\" height=\"1024\" src=\"https:\/\/emmalodder.nl\/wp-content\/uploads\/2023\/06\/Home-666x1024.png\" class=\"attachment-large size-large wp-image-492\" alt=\"\" srcset=\"https:\/\/emmalodder.nl\/wp-content\/uploads\/2023\/06\/Home-666x1024.png 666w, https:\/\/emmalodder.nl\/wp-content\/uploads\/2023\/06\/Home-195x300.png 195w, https:\/\/emmalodder.nl\/wp-content\/uploads\/2023\/06\/Home-768x1182.png 768w, https:\/\/emmalodder.nl\/wp-content\/uploads\/2023\/06\/Home-998x1536.png 998w, https:\/\/emmalodder.nl\/wp-content\/uploads\/2023\/06\/Home-1331x2048.png 1331w, https:\/\/emmalodder.nl\/wp-content\/uploads\/2023\/06\/Home.png 1920w\" sizes=\"(max-width: 666px) 100vw, 666px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-db70c95\" data-id=\"db70c95\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-686b09a elementor-widget elementor-widget-text-editor\" data-id=\"686b09a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>2. Uitwerking<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15617d4 elementor-widget elementor-widget-text-editor\" data-id=\"15617d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Na het designen ben ik doorgegaan met het programmeren. Ik vond het handig om eerst alle elementen in de HTML te zetten en ze daarna pas helemaal aan te passen met de CSS.\u00a0<\/p><p>Als designer is het belangrijk dat je enige kennis heb van programmeren. Je moet natuurlijk goed kunnen samenwerken met developers en snappen wat wel en niet kan. Ook is het erg leerzaam voor bijvoorbeeld overdraagbaarheid.\u00a0<\/p><p>Het leren programmeren en het programmeren zelf vond ik een erg leuke uitdaging en zou ik zo nog eens doen.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5267419 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5267419\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ff5b214\" data-id=\"ff5b214\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7428876 elementor-widget elementor-widget-spacer\" data-id=\"7428876\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c841f6 elementor-widget elementor-widget-text-editor\" data-id=\"5c841f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Vaardigheden:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c01e2ef elementor-widget elementor-widget-text-editor\" data-id=\"c01e2ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>&#8211; Wireframing<\/p><p>&#8211; Design<\/p><p>&#8211; HTML<\/p><p>&#8211; CSS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4b370d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a4b370d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79a6576 elementor-widget elementor-widget-button\" data-id=\"79a6576\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/emmalodder.nl\/?page_id=14\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-arrow-alt-circle-left\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Terug naar Portfolio<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e1c204 elementor-widget elementor-widget-spacer\" data-id=\"0e1c204\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-719d466 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"719d466\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e594d70\" data-id=\"e594d70\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Advocatenkantoor | Schoolopdracht Voor deze schoolopdracht bestaat uit het designen en programmeren (HTML, CSS) van een website voor een advocatenkantoor.\u00a0 1. Design Voor deze opdracht moesten we een website designen en programmeren voor een advocatenkantoor. We kregen van te voren lettertypes en afbeeldingen en een aantal kleine teksten. Hiermee moesten we dan zelf het ontwerp [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-612","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/emmalodder.nl\/index.php?rest_route=\/wp\/v2\/pages\/612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emmalodder.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/emmalodder.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/emmalodder.nl\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/emmalodder.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=612"}],"version-history":[{"count":52,"href":"https:\/\/emmalodder.nl\/index.php?rest_route=\/wp\/v2\/pages\/612\/revisions"}],"predecessor-version":[{"id":702,"href":"https:\/\/emmalodder.nl\/index.php?rest_route=\/wp\/v2\/pages\/612\/revisions\/702"}],"wp:attachment":[{"href":"https:\/\/emmalodder.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}