{"id":22,"date":"2026-07-26T19:01:02","date_gmt":"2026-07-26T19:01:02","guid":{"rendered":"https:\/\/digitalgrowth.digital\/?page_id=22"},"modified":"2026-07-26T19:23:07","modified_gmt":"2026-07-26T19:23:07","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/digitalgrowth.digital\/?page_id=22","title":{"rendered":"Portfolio"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap');\n  :root{\n    --bg:#EEF2ED; --ink:#1C1B18; --forest:#1B4332; --forest-deep:#10281E;\n    --amber:#E8A33D; --clay:#A45C28; --line:rgba(28,27,24,0.12); --paper:#FBFAF6;\n  }\n  *{box-sizing:border-box;}\n  body{ margin:0; background:var(--bg); color:var(--ink); font-family:'Inter',sans-serif; line-height:1.55; }\n  h1,h2,h3{ font-family:'Fraunces',serif; font-weight:600; margin:0; letter-spacing:-0.01em; color:var(--forest-deep); }\n  a{ color:inherit; text-decoration:none; }\n  .wrap{ max-width:1120px; margin:0 auto; padding:0 24px; }\n  .eyebrow{ font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:0.12em; text-transform:uppercase; color:var(--clay); display:flex; align-items:center; gap:8px; margin-bottom:14px; }\n  .eyebrow::after{ content:\"\"; flex:1; height:1px; background:var(--line); max-width:60px; }\n  nav{ position:sticky; top:0; z-index:50; background:rgba(238,242,237,0.9); backdrop-filter:blur(8px); border-bottom:1px solid var(--line); }\n  nav .wrap{ display:flex; align-items:center; justify-content:space-between; height:72px; }\n  .logo{ font-family:'Fraunces',serif; font-weight:700; font-size:19px; }\n  .logo .dot{ color:var(--amber); }\n  .nav-links{ display:flex; gap:24px; font-size:14px; font-weight:500; }\n  .nav-links a{ opacity:0.75; } .nav-links a:hover{ opacity:1; }\n  .nav-links a.current{ opacity:1; color:var(--forest); font-weight:700; }\n  .btn{ display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:14px; padding:11px 20px; border-radius:3px; cursor:pointer; }\n  .btn-primary{ background:var(--amber); color:var(--forest-deep); }\n  .btn-primary:hover{ box-shadow:0 6px 18px rgba(232,163,61,0.4); }\n  header.page-head{ padding:72px 0 40px; max-width:640px; }\n  header.page-head p{ font-size:18px; color:rgba(28,27,24,0.75); }\n  header.page-head h1{ font-size:clamp(34px,4.8vw,52px); margin-bottom:16px; }\n\n  .note-band{ background:var(--paper); border:1px solid var(--line); border-radius:6px; padding:22px 26px; margin-bottom:40px; font-size:14px; color:rgba(28,27,24,0.75); }\n\n  .projects{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding-bottom:80px; }\n  .project-card{ background:var(--paper); border:1px solid var(--line); border-radius:6px; overflow:hidden; display:flex; flex-direction:column; }\n  .project-thumb{ height:160px; background:linear-gradient(135deg, var(--forest) 0%, var(--forest-deep) 100%); }\n  .project-body{ padding:22px; display:flex; flex-direction:column; gap:8px; flex:1; }\n  .project-tag{ font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--clay); text-transform:uppercase; letter-spacing:0.06em; }\n  .project-card h3{ font-size:18px; }\n  .project-card p{ font-size:14px; color:rgba(28,27,24,0.7); margin:0; flex:1; }\n\n  .cta-band{ background:var(--forest-deep); }\n  .cta-band .wrap{ display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; padding:56px 24px; }\n  .cta-band h2{ color:#fff; font-size:26px; max-width:420px; }\n\n  footer{ background:var(--forest-deep); color:rgba(239,237,228,0.6); padding:40px 0; font-size:13px; text-align:center; }\n  @media (max-width:820px){ .nav-links{ display:none; } .projects{ grid-template-columns:1fr; } }\n\n  \/* ---- WordPress theme-conflict fixes (added for embedding as a Custom HTML block) ---- *\/\n  .dg-breakout { width: 100%; max-width: 100%; }\n  \/* Neutralize the theme's content-area width constraints, wherever they are *\/\n  body :where(.entry-content, .wp-block-post-content, .is-layout-constrained, main, .wp-site-blocks main, .wp-block-group) {\n    max-width: 100% !important;\n    width: 100% !important;\n    padding: 0 !important;\n    margin: 0 !important;\n  }\n  \/* Hide the theme's own header\/footer template parts so only our custom nav\/footer show *\/\n  .wp-site-blocks > header,\n  .wp-site-blocks > footer,\n  header.wp-block-template-part,\n  footer.wp-block-template-part {\n    display: none !important;\n  }\n<\/style>\n\n<div class=\"dg-breakout\">\n\n\n<nav>\n  <div class=\"wrap\">\n    <a href=\"index.html\" class=\"logo\">Digital Growth<span class=\"dot\">.<\/span><\/a>\n    <div class=\"nav-links\">\n      <a href=\"services.html\">Services<\/a>\n      <a href=\"tools.html\">Tools<\/a>\n      <a href=\"portfolio.html\" class=\"current\">Portfolio<\/a>\n      <a href=\"about.html\">About<\/a>\n      <a href=\"blog.html\">Blog<\/a>\n      <a href=\"contact.html\">Contact<\/a>\n      <a href=\"registration.html\">Registration<\/a>\n    <\/div>\n    <a href=\"registration.html\" class=\"btn btn-primary\">\ud83d\ude80 Start Your Growth<\/a>\n  <\/div>\n<\/nav>\n\n<header class=\"page-head\">\n  <div class=\"wrap\">\n    <div class=\"eyebrow\">Portfolio<\/div>\n    <h1>Early work, real results.<\/h1>\n    <p>We&#8217;re a young agency \u2014 here&#8217;s a look at the projects we&#8217;ve worked on so far, with more added as we grow.<\/p>\n  <\/div>\n<\/header>\n\n<div class=\"wrap\">\n  <div class=\"note-band\">\n    \ud83d\udccc <strong>Note:<\/strong> replace these with your actual project details, screenshots, and results once you&#8217;re ready \u2014 even 2\u20133 real (informal) projects with honest outcomes will build more trust than generic placeholders.\n  <\/div>\n\n  <div class=\"projects\">\n    <div class=\"project-card\">\n      <div class=\"project-thumb\"><\/div>\n      <div class=\"project-body\">\n        <div class=\"project-tag\">Web Development<\/div>\n        <h3>[Client \/ Project Name]<\/h3>\n        <p>Short description of what you built and the result \u2014 e.g. &#8220;Built a business website and improved page load time by X%.&#8221;<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"project-card\">\n      <div class=\"project-thumb\"><\/div>\n      <div class=\"project-body\">\n        <div class=\"project-tag\">Social Media Marketing<\/div>\n        <h3>[Client \/ Project Name]<\/h3>\n        <p>Short description \u2014 e.g. &#8220;Grew Instagram following from X to Y in three months through content strategy.&#8221;<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"project-card\">\n      <div class=\"project-thumb\"><\/div>\n      <div class=\"project-body\">\n        <div class=\"project-tag\">Paid Advertising<\/div>\n        <h3>[Client \/ Project Name]<\/h3>\n        <p>Short description \u2014 e.g. &#8220;Ran a Meta Ads campaign that generated X leads at a cost-per-lead of Y.&#8221;<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<section class=\"cta-band\">\n  <div class=\"wrap\">\n    <h2>Want to be our next success story?<\/h2>\n    <a href=\"registration.html\" class=\"btn btn-primary\">\ud83d\udcc8 Get a Free Marketing Audit<\/a>\n  <\/div>\n<\/section>\n\n<footer>\u00a9 2026 Digital Growth Marketing Agency<\/footer>\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Digital Growth. Services Tools Portfolio About Blog Contact Registration \ud83d\ude80 Start Your Growth Portfolio Early work, real results. We&#8217;re a young agency \u2014 here&#8217;s a look at the projects we&#8217;ve worked on so far, with more added as we grow. \ud83d\udccc Note: replace these with your actual project details, screenshots, and results once you&#8217;re ready [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digitalgrowth.digital\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalgrowth.digital\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitalgrowth.digital\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitalgrowth.digital\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalgrowth.digital\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":1,"href":"https:\/\/digitalgrowth.digital\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/digitalgrowth.digital\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/digitalgrowth.digital\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}