Oink!

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kala Bennett | Virtual Administrative Business Partner</title>
 
<style>
 
*{
margin:0;
padding:0;
box-sizing:border-box;
}
 
body{
font-family:Arial, Helvetica, sans-serif;
line-height:1.6;
color:#333;
background:#f8fafc;
}
 
.container{
width:90%;
max-width:1200px;
margin:auto;
}
 
.hero{
background:#0f766e;
color:white;
text-align:center;
padding:80px 20px;
}
 
.hero h1{
font-size:3rem;
margin-bottom:10px;
}
 
.hero h2{
font-size:1.75rem;
margin-bottom:20px;
}
 
.hero p{
font-size:1.1rem;
max-width:800px;
margin:auto;
}
 
.btn{
display:inline-block;
margin-top:30px;
padding:14px 28px;
background:white;
color:#0f766e;
text-decoration:none;
border-radius:10px;
font-weight:bold;
}
 
.about{
padding:70px 20px;
}
 
.about-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
}
 
.about img{
width:100%;
max-width:400px;
border-radius:25px;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
}
 
.about h2{
margin-bottom:20px;
color:#0f766e;
}
 
.services{
padding:70px 20px;
background:white;
}
 
.services h2{
text-align:center;
margin-bottom:40px;
color:#0f766e;
}
 
.service-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
}
 
.card{
background:white;
padding:25px;
border-radius:20px;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
}
 
.card h3{
margin-bottom:15px;
color:#0f766e;
}
 
.why{
background:#ccfbf1;
padding:70px 20px;
}
 
.why-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}
 
.list-box,
.quote-box{
background:white;
padding:30px;
border-radius:20px;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
}
 
.quote-box{
background:#0f766e;
color:white;
display:flex;
align-items:center;
}
 
.highlights{
padding:70px 20px;
background:#f3f4f6;
}
 
.highlights h2{
text-align:center;
margin-bottom:40px;
color:#0f766e;
}
 
.highlight-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
}
 
.highlight{
background:white;
text-align:center;
padding:25px;
border-radius:16px;
}
 
.highlight h3{
color:#0f766e;
font-size:2rem;
}
 
.contact{
background:#0f766e;
color:white;
text-align:center;
padding:80px 20px;
}
 
.contact a{
color:white;
}
 
ul{
padding-left:20px;
}
 
li{
margin-bottom:12px;
}
 
@media(max-width:768px){
 
.about-grid,
.why-grid{
grid-template-columns:1fr;
}
 
.hero h1{
font-size:2.2rem;
}
 
.hero h2{
font-size:1.3rem;
}
 
}
 
</style>
</head>
<body>
 
<section class="hero">
<div class="container">
<h1>Kala Bennett</h1>
<h2>Virtual Administrative Business Partner</h2>
 
<p>
Strategic administrative support for executives, entrepreneurs and growing businesses.
Helping organizations stay organized, efficient and focused on growth.
</p>
 
your@email.com
Schedule a Free Discovery Call
</a>
</div>
</section>
 
<section class="about">
<div class="container">
<div class="about-grid">
 
<div>
kala-bennett-headshot.jpg
</div>
 
<div>
<h2>Your Trusted Administrative Business Partner</h2>
 
<p>
Hi, I'm Kala. I bring more than 20 years of experience supporting executives,
managing office operations, coordinating projects, and creating organized,
efficient workplaces.
</p>
 
<br>
 
<p>
My background includes executive support, office operations,
facilities management, vendor relations, procurement,
project coordination, employee engagement initiatives,
HR administration and event planning.
</p>
 
<br>
 
<p>
Having managed complex projects, including a $100,000 office renovation,
I bring professionalism, discretion, attention to detail,
and a proactive approach to every client relationship.
</p>
 
</div>
 
</div>
</div>
</section>
 
<section class="services">
<div class="container">
 
<h2>Services</h2>
 
<div class="service-grid">
 
<div class="card">
<h3>Executive Support</h3>
<p>
Calendar management, inbox management, travel coordination,
meeting preparation and professional correspondence.
</p>
</div>
 
<div class="card">
<h3>Operations & Facilities</h3>
<p>
Vendor management, procurement tracking, office administration,
facilities support and process improvement.
</p>
</div>
 
<div class="card">
<h3>Projects & Events</h3>
<p>
Project coordination, employee engagement initiatives,
event planning and reporting.
</p>
</div>
 
<div class="card">
<h3>Social Media & Communications</h3>
<p>
Content creation, post scheduling, LinkedIn updates,
newsletters, engagement monitoring, analytics and social media calendars.
</p>
</div>
 
<div class="card">
<h3>HR Administrative Support</h3>
<p>
Employee onboarding and offboarding, orientation scheduling,
training records, policy acknowledgements,
employee communications and HR administration.
</p>
</div>
 
</div>
 
</div>
</section>
 
<section class="why">
<div class="container">
 
<div class="why-grid">
 
<div class="list-box">
<h2>Why Work With Me?</h2>
 
<ul>
<li>20+ years of administrative experience</li>
<li>Executive-level support expertise</li>
<li>$100,000 office renovation project management</li>
<li>Facilities and vendor management experience</li>
<li>Event planning and employee engagement leadership</li>
<li>Highly organized and detail-oriented</li>
</ul>
</div>
 
<div class="quote-box">
<p>
"Helping busy professionals reclaim their time by providing dependable,
strategic administrative support."
</p>
</div>
 
</div>
 
</div>
</section>
 
<section class="highlights">
 
<div class="container">
 
<h2>Experience Highlights</h2>
 
<div class="highlight-grid">
 
<div class="highlight">