</> ConvertAtlas Developer Tools
Portfolio & Resume · Advanced

Adrian Wolfe — Business Consultant Portfolio

A premium corporate portfolio for business and strategy consultants: a split hero with a results panel, a services grid, animated business-result statistics, numbered case studies, a four-step engagement process, an experience timeline, testimonials and a consultation booking form.

Uses Bootstrap 5. Bootstrap 5 plus the CDN tag below. The downloaded file already includes everything.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
<nav class="bc-nav" data-rv>
  <a class="bc-brand" href="#top">Adrian<b>Wolfe</b></a>
  <div class="bc-links"><a href="#services">Services</a><a href="#results">Results</a><a href="#cases">Case studies</a><a href="#process">Process</a><a href="#contact">Contact</a></div>
  <a class="bc-nav-cta" href="#contact">Book a consultation</a>
</nav>

<header id="top" class="bc-hero">
  <div class="bc-hero-inner">
    <div class="bc-hero-text" data-rv>
      <span class="bc-tag">Business Strategy Consultant</span>
      <h1>I help companies make the <span>right</span> decisions.</h1>
      <p>For 16 years I've advised founders, boards and executive teams on strategy, growth and turnaround. €500M+ in value created across 80+ engagements.</p>
      <div class="bc-hero-btns"><a class="bc-btn bc-btn-fill" href="#contact">Book a consultation</a><a class="bc-btn bc-btn-out" href="#cases">View case studies</a></div>
    </div>
    <div class="bc-hero-panel" data-rv>
      <div class="bc-panel-row"><span>Value created</span><b>€500M+</b></div>
      <div class="bc-panel-row"><span>Engagements</span><b>80+</b></div>
      <div class="bc-panel-row"><span>Industries</span><b>12</b></div>
      <div class="bc-panel-row"><span>Client NPS</span><b>92</b></div>
    </div>
  </div>
</header>

<section id="services" class="bc-sec">
  <div class="bc-head" data-rv><span class="bc-kick">Services</span><h2>How I help</h2></div>
  <div class="bc-svc-grid">
    <div class="bc-svc" data-rv><div class="bc-svc-ico">◆</div><h3>Growth strategy</h3><p>Market entry, pricing and go-to-market plans grounded in data and validated with your team.</p></div>
    <div class="bc-svc" data-rv><div class="bc-svc-ico">◇</div><h3>Operational turnaround</h3><p>Diagnose what's broken, rebuild the operating model and restore profitability fast.</p></div>
    <div class="bc-svc" data-rv><div class="bc-svc-ico">▲</div><h3>M&amp;A advisory</h3><p>Due diligence, valuation support and post-merger integration that actually delivers synergies.</p></div>
    <div class="bc-svc" data-rv><div class="bc-svc-ico">■</div><h3>Executive coaching</h3><p>Trusted sparring partner for founders and C-suite leaders navigating big decisions.</p></div>
  </div>
</section>

<section id="results" class="bc-sec bc-sec-dark">
  <div class="bc-head" data-rv><span class="bc-kick bc-kick-l">By the numbers</span><h2 class="bc-h2-l">Business results</h2></div>
  <div class="bc-results">
    <div class="bc-result" data-rv data-count="500"><b>0</b><span>M € value created</span></div>
    <div class="bc-result" data-rv data-count="80"><b>0</b><span>engagements delivered</span></div>
    <div class="bc-result" data-rv data-count="35"><b>0</b><span>% avg. margin gain</span></div>
    <div class="bc-result" data-rv data-count="16"><b>0</b><span>years advising</span></div>
  </div>
</section>

