← back to Osborne Redesign
contact.html
114 lines
<!doctype html>
<html lang="en" data-theme="heritage">
<head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Contact · Osborne Partners</title>
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@200;300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=Libre+Caslon+Text:wght@400;700&family=Playfair+Display:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/theme.css">
</head>
<body>
<div id="site-header-slot"></div>
<main>
<section class="hero">
<div class="container">
<div class="hero__eyebrow">Begin a conversation</div>
<h1 class="hero__title"><em>Hello.</em></h1>
<p class="hero__sub">
A first conversation is unhurried, in person if you prefer, and never billed. We learn what
you've built, what you owe, and where you'd like the next thirty years to go. That's it.
</p>
</div>
</section>
<section class="section">
<div class="container">
<div class="contact-grid">
<div class="office-card">
<div class="eyebrow" style="margin-bottom:12px">Headquarters</div>
<h3>San Francisco</h3>
<p class="addr">
One Embarcadero Center<br>
Suite 4100<br>
San Francisco, CA 94111
</p>
<p class="meta">
Main · 415.362.7734<br>
Toll free · 800.362.7734<br>
info@osbornepartners.com
</p>
</div>
<div class="office-card">
<div class="eyebrow" style="margin-bottom:12px">Peninsula</div>
<h3>Menlo Park</h3>
<p class="addr">
545 Middlefield Road<br>
Suite 165<br>
Menlo Park, CA 94025
</p>
<p class="meta">
Main · 415.362.7734<br>
Toll free · 800.362.7734<br>
info@osbornepartners.com
</p>
</div>
</div>
</div>
</section>
<section class="section section--alt">
<div class="container" style="display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start">
<div>
<div class="section__eyebrow">Send a message</div>
<h2 class="section__title" style="font-size:40px">Tell us about yourself.</h2>
<p class="section__lead">
We will reply within one business day, often sooner. There are no automated funnels here —
your note is read by a human, and the human who replies is the one you'll meet.
</p>
</div>
<form style="display:grid;gap:16px">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
<input type="text" placeholder="First name" style="padding:14px 18px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--ink);font-family:inherit;font-size:14px">
<input type="text" placeholder="Last name" style="padding:14px 18px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--ink);font-family:inherit;font-size:14px">
</div>
<input type="email" placeholder="Email address" style="padding:14px 18px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--ink);font-family:inherit;font-size:14px">
<input type="tel" placeholder="Phone (optional)" style="padding:14px 18px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--ink);font-family:inherit;font-size:14px">
<select style="padding:14px 18px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--ink);font-family:inherit;font-size:14px">
<option>I'm an individual or family</option>
<option>I'm a founder / executive with concentrated equity</option>
<option>I represent a foundation or non-profit</option>
<option>I represent an institution</option>
<option>Existing client</option>
</select>
<textarea placeholder="A few words about your situation (optional)" rows="5" style="padding:14px 18px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--ink);font-family:inherit;font-size:14px;resize:vertical"></textarea>
<button type="submit" class="btn" style="justify-self:start">Send a note →</button>
<p style="font-size:12px;color:var(--ink-mute);margin-top:4px;line-height:1.6">
By submitting, you consent to be contacted by Osborne Partners regarding your inquiry. We
do not sell, share, or rent your information. Ever.
</p>
</form>
</div>
</section>
<section class="section">
<div class="container" style="text-align:center;max-width:760px">
<div class="section__eyebrow">Already a client?</div>
<h2 class="section__title" style="margin-left:auto;margin-right:auto">Open the secure portal.</h2>
<p class="section__lead" style="margin-left:auto;margin-right:auto">
View your quarterly reports, statements, and tax documents. Upload signed paperwork via
the secure link.
</p>
<a href="#" class="btn">Client portal →</a>
</div>
</section>
</main>
<div id="site-footer-slot"></div>
<div id="theme-picker-slot"></div>
<script src="assets/site.js"></script>
</body>
</html>