{"id":308,"date":"2023-12-08T10:28:24","date_gmt":"2023-12-08T10:28:24","guid":{"rendered":"https:\/\/saintdevlabs.co.za\/media\/?page_id=308"},"modified":"2024-01-03T14:25:41","modified_gmt":"2024-01-03T14:25:41","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/saintdevlabs.co.za\/media\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:400px\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-top has-text-color has-background has-link-color wp-elements-97830c8e923a7487ba4ea8c5d8d6b3fa\" style=\"color:#fffdc7;background-color:#121c1c;grid-template-columns:auto 40%\"><div class=\"wp-block-media-text__content\">\n<div class=\"wp-block-group has-link-color wp-elements-41cb9c6794a40a1b33ccbbd99b0f4e2a is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:3rem;margin-bottom:3rem;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em\">\n<h1 class=\"wp-block-heading has-text-color\" style=\"color:#c89116;margin-top:0;font-size:75px;font-weight:700;line-height:1.15\">Portfolio<\/h1>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-46480e9961d36777765e5e240cb74796\" style=\"color:#fffdc7\">Here at SDL Studios, we do things unconventionally. We&#8217;re always about breaking the boundaries of what can be done and how many different ways it can be captured. Having been raised according to the &#8216;Status Quo,&#8217; it&#8217;s only right that we get to define it and leave an image of us for the next wanderers to capture.<\/p>\n\n\n\n<p class=\"has-foreground-color has-text-color has-link-color wp-elements-ba2aad7f3568a06642fdd744ecc1cd48\"><strong><a href=\"https:\/\/saintdevlabs.co.za\/request-quote\/\" data-type=\"link\" data-id=\"https:\/\/saintdevlabs.co.za\/request-quote\/\">Request Quote \u2192<\/a><\/strong><\/p>\n<\/div>\n<\/div><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" src=\"https:\/\/s.w.org\/patterns\/files\/2021\/06\/image-from-rawpixel-id-430289-jpeg-1-1024x1024.jpg\" alt=\"\" class=\"wp-image-590 size-full\"\/><\/figure><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#c89116;color:#c89116\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-background-color has-text-color has-background\" style=\"background-color:#c89116;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">Expanded Picture Container<\/h2>\n\n\n\n<div class=\"container\" id=\"expandedContainer\">\n  <span onclick=\"closeContainer()\" class=\"closebtn\">&times;<\/span>\n  <img id=\"expandedImg\" style=\"width:100%\">\n  <div id=\"imgtext\"><\/div>\n<\/div>\n\n<script>\nfunction myFunction(imgs) {\n  var expandImg = document.getElementById(\"expandedImg\");\n  var imgText = document.getElementById(\"imgtext\");\n  expandImg.src = imgs.src;\n  imgText.innerHTML = imgs.alt;\n\n  var expandedContainer = document.getElementById(\"expandedContainer\");\n  expandedContainer.style.display = \"block\";\n\n  \/\/ Scroll to the expanded container\n  expandedContainer.scrollIntoView({ behavior: 'smooth' });\n}\n\nfunction closeContainer() {\n  var expandedContainer = document.getElementById(\"expandedContainer\");\n  expandedContainer.style.display = \"none\";\n}\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#c89116;color:#c89116\"\/>\n\n\n\n<div class=\"wp-block-group has-white-background-color has-background is-layout-flow wp-container-core-group-is-layout-7cd23d70 wp-block-group-is-layout-flow\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html>\n<head>\n\n<style>\n* {\n  box-sizing: border-box;\n}\n\nh2 {\n   padding-top: 25px;\n   }\nbody {\n  margin: 0;\n  font-family: Arial;\n}\n\n\/* The grid: Four equal columns that floats next to each other *\/\n.column {\n  float: left;\n  width: 25%;\n  padding: 10px;\n}\n\n\/* Style the images inside the grid *\/\n.column img {\n  opacity: 0.8; \n  cursor: pointer; \n}\n\n.column img:hover {\n  opacity: 1;\n}\n\n\/* Clear floats after the columns *\/\n.row:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n\/* The expanding image container *\/\n.container {\n  position: relative;\n  display: none;\n}\n\n\/* Expanding image text *\/\n#imgtext {\n  position: absolute;\n  bottom: 15px;\n  left: 15px;\n  color: white;\n  font-size: 20px;\n}\n\n\/* Closable button inside the expanded image *\/\n.closebtn {\n  position: absolute;\n  top: 10px;\n  right: 15px;\n  color: white;\n  font-size: 35px;\n  cursor: pointer;\n}\n<\/style>\n<\/head>\n<body>\n\n<div style=\"text-align:center;\">\n  <a href=\"https:\/\/drive.google.com\/drive\/folders\/1JURpImsqwSJAMzqAj-acki6YrXNUzGq3?usp=drive_link\">\n  <h1 style=\"color: black;\">A Maziv Year End<\/h1>\n  <\/a>\n  <p>Click image to expand:<\/p>\n<\/div>\n\n<!-- The four columns -->\n<div class=\"row\">\n  <div class=\"column\">\n    <img decoding=\"async\" src=\"https:\/\/saintdevlabs.co.za\/media\/wp-content\/uploads\/sites\/3\/2023\/12\/20231201_181425-scaled.jpg\" alt=\"Nessa &#038; Fifi\" style=\"width:100%\" onclick=\"myFunction(this);\">\n  <\/div>\n  <div class=\"column\">\n    <img decoding=\"async\" src=\"https:\/\/saintdevlabs.co.za\/media\/wp-content\/uploads\/sites\/3\/2023\/12\/20231201_173559-scaled.jpg\" alt=\"Finance Legends\" style=\"width:100%\" onclick=\"myFunction(this);\">\n  <\/div>\n  <div class=\"column\">\n    <img decoding=\"async\" src=\"https:\/\/saintdevlabs.co.za\/media\/wp-content\/uploads\/sites\/3\/2023\/12\/20231201_172913-scaled.jpg\" alt=\"Parts Of Finance\" style=\"width:100%\" onclick=\"myFunction(this);\">\n  <\/div>\n  <div class=\"column\">\n    <img decoding=\"async\" src=\"https:\/\/saintdevlabs.co.za\/media\/wp-content\/uploads\/sites\/3\/2023\/12\/20231201_143240-scaled.jpg\" alt=\"Early Birds\" style=\"width:100%\" onclick=\"myFunction(this);\">\n  <\/div>\n<\/div>\n\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#c89116;color:#c89116\"\/>\n\n\n\n<div class=\"wp-block-group has-foreground-background-color has-background is-layout-flow wp-container-core-group-is-layout-7cd23d70 wp-block-group-is-layout-flow\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html>\n<head>\n\n<style>\n* {\n  box-sizing: border-box;\n}\n\nh2 {\n   padding-top: 25px;\n   }\n\ndiv a {\n  text-decoration: none;\n  color: #C8911680;\n  }\n\ndiv a:hover {\n  color: #C89116;\n  }\n\nbody {\n  margin: 0;\n  font-family: Arial;\n}\n\n\/* The grid: Four equal columns that floats next to each other *\/\n.column {\n  float: left;\n  width: 25%;\n  padding: 10px;\n}\n\n\/* Style the images inside the grid *\/\n.column img {\n  opacity: 0.8; \n  cursor: pointer; \n}\n\n.column img:hover {\n  opacity: 1;\n}\n\n\/* Clear floats after the columns *\/\n.row:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n\/* The expanding image container *\/\n.container {\n  position: relative;\n  display: none;\n}\n\n\/* Expanding image text *\/\n#imgtext {\n  position: absolute;\n  bottom: 15px;\n  left: 15px;\n  color: white;\n  font-size: 20px;\n}\n\n\/* Closable button inside the expanded image *\/\n.closebtn {\n  position: absolute;\n  top: 10px;\n  right: 15px;\n  color: white;\n  font-size: 35px;\n  cursor: pointer;\n}\n<\/style>\n<\/head>\n<body>\n\n<div style=\"text-align:center;\">\n  <a href=\"https:\/\/drive.google.com\/drive\/folders\/1NJAW_SppGQ8Q_7dhqMRWLaBmWB894Sxd?usp=drive_link\">\n  <h1 style=\"color: white;\">Vuma Graduation<\/h1>\n  <\/a>\n  <p>Click image to expand:<\/p>\n<\/div>\n\n<!-- The four columns -->\n<div class=\"row\">\n  <div class=\"column\">\n    <img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?export=view&#038;id=1NJjXKPz_caHWE0HhSZV9V6ndnLRWxRQ0\" alt=\"Friends to Graduates\" style=\"width:100%\" onclick=\"myFunction(this);\">\n  <\/div>\n  <div class=\"column\">\n    <img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?export=view&#038;id=1P9T8rTdNHOzAMYXYaBBjnoyhUPeD1VBu\" alt=\"Carrissa\" style=\"width:100%\" onclick=\"myFunction(this);\">\n  <\/div>\n  <div class=\"column\">\n    <img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?export=view&#038;id=1Oy9SsgqMMssDxOJeddQsQ10ZmldDxDtS\" alt=\"Letisha\" style=\"width:100%\" onclick=\"myFunction(this);\">\n  <\/div>\n  <div class=\"column\">\n    <img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?export=view&#038;id=1PeCb17PxfurRDbW1BRRla9GbqeXXbLgK\" alt=\"Sku Zulu\" style=\"width:100%\" onclick=\"myFunction(this);\">\n  <\/div>\n<\/div>\n\n\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#c89116;color:#c89116\"\/>\n\n\n\n<div class=\"wp-block-group has-background is-layout-flow wp-container-core-group-is-layout-7cd23d70 wp-block-group-is-layout-flow\" style=\"background-color:#fefefe;margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html>\n<head>\n\n<style>\n* {\n  box-sizing: border-box;\n}\n\nh2 {\n   padding-top: 25px;\n   }\n\ndiv a {\n  text-decoration: none;\n  color: #C8911680;\n  }\n\ndiv a:hover {\n  color: #C89116;\n  }\n\nbody {\n  margin: 0;\n  font-family: Arial;\n}\n\n\/* The grid: Four equal columns that floats next to each other *\/\n.column {\n  float: left;\n  width: 25%;\n  padding: 10px;\n}\n\n\/* Style the images inside the grid *\/\n.column img {\n  opacity: 0.8; \n  cursor: pointer; \n}\n\n.column img:hover {\n  opacity: 1;\n}\n\n\/* Clear floats after the columns *\/\n.row:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n\/* The expanding image container *\/\n.container {\n  position: relative;\n  display: none;\n}\n\n\/* Expanding image text *\/\n#imgtext {\n  position: absolute;\n  bottom: 15px;\n  left: 15px;\n  color: white;\n  font-size: 20px;\n}\n\n\/* Closable button inside the expanded image *\/\n.closebtn {\n  position: absolute;\n  top: 10px;\n  right: 15px;\n  color: white;\n  font-size: 35px;\n  cursor: pointer;\n}\n<\/style>\n<\/head>\n<body>\n\n<div style=\"text-align:center;\">\n  <a href=\"https:\/\/drive.google.com\/drive\/folders\/1YFsZsDrTPINh3LEBmwd2VrnM6OrL43s5?usp=drive_link\">\n  <h1 style=\"color: black;\">A Day At The Bird Park<\/h1>\n  <\/a>\n  <p>Click image to expand:<\/p>\n<\/div>\n\n<!-- The four columns -->\n<div class=\"row\">\n  <div class=\"column\">\n    <img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?export=view&#038;id=1b_IOTjqWJt5kGa77n5rS_O_BpX4iMruI\" alt=\"Tamarin\" style=\"width:100%\" onclick=\"myFunction(this);\">\n  <\/div>\n  <div class=\"column\">\n    <img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?export=view&#038;id=1bENAjfzmcfRisbgB3TCD4T_f_lmcVtpz\" alt=\"Macaw\" style=\"width:100%\" onclick=\"myFunction(this);\">\n  <\/div>\n  <div class=\"column\">\n    <img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?export=view&#038;id=1_BQb1pejipyz9-2cu_waRwchHEzySVo2\" alt=\"Mandarin Duck\" style=\"width:100%\" onclick=\"myFunction(this);\">\n  <\/div>\n  <div class=\"column\">\n    <img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?export=view&#038;id=1cbOq_nPVShXzf-acP1cVvlUGzKmD1_oH\" alt=\"Blue Duiker\" style=\"width:100%\" onclick=\"myFunction(this);\">\n  <\/div>\n<\/div>\n\n\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#c89116;color:#c89116\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Portfolio Here at SDL Studios, we do things unconventionally. We&#8217;re always about breaking the boundaries [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"w-no-header","meta":{"footnotes":""},"class_list":["post-308","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saintdevlabs.co.za\/media\/wp-json\/wp\/v2\/pages\/308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saintdevlabs.co.za\/media\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saintdevlabs.co.za\/media\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saintdevlabs.co.za\/media\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saintdevlabs.co.za\/media\/wp-json\/wp\/v2\/comments?post=308"}],"version-history":[{"count":187,"href":"https:\/\/saintdevlabs.co.za\/media\/wp-json\/wp\/v2\/pages\/308\/revisions"}],"predecessor-version":[{"id":825,"href":"https:\/\/saintdevlabs.co.za\/media\/wp-json\/wp\/v2\/pages\/308\/revisions\/825"}],"wp:attachment":[{"href":"https:\/\/saintdevlabs.co.za\/media\/wp-json\/wp\/v2\/media?parent=308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}