<section id="cases" class="bc-sec">
  <div class="bc-head" data-rv><span class="bc-kick">Case studies</span><h2>Selected engagements</h2></div>
  <div class="bc-cases">
    <article class="bc-case" data-rv>
      <div class="bc-case-num">01</div>
      <div class="bc-case-body"><span class="bc-case-cat">Manufacturing · Turnaround</span><h3>From €8M loss to profit in 18 months</h3><p>Restructured operations and supply chain for a 600-person manufacturer, restoring profitability and saving 400 jobs.</p><div class="bc-case-tags"><span>+€14M EBITDA</span><span>−22% costs</span><span>18 months</span></div></div>
    </article>
    <article class="bc-case" data-rv>
      <div class="bc-case-num">02</div>
      <div class="bc-case-body"><span class="bc-case-cat">SaaS · Growth strategy</span><h3>Tripling ARR through repositioning</h3><p>Redefined the ICP, pricing and GTM motion for a B2B SaaS, taking ARR from €4M to €13M in two years.</p><div class="bc-case-tags"><span>3.2× ARR</span><span>New pricing</span><span>2 years</span></div></div>
    </article>
    <article class="bc-case" data-rv>
      <div class="bc-case-num">03</div>
      <div class="bc-case-body"><span class="bc-case-cat">Retail · M&amp;A integration</span><h3>Merging two retail chains</h3><p>Led post-merger integration of two retail brands, delivering €30M in synergies a year ahead of plan.</p><div class="bc-case-tags"><span>€30M synergies</span><span>120 stores</span><span>Ahead of plan</span></div></div>
    </article>
  </div>
</section>

<section id="process" class="bc-sec bc-sec-soft">
  <div class="bc-head" data-rv><span class="bc-kick">Engagement</span><h2>How we'll work together</h2></div>
  <div class="bc-process">
    <div class="bc-pstep" data-rv><b>01</b><h3>Diagnose</h3><p>Deep-dive into your data, market and team to find the real constraints on growth.</p></div>
    <div class="bc-pstep" data-rv><b>02</b><h3>Strategize</h3><p>Co-create a focused plan with clear priorities, owners and measurable targets.</p></div>
    <div class="bc-pstep" data-rv><b>03</b><h3>Execute</h3><p>Hands-on support as your team implements — I stay in the trenches with you.</p></div>
    <div class="bc-pstep" data-rv><b>04</b><h3>Sustain</h3><p>Build the capabilities and rhythms so results outlast the engagement.</p></div>
  </div>
</section>

<section id="experience" class="bc-sec">
  <div class="bc-head" data-rv><span class="bc-kick">Background</span><h2>Experience</h2></div>
  <div class="bc-exp">
    <div class="bc-exp-item" data-rv><div class="bc-exp-top"><b>Independent Strategy Consultant</b><span>2016 — Present</span></div><em>Wolfe Advisory · London</em><p>Advise founders, PE firms and boards on strategy, growth and turnaround across 12 industries.</p></div>
    <div class="bc-exp-item" data-rv><div class="bc-exp-top"><b>Principal</b><span>2011 — 2016</span></div><em>McKinsey &amp; Company</em><p>Led engagement teams on corporate strategy and operational transformation for Fortune 500 clients.</p></div>
    <div class="bc-exp-item" data-rv><div class="bc-exp-top"><b>Strategy Manager</b><span>2008 — 2011</span></div><em>Unilever</em><p>Owned category strategy for a €2B portfolio across Europe.</p></div>
  </div>
</section>

<section id="testimonials" class="bc-sec bc-sec-soft">
  <div class="bc-head" data-rv><span class="bc-kick">Client trust</span><h2>What leaders say</h2></div>
  <div class="bc-tests">
    <figure class="bc-test" data-rv><blockquote>"Adrian saw what our whole board had missed. His plan turned our worst year into our best. Worth ten times the fee."</blockquote><figcaption><span class="bc-av" style="background:#1e3a8a">RH</span><div><b>Robert Haas</b><em>Chairman, Meridian Mfg</em></div></figcaption></figure>
    <figure class="bc-test" data-rv><blockquote>"Sharp, calm and relentlessly practical. Adrian doesn't sell slides — he delivers results we can measure."</blockquote><figcaption><span class="bc-av" style="background:#0e7490">LF</span><div><b>Laura Fenn</b><em>CEO, Stacklane</em></div></figcaption></figure>
    <figure class="bc-test" data-rv><blockquote>"The best advisor we've worked with. He earned the team's trust in a week and our results in a quarter."</blockquote><figcaption><span class="bc-av" style="background:#b45309">PM</span><div><b>Petra Möller</b><em>Partner, Apex Capital</em></div></figcaption></figure>
  </div>
