{"id":437,"date":"2025-09-19T22:53:26","date_gmt":"2025-09-19T22:53:26","guid":{"rendered":"https:\/\/alemu.ca\/?page_id=437"},"modified":"2025-09-19T22:53:47","modified_gmt":"2025-09-19T22:53:47","slug":"seppos-auto-grooming-mockups","status":"publish","type":"page","link":"https:\/\/alemu.ca\/?page_id=437","title":{"rendered":"Seppo&#8217;s Auto Grooming Mockups"},"content":{"rendered":"\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-1cd70c73 wp-block-group-is-layout-constrained\">\n<head>\n    <style>\n    body {background-color: #FFFFFF;}\n    .main-content {padding: 10em; display: flex; justify-content: center; flex-direction: column; align-items: center; row-gap: 2em;}\n    h1   {color: #1A0B12; font-family: \"Clash Display Variable\"; font-weight: 800;}\n    p    {color: #1A0B12; font-family: Ubuntu;}\n    .description-blocks {display: flex; flex-direction: row; column-gap: 3em; justify-content: space-evenly; flex: 1 0;}\n    .project-description {display: flex; flex-direction: column; flex: 1 0; box-shadow: 0 4px 4px 0 rgb(0 0 0 \/ 0.3); border-radius: 10px; padding: 1em 1em 1em 2em}\n    .subheading {color: #1A0B12; font-family: \"Clash Display Variable\"; font-weight: 500;}\n    .timeline {display: flex; flex-direction: column; text-align: right; flex: 1 0; box-shadow: 0 4px 4px 0 rgb(0 0 0 \/ 0.3); border-radius: 10px; padding: 1em 2em 1em 1em}\n    .img-label {display: flex; box-shadow: 0 4px 4px 0 rgb(0 0 0 \/ 0.3); border-radius: 10px; padding: 0.5em 3em 0.5em 3em; flex: 1}\n    .mockup-photos {display: flex; flex-direction: row; justify-content: center; column-gap: 1em;}\n    .poster {max-width: 650px;}\n    @media screen and (max-width: 400px) {\n        .main-content {padding: 1em; display: flex; justify-content: center; flex-direction: column; align-items: center}\n        .description-blocks {display: flex; flex-direction: column; row-gap: 3px; justify-content: space-evenly;}\n        .timeline {display: flex; flex-direction: column; text-align: left;}\n        .mockup-photos {display: flex; flex-direction: column; justify-content: center; row-gap: 1em;}\n        .poster {max-width: 350px;}\n    }\n    <\/style>\n    <\/head>\n    <body>\n        <div class=\"main-content\">\n            <div class=\"description-blocks\">\n                <div class=\"project-description\">\n                    <h2 class=\"subheading\">Project Description<\/h2>\n                    <p>A freelance project done for Seppo&#8217;s Automotive Grooming to provide them with two mockups for a products with updated packaging.<\/p>\n                <\/div>\n                <div class=\"timeline\">\n                    <h2 class=\"subheading\">Timeline<\/h2>\n                    <p>2 Days<\/p>\n                    <h2 class=\"subheading\">Programs Used<\/h2>\n                    <p>Adobe Illustrator, Photoshop<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"mockup-photos\">\n                <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/09\/Beard-Butter_Mockup-Green-scaled.png\" class=\"poster\"\/>\n            <\/div>\n            <div class=\"img-label\">\n                <p>Beard Butter Mockup &#8211; Green<\/p>\n            <\/div>\n            <div class=\"mockup-photos\">\n                <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/09\/Beard-Butter_Mockup-Yellow-scaled.png\" class=\"poster\"\/>\n            <\/div>\n            <div class=\"img-label\">\n                <p>Beard Butter Mockup &#8211; Yellow<\/p>\n            <\/div>\n            <div class=\"mockup-photos\">\n                <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/09\/Moustache-Wax-Mockup-Dark-Pass3.png\" class=\"poster\"\/>\n            <\/div>\n            <div class=\"img-label\">\n                <p>Moustache Wax Mockup &#8211; Dark<\/p>\n            <\/div>\n            <div class=\"mockup-photos\">\n                <img decoding=\"async\" src=\"https:\/\/alemu.ca\/wp-content\/uploads\/2025\/09\/Moustache-Wax-Mockup-Light-Pass3.png\" class=\"poster\"\/>\n            <\/div>\n            <div class=\"img-label\">\n                <p>Moustache Wax Mockup &#8211; Light<\/p>\n            <\/div>\n    <\/body>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Project Description A freelance project done for Seppo&#8217;s Automotive Grooming to provide them with two mockups for a products with updated packaging. Timeline 2 Days Programs Used Adobe Illustrator, Photoshop Beard Butter Mockup &#8211; Green Beard Butter Mockup &#8211; Yellow Moustache Wax Mockup &#8211; Dark Moustache Wax Mockup &#8211; Light<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-437","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages\/437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alemu.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=437"}],"version-history":[{"count":3,"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages\/437\/revisions"}],"predecessor-version":[{"id":444,"href":"https:\/\/alemu.ca\/index.php?rest_route=\/wp\/v2\/pages\/437\/revisions\/444"}],"wp:attachment":[{"href":"https:\/\/alemu.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}