</section>

<section id="contact" class="bc-contact" data-rv>
  <div class="bc-contact-inner">
    <div class="bc-contact-text"><span class="bc-kick bc-kick-l">Contact</span><h2>Let's discuss your challenge</h2><p>I take on a limited number of engagements each year. Book an introductory call and we'll see if there's a fit.</p>
      <ul class="bc-contact-list"><li><span>✉</span> adrian@wolfeadvisory.com</li><li><span>⌖</span> London · Working globally</li><li><span>☎</span> +44 20 7946 0000</li></ul>
    </div>
    <form class="bc-form" onsubmit="return false">
      <input type="text" placeholder="Name"><input type="email" placeholder="Work email"><input type="text" placeholder="Company"><textarea rows="3" placeholder="What challenge are you facing?"></textarea>
      <button class="bc-btn bc-btn-fill bc-btn-block">Request a consultation</button>
    </form>
  </div>
</section>

<footer class="bc-foot">
  <div class="bc-foot-inner"><a class="bc-brand" href="#top">Adrian<b>Wolfe</b></a><div class="bc-social"><a href="#">LinkedIn</a><a href="#">Insights</a><a href="#">Email</a></div></div>
  <div class="bc-foot-bottom"><span>© 2026 Wolfe Advisory · Business strategy consulting</span><span>Made with <a href="https://convertatlas.org" target="_blank" rel="noopener">convertatlas.org</a></span></div>
</footer>
*{box-sizing:border-box}
body{margin:0;background:#f6f7f9;color:#10172a;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;overflow-x:hidden;line-height:1.6}
a{text-decoration:none;color:inherit}
.bc-btn{display:inline-block;padding:14px 28px;border-radius:6px;font-weight:600;font-size:.93rem;cursor:pointer;border:0;transition:transform .15s ease,box-shadow .15s ease}
.bc-btn-fill{background:#1e3a8a;color:#fff}.bc-btn-fill:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(30,58,138,.3)}
.bc-btn-out{border:1.5px solid #1e3a8a;color:#1e3a8a}.bc-btn-out:hover{background:#1e3a8a;color:#fff}
.bc-btn-block{width:100%}
.bc-kick{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#b45309}
.bc-kick-l{color:#fbbf24}
.bc-brand{font-size:1.15rem;font-weight:500}.bc-brand b{font-weight:800}
.bc-nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:16px 38px;background:rgba(246,247,249,.88);backdrop-filter:blur(12px);border-bottom:1px solid #e3e7ee}
.bc-links{display:flex;gap:28px}.bc-links a{color:#4a5468;font-size:.9rem}.bc-links a:hover{color:#1e3a8a}
.bc-nav-cta{background:#1e3a8a;color:#fff;padding:10px 20px;border-radius:6px;font-size:.86rem;font-weight:600}
.bc-hero{padding:140px 38px 80px;max-width:1160px;margin:0 auto}
.bc-hero-inner{display:grid;grid-template-columns:1.4fr .7fr;gap:48px;align-items:center}
.bc-tag{display:inline-block;background:#fef3c7;color:#b45309;border-radius:6px;padding:7px 16px;font-size:.84rem;font-weight:700;margin-bottom:20px}
.bc-hero h1{font-size:clamp(2.6rem,6vw,4.3rem);font-weight:800;letter-spacing:-.03em;line-height:1.04;margin:0 0 18px}
.bc-hero h1 span{color:#1e3a8a;position:relative}
.bc-hero h1 span::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:8px;background:#fbbf24;opacity:.5;z-index:-1}
.bc-hero-text p{color:#4a5468;font-size:1.08rem;max-width:540px;margin:0 0 26px}
.bc-hero-btns{display:flex;gap:14px;flex-wrap:wrap}
.bc-hero-panel{background:#10172a;color:#fff;border-radius:14px;padding:30px 28px}
.bc-panel-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.bc-panel-row:last-child{border-bottom:0}
.bc-panel-row span{color:#9aa6c0;font-size:.88rem}
.bc-panel-row b{font-size:1.5rem;font-weight:800;color:#fbbf24}
.bc-sec{max-width:1160px;margin:0 auto;padding:74px 38px}
.bc-sec-dark{background:#10172a;max-width:none}
.bc-sec-dark>.bc-head,.bc-sec-dark>div{max-width:1160px;margin-left:auto;margin-right:auto;padding-left:38px;padding-right:38px}
.bc-sec-soft{background:#fff;border-top:1px solid #e3e7ee;border-bottom:1px solid #e3e7ee;max-width:none}
.bc-sec-soft>.bc-head,.bc-sec-soft>div{max-width:1160px;margin-left:auto;margin-right:auto}
.bc-head{text-align:center;margin-bottom:46px}
.bc-head h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;letter-spacing:-.03em;margin:8px 0 0}
.bc-h2-l{color:#fff}
.bc-svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bc-svc{background:#fff;border:1px solid #e3e7ee;border-radius:12px;padding:28px;transition:.22s}
.bc-svc:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(16,23,42,.1);border-color:#1e3a8a}
.bc-svc-ico{width:48px;height:48px;border-radius:10px;background:#eff3fb;color:#1e3a8a;display:grid;place-items:center;font-size:1.3rem;margin-bottom:14px}
.bc-svc h3{margin:0 0 8px;font-size:1.15rem}
.bc-svc p{color:#4a5468;font-size:.9rem;margin:0}
.bc-results{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bc-result{text-align:center}
.bc-result b{display:block;font-size:2.8rem;font-weight:800;color:#fbbf24}
.bc-result span{color:#9aa6c0;font-size:.86rem}
.bc-cases{display:grid;gap:18px}
.bc-case{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;background:#fff;border:1px solid #e3e7ee;border-radius:14px;padding:30px;transition:.22s}
.bc-case:hover{transform:translateX(6px);box-shadow:0 20px 50px rgba(16,23,42,.08);border-color:#1e3a8a}
.bc-case-num{font-size:2.6rem;font-weight:800;color:#dbe3f4}
.bc-case-cat{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#b45309}
.bc-case h3{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin:6px 0 8px}
.bc-case-body p{color:#4a5468;margin:0 0 14px}
.bc-case-tags{display:flex;flex-wrap:wrap;gap:8px}
.bc-case-tags span{background:#eff3fb;color:#1e3a8a;border-radius:6px;padding:5px 13px;font-size:.82rem;font-weight:700}
.bc-process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bc-pstep{padding:6px}
.bc-pstep b{font-size:1.6rem;font-weight:800;color:#1e3a8a;border-bottom:3px solid #fbbf24;padding-bottom:4px}
.bc-pstep h3{font-size:1.2rem;margin:12px 0 6px}
.bc-pstep p{color:#4a5468;font-size:.9rem;margin:0}
.bc-exp{max-width:820px;margin:0 auto}
.bc-exp-item{padding-left:20px;border-left:2px solid #dbe3f4;margin-bottom:20px;position:relative}
.bc-exp-item::before{content:"";position:absolute;left:-8px;top:5px;width:14px;height:14px;border-radius:50%;background:#1e3a8a;border:3px solid #f6f7f9}
.bc-exp-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}
.bc-exp-top b{font-size:1.1rem}
.bc-exp-top span{color:#1e3a8a;font-weight:600;font-size:.84rem}
.bc-exp-item em{color:#b45309;font-style:normal;font-size:.9rem;font-weight:600}
.bc-exp-item p{color:#4a5468;font-size:.92rem;margin:6px 0 0}
.bc-tests{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bc-test{margin:0;background:#fff;border:1px solid #e3e7ee;border-radius:14px;padding:28px;transition:.22s}
.bc-test:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(16,23,42,.08)}
.bc-test blockquote{margin:0 0 18px;font-size:.98rem;line-height:1.7;color:#28324a}
.bc-test figcaption{display:flex;align-items:center;gap:12px}
.bc-av{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.84rem}
.bc-test figcaption b{display:block;font-size:.92rem}.bc-test figcaption em{font-style:normal;color:#4a5468;font-size:.82rem}
.bc-contact{max-width:1040px;margin:54px auto;padding:0 38px}
.bc-contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:42px;background:#10172a;color:#fff;border-radius:20px;padding:50px}
.bc-contact-text h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin:8px 0 12px}
.bc-contact-text p{color:#9aa6c0;margin:0 0 22px}
.bc-contact-list{list-style:none;padding:0;margin:0}
.bc-contact-list li{display:flex;align-items:center;gap:12px;padding:8px 0;color:#dbe3f4}
.bc-contact-list span{color:#fbbf24;width:20px;text-align:center}
.bc-form input,.bc-form textarea{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:12px 15px;color:#fff;font-family:inherit;font-size:.92rem;outline:none;margin-bottom:12px}
.bc-form input::placeholder,.bc-form textarea::placeholder{color:#7e8aa6}
.bc-form input:focus,.bc-form textarea:focus{border-color:#fbbf24}
.bc-contact .bc-btn-fill{background:#fbbf24;color:#10172a}
.bc-foot{max-width:1160px;margin:0 auto;padding:40px 38px}
.bc-foot-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-bottom:20px;border-bottom:1px solid #e3e7ee}
.bc-social{display:flex;gap:22px}.bc-social a{color:#4a5468;font-size:.9rem}.bc-social a:hover{color:#1e3a8a}
.bc-foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:18px;color:#8090aa;font-size:.85rem}
.bc-foot-bottom a{color:#1e3a8a;font-weight:600}
@media(max-width:880px){.bc-hero-inner,.bc-contact-inner{grid-template-columns:1fr}.bc-svc-grid,.bc-process{grid-template-columns:1fr 1fr}.bc-results{grid-template-columns:1fr 1fr}.bc-tests{grid-template-columns:1fr}}
@media(max-width:600px){.bc-links{display:none}.bc-svc-grid,.bc-process{grid-template-columns:1fr}.bc-case{grid-template-columns:1fr}}
[data-rv]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}[data-rv].in{opacity:1;transform:none}
var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');if(e.target.hasAttribute('data-bar')){e.target.querySelectorAll('[data-w]').forEach(function(b){b.style.width=b.getAttribute('data-w')})}if(e.target.hasAttribute('data-count')){var t=+e.target.getAttribute('data-count'),el=e.target,s=null;requestAnimationFrame(function st(ts){if(!s)s=ts;var p=Math.min((ts-s)/1500,1);el.firstChild.textContent=Math.floor((1-Math.pow(1-p,3))*t).toLocaleString();if(p<1)requestAnimationFrame(st)})}io.unobserve(e.target)}})},{threshold:.18});
document.querySelectorAll('[data-rv],[data-bar],[data-count]').forEach(function(el){io.observe(el)});
Free to use — no attribution required. This is a complete, responsive Bootstrap 5 page. It uses Bootstrap 5 via CDN (linked above). Download a ready-to-open .html file with all CDN links included, or copy the HTML and drop it into your project.

What's included in this template

The Adrian Wolfe — Business Consultant Portfolio is a complete portfolio & resume design with realistic demo content — ready to preview, copy or download as a single responsive HTML file. Key features:

  • Split hero with results panel
  • Services grid
  • Animated business-result stats
  • Numbered case studies
  • Engagement process + experience
  • Consultation booking form

How to use it

Open the live preview above to see the full design at desktop, tablet and mobile widths. When you are happy with it, use Download to save a single business-consultant-portfolio.html file, or Copy to grab the source. All required libraries load from public CDNs, so the file works the moment you open it — just replace the demo content with your own and publish.