Compare commits
4
Commits
45f55106c3
..
master
| Author | SHA1 | Date | |
|---|---|---|---|
 mark
|
1cc15eef66 | ||
|
mark
|
87358f4281 | ||
|
mark
|
cd7c58c28e | ||
|
mark
|
ef5a687251 |
@@ -5,9 +5,83 @@
|
|||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<base href="/" />
|
<base href="/" />
|
||||||
|
|
||||||
|
<!-- Primary meta tags -->
|
||||||
|
<title>Ctrl Alt Assist - Professional Virtual Office Assistance</title>
|
||||||
|
<meta name="description" content="Ctrl Alt Assist provides professional Executive & Financial Virtual Assistance since 2004. Bookkeeping, SARS compliance, SAGE support, office management, and administrative services for modern entrepreneurs." />
|
||||||
|
<meta name="keywords" content="virtual assistant, bookkeeping, SARS, SAGE, financial assistance, office management, virtual office, South Africa, executive assistant" />
|
||||||
|
|
||||||
|
<!-- Canonical URL -->
|
||||||
|
<link rel="canonical" href="https://www.ctrlaltassist.co.za" />
|
||||||
|
|
||||||
|
<!-- Open Graph -->
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Ctrl Alt Assist - Professional Virtual Office Assistance" />
|
||||||
|
<meta property="og:description" content="Professional Executive & Financial Virtual Assistance. Bookkeeping, SARS compliance, SAGE support, and administrative services for modern entrepreneurs." />
|
||||||
|
<meta property="og:url" content="https://www.ctrlaltassist.co.za" />
|
||||||
|
<meta property="og:site_name" content="Ctrl Alt Assist" />
|
||||||
|
<meta property="og:locale" content="en_ZA" />
|
||||||
|
|
||||||
|
<!-- Twitter Card -->
|
||||||
|
<meta name="twitter:card" content="summary_large_image" />
|
||||||
|
<meta name="twitter:title" content="Ctrl Alt Assist - Professional Virtual Office Assistance" />
|
||||||
|
<meta name="twitter:description" content="Professional Executive & Financial Virtual Assistance. Bookkeeping, SARS compliance, SAGE support, and administrative services." />
|
||||||
|
|
||||||
|
<!-- JSON-LD Structured Data (LocalBusiness) -->
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@@context": "https://schema.org",
|
||||||
|
"@@type": "LocalBusiness",
|
||||||
|
"name": "Ctrl Alt Assist",
|
||||||
|
"description": "Professional Executive & Financial Virtual Assistance for modern entrepreneurs. Bookkeeping, SARS compliance, SAGE support, office management and administrative services.",
|
||||||
|
"url": "https://www.ctrlaltassist.co.za",
|
||||||
|
"telephone": "+27827547524",
|
||||||
|
"email": "assistance@ctrlaltassist.co.za",
|
||||||
|
"foundingDate": "2004",
|
||||||
|
"founder": {
|
||||||
|
"@@type": "Person",
|
||||||
|
"name": "Olivia"
|
||||||
|
},
|
||||||
|
"address": {
|
||||||
|
"@@type": "PostalAddress",
|
||||||
|
"addressCountry": "ZA"
|
||||||
|
},
|
||||||
|
"areaServed": "ZA",
|
||||||
|
"priceRange": "R2000-R5000",
|
||||||
|
"hasOfferCatalog": {
|
||||||
|
"@@type": "OfferCatalog",
|
||||||
|
"name": "Virtual Assistance Services",
|
||||||
|
"itemListElement": [
|
||||||
|
{
|
||||||
|
"@@type": "Offer",
|
||||||
|
"itemOffered": {
|
||||||
|
"@@type": "Service",
|
||||||
|
"name": "Financial & Accounting Support"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"@@type": "Offer",
|
||||||
|
"itemOffered": {
|
||||||
|
"@@type": "Service",
|
||||||
|
"name": "Office & Administrative Management"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"@@type": "Offer",
|
||||||
|
"itemOffered": {
|
||||||
|
"@@type": "Service",
|
||||||
|
"name": "Digital & Project Support"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
<ResourcePreloader />
|
<ResourcePreloader />
|
||||||
|
|
||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
<link rel="stylesheet" href="@Assets["app.css"]" />
|
<link rel="stylesheet" href="@Assets["app.css"]" />
|
||||||
|
|||||||
@@ -1,8 +1,12 @@
|
|||||||
<footer class="footer text-center">
|
<footer class="footer text-center">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<p>© <span id="currentYear"></span> Ctrl Alt Assist. All rights reserved. | Professional Virtual Office Assistance</p>
|
<p>© @currentYear Ctrl Alt Assist. All rights reserved. | Professional Virtual Office Assistance</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a>
|
<a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
@code {
|
||||||
|
private int currentYear = DateTime.Now.Year;
|
||||||
|
}
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
<nav class="navbar navbar-expand-lg sticky-top">
|
<nav class="navbar navbar-expand-lg sticky-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<a class="navbar-brand" href="#">
|
<a class="navbar-brand" href="#">
|
||||||
<img src="/images/logo_small.png" alt="Ctrl Alt Assist Logo">
|
<img src="/images/logo_small.png" alt="Ctrl Alt Assist logo - Professional Virtual Office Assistance">
|
||||||
Ctrl Alt Assist
|
Ctrl Alt Assist
|
||||||
</a>
|
</a>
|
||||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
@@ -18,6 +18,9 @@
|
|||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="#services">Services</a>
|
<a class="nav-link" href="#services">Services</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#pricing">Pricing</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="#founder">Founder</a>
|
<a class="nav-link" href="#founder">Founder</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@@ -1,116 +0,0 @@
|
|||||||
@page "/"
|
|
||||||
|
|
||||||
<PageTitle>Ctrl Alt Assist - Home</PageTitle>
|
|
||||||
|
|
||||||
<!-- Hero Section -->
|
|
||||||
<header id="home" class="hero-section">
|
|
||||||
<div class="container">
|
|
||||||
<h1>Ctrl Alt Assist, Reboot Your Business Efficiency</h1>
|
|
||||||
<p>Professional Executive & Financial Virtual Assistance tailored for the modern entrepreneur. </p>
|
|
||||||
<p>We streamline your back office, ensure SARS compliance, and organise your administration so you can focus on what you do best - growing your business.</p>
|
|
||||||
<a href="#services" class="btn btn-lg btn-pastel">Discover Our Services</a>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<!-- About Us Section -->
|
|
||||||
<section id="about" class="section-padding">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row align-items-center">
|
|
||||||
<div class="col-lg-6 mb-4 mb-lg-0">
|
|
||||||
<img src="Images/about-us.png" class="img-fluid rounded shadow" alt="About Ctrl Alt Assist">
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-6">
|
|
||||||
<h2>Who We Are</h2>
|
|
||||||
<p>Since 2004, Ctrl Alt Assist has been providing exceptional virtual office assistance, empowering businesses to thrive by handling the administrative burden. We understand that your time is valuable, and our goal is to streamline your operations, allowing you to focus on growth and core competencies.</p>
|
|
||||||
<p>Our team is dedicated to offering personalized, efficient, and reliable support, tailored to the unique needs of each client. We pride ourselves on our proactive approach and commitment to delivering peace of mind.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Services Section -->
|
|
||||||
<section id="services" class="section-padding bg-light-green">
|
|
||||||
<div class="container">
|
|
||||||
<h2 class="text-center mb-5 text-light">Our Comprehensive Services</h2>
|
|
||||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 service-list">
|
|
||||||
<div class="col">
|
|
||||||
<div class="card h-100 bg-light-blue text-light">
|
|
||||||
<div class="card-body">
|
|
||||||
<h5 class="card-title text-light">Financial & Accounting Support</h5>
|
|
||||||
<ul>
|
|
||||||
<li>Bookkeeping, Budgets, Management Accounts</li>
|
|
||||||
<li>SAGE, SAGE ONE, SAGE Online Tools, SAGE Payroll</li>
|
|
||||||
<li>Reseller, Training & Support for SAGE products</li>
|
|
||||||
<li>Monthly SARS Returns</li>
|
|
||||||
<li>Bank, Debtors & Creditors Reconciliations</li>
|
|
||||||
<li>Sorting & Capturing Invoices & Receipts</li>
|
|
||||||
<li>Sending Statements & Payment Reminders</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<div class="card h-100 bg-light-purple text-light">
|
|
||||||
<div class="card-body">
|
|
||||||
<h5 class="card-title text-light">Office & Administrative Management</h5>
|
|
||||||
<ul>
|
|
||||||
<li>Complete office management – full admin service</li>
|
|
||||||
<li>Creation and organizing of Business Systems & Procedures</li>
|
|
||||||
<li>Product & Business Manuals</li>
|
|
||||||
<li>Accounting System Setup, Training & Support</li>
|
|
||||||
<li>Company Registrations</li>
|
|
||||||
<li>Creating & Maintaining databases</li>
|
|
||||||
<li>Payroll, Staff Hiring Assistance and process streamlining</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<div class="card h-100 bg-light-blue text-light">
|
|
||||||
<div class="card-body">
|
|
||||||
<h5 class="card-title text-light">Digital & Project Support</h5>
|
|
||||||
<ul>
|
|
||||||
<li>Report Writing, PowerPoint Presentations</li>
|
|
||||||
<li>Customer Relations Management</li>
|
|
||||||
<li>Project Management</li>
|
|
||||||
<li>Typing & Transcribing Services</li>
|
|
||||||
<li>Research</li>
|
|
||||||
<li>Event Planning & Coordination</li>
|
|
||||||
<li>Basic Websites, Domain Name Registrations</li>
|
|
||||||
<li>Website, Email Hosting & Setup</li>
|
|
||||||
<li>Cloud Backup Servers & Offsite Servers</li>
|
|
||||||
<li>Computer Support, Training & Maintenance</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="text-center mt-5">
|
|
||||||
<p class="lead text-light">We offer both package, hourly or group rates customised to your personal needs.</p>
|
|
||||||
<a href="#contact" class="btn btn-lg btn-pastel">Get a Custom Quote</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Founder Section -->
|
|
||||||
<section id="founder" class="section-padding text-center">
|
|
||||||
<div class="container">
|
|
||||||
<h2>Meet Our Founder</h2>
|
|
||||||
<img src="Images/Olivia.png" alt="Olivia, Founder of Ctrl Alt Assist" class="founder-img">
|
|
||||||
<h3>Olivia</h3>
|
|
||||||
<p class="lead">Loving wife, involved mom, and devoted pet parent.</p>
|
|
||||||
<p>Olivia brings over 20 years of robust experience in both the Corporate and Private sector, working with JSE listed companies and privately owned businesses across diverse industries from transport to the arts. Her extensive knowledge is backed by a Bcompt, Business Studies Diploma, various Computer & Accounting software diplomas, and a Mini-MBA with Action Coach Ignite.</p>
|
|
||||||
<p>A firm believer in continuous learning and growth, Olivia is a motivated and organized professional. She provides all necessary software, hardware, and office requirements, ensuring a seamless and efficient service. Clients also benefit from a personal login to our website, allowing them to view timesheets, track hours remaining, and more.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Call to Action for Login -->
|
|
||||||
<section id="login-cta" class="call-to-action">
|
|
||||||
<div class="container">
|
|
||||||
<h2>Already a Client?</h2>
|
|
||||||
<p class="lead">Access your personalized portal to manage your services and track progress.</p>
|
|
||||||
<a href="/login" class="btn btn-lg btn-pastel">Client Login</a>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<CtrlAltAssist.Components.UI.ContactUsForm />
|
|
||||||
@@ -1,88 +0,0 @@
|
|||||||
.section-padding {
|
|
||||||
padding: 80px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.hero-section {
|
|
||||||
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/hero.png');
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-attachment: fixed;
|
|
||||||
color: var(--text-light);
|
|
||||||
padding: 100px 0;
|
|
||||||
text-align: center;
|
|
||||||
min-height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-section h1 {
|
|
||||||
color: var(--text-light);
|
|
||||||
font-size: 3.5rem;
|
|
||||||
font-weight: 700;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-section p {
|
|
||||||
font-size: 1.5rem;
|
|
||||||
max-width: 800px;
|
|
||||||
margin: 0 auto 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.testimonial-carousel .carousel-item {
|
|
||||||
padding: 40px;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 10px;
|
|
||||||
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
|
|
||||||
margin: 20px auto;
|
|
||||||
max-width: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.testimonial-carousel .carousel-control-prev-icon,
|
|
||||||
.testimonial-carousel .carousel-control-next-icon {
|
|
||||||
filter: invert(100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.founder-img {
|
|
||||||
max-width: 250px;
|
|
||||||
border-radius: 50%;
|
|
||||||
border: 5px solid var(--secondary-pastel-green);
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.service-list ul {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.service-list ul li {
|
|
||||||
padding: 8px 0;
|
|
||||||
border-bottom: 1px dashed rgba(255,255,255,0.3);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.service-list ul li:last-child {
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.service-list ul li::before {
|
|
||||||
content: '?';
|
|
||||||
color: var(--quaternary-pastel-pink);
|
|
||||||
font-weight: bold;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.call-to-action {
|
|
||||||
background-color: var(--quaternary-pastel-pink);
|
|
||||||
color: var(--text-dark);
|
|
||||||
padding: 60px 0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.call-to-action h2 {
|
|
||||||
color: var(--text-dark);
|
|
||||||
margin-bottom: 30px;
|
|
||||||
}
|
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
<header id="home" class="hero-section">
|
||||||
|
<div class="container">
|
||||||
|
<h1>Ctrl Alt Assist, Reboot Your Business Efficiency</h1>
|
||||||
|
<p>Professional Executive & Financial Virtual Assistance tailored for the modern entrepreneur.</p>
|
||||||
|
<p>We streamline your back office, ensure SARS compliance, and organise your administration so you can focus on what you do best - growing your business.</p>
|
||||||
|
<a href="#services" class="btn btn-lg btn-pastel">Discover Our Services</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
.hero-section {
|
||||||
|
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/hero.png');
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-attachment: fixed;
|
||||||
|
color: var(--text-light);
|
||||||
|
padding: 100px 0;
|
||||||
|
text-align: center;
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-section h1 {
|
||||||
|
color: var(--text-light);
|
||||||
|
font-size: 3.5rem;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-section p {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto 30px;
|
||||||
|
}
|
||||||
@@ -0,0 +1,14 @@
|
|||||||
|
<section id="about" class="section-padding">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-lg-6 mb-4 mb-lg-0">
|
||||||
|
<img src="Images/about-us.png" class="img-fluid rounded shadow" alt="Ctrl Alt Assist virtual office assistance team helping entrepreneurs streamline their business operations" loading="lazy">
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<h2>Who We Are</h2>
|
||||||
|
<p>Since 2004, Ctrl Alt Assist has been providing exceptional virtual office assistance, empowering businesses to thrive by handling the administrative burden. We understand that your time is valuable, and our goal is to streamline your operations, allowing you to focus on growth and core competencies.</p>
|
||||||
|
<p>Our team is dedicated to offering personalized, efficient, and reliable support, tailored to the unique needs of each client. We pride ourselves on our proactive approach and commitment to delivering peace of mind.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@@ -0,0 +1,62 @@
|
|||||||
|
<section id="services" class="section-padding bg-light-green">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="text-center mb-5 text-dark">Our Comprehensive Services</h2>
|
||||||
|
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 service-list">
|
||||||
|
<div class="col">
|
||||||
|
<div class="card h-100 bg-light-blue text-dark">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title text-dark">Financial & Accounting Support</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Bookkeeping, Budgets, Management Accounts</li>
|
||||||
|
<li>SAGE, SAGE ONE, SAGE Online Tools, SAGE Payroll</li>
|
||||||
|
<li>Reseller, Training & Support for SAGE products</li>
|
||||||
|
<li>Monthly SARS Returns</li>
|
||||||
|
<li>Bank, Debtors & Creditors Reconciliations</li>
|
||||||
|
<li>Sorting & Capturing Invoices & Receipts</li>
|
||||||
|
<li>Sending Statements & Payment Reminders</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="card h-100 bg-light-purple text-dark">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title text-dark">Office & Administrative Management</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Complete office management – full admin service</li>
|
||||||
|
<li>Creation and organizing of Business Systems & Procedures</li>
|
||||||
|
<li>Product & Business Manuals</li>
|
||||||
|
<li>Accounting System Setup, Training & Support</li>
|
||||||
|
<li>Company Registrations</li>
|
||||||
|
<li>Creating & Maintaining databases</li>
|
||||||
|
<li>Payroll, Staff Hiring Assistance and process streamlining</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="card h-100 bg-light-blue text-dark">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title text-dark">Digital & Project Support</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Report Writing, PowerPoint Presentations</li>
|
||||||
|
<li>Customer Relations Management</li>
|
||||||
|
<li>Project Management</li>
|
||||||
|
<li>Typing & Transcribing Services</li>
|
||||||
|
<li>Research</li>
|
||||||
|
<li>Event Planning & Coordination</li>
|
||||||
|
<li>Basic Websites, Domain Name Registrations</li>
|
||||||
|
<li>Website, Email Hosting & Setup</li>
|
||||||
|
<li>Cloud Backup Servers & Offsite Servers</li>
|
||||||
|
<li>Computer Support, Training & Maintenance</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mt-5">
|
||||||
|
<p class="lead text-dark">We offer both package, hourly or group rates customised to your personal needs.</p>
|
||||||
|
<a href="#contact" class="btn btn-lg btn-pastel">Get a Custom Quote</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
.service-list ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-list ul li {
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px dashed rgba(255,255,255,0.3);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-list ul li:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-list ul li::before {
|
||||||
|
content: '?';
|
||||||
|
color: var(--text-dark); /*var(--quaternary-pastel-pink);*/
|
||||||
|
font-weight: bold;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
@@ -0,0 +1,73 @@
|
|||||||
|
<section id="pricing" class="section-padding">
|
||||||
|
<div class="container">
|
||||||
|
<p class="text-uppercase text-muted small fw-semibold mb-1">Transparent pricing</p>
|
||||||
|
<h2 class="fw-bold mb-2">Choose the package that fits where you are right now</h2>
|
||||||
|
<p class="text-muted mb-5">All packages are month-to-month with no lock-in contracts. Prices are quoted exclusive of tax.</p>
|
||||||
|
|
||||||
|
<div class="row g-4 align-items-stretch">
|
||||||
|
|
||||||
|
<!-- Basic -->
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="card h-100 p-4 shadow-sm price-card">
|
||||||
|
<p class="text-muted small mb-1">Starter</p>
|
||||||
|
<h3 class="fw-bold mb-2">Basic</h3>
|
||||||
|
<p class="text-muted small">For sole proprietors and early-stage startups with straightforward finances.</p>
|
||||||
|
<div class="price-amount">From R2000 pm</div>
|
||||||
|
<p class="price-note">Price to be confirmed</p>
|
||||||
|
<ul class="price-features flex-grow-1 mb-4">
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Xero setup and onboarding</li>
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Monthly bank reconciliation</li>
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Income statement and balance sheet</li>
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Up to 50 transactions per month</li>
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Email support</li>
|
||||||
|
</ul>
|
||||||
|
<a href="#contact" class="btn btn-outline-primary w-100">Get a quote</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Premium (featured) -->
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="card h-100 p-4 shadow-sm price-card featured">
|
||||||
|
<span class="featured-tag">Most popular</span>
|
||||||
|
<p class="text-muted small mb-1">Full service</p>
|
||||||
|
<h3 class="fw-bold mb-2">Premium</h3>
|
||||||
|
<p class="text-muted small">For growing SMEs and non-profits that need complete monthly financial management.</p>
|
||||||
|
<div class="price-amount">From R3500 pm</div>
|
||||||
|
<p class="price-note">Price to be confirmed</p>
|
||||||
|
<ul class="price-features flex-grow-1 mb-4">
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Everything in Basic</li>
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Full monthly bookkeeping service (Including VAT)</li>
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Up to 200 transactions per month</li>
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Monthly management accounts</li>
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Priority email and phone support</li>
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Quarterly financial review call</li>
|
||||||
|
</ul>
|
||||||
|
<a href="#contact" class="btn btn-primary w-100">Get a quote</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Custom -->
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="card h-100 p-4 shadow-sm price-card">
|
||||||
|
<p class="text-muted small mb-1">Enterprise</p>
|
||||||
|
<h3 class="fw-bold mb-2">Custom</h3>
|
||||||
|
<p class="text-muted small">For businesses with complex structures, high transaction volumes or multiple entities.</p>
|
||||||
|
<div class="price-amount">Bespoke</div>
|
||||||
|
<p class="price-note">Tailored to your exact requirements</p>
|
||||||
|
<ul class="price-features flex-grow-1 mb-4">
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Everything in Premium</li>
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Unlimited transactions</li>
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Multi-entity reporting</li>
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Custom Xero integrations</li>
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Dedicated monthly strategy session</li>
|
||||||
|
<li><i class="bi bi-check-circle-fill text-success me-2"></i>Direct adviser access</li>
|
||||||
|
</ul>
|
||||||
|
<a href="#contact" class="btn btn-outline-primary w-100">Let's talk</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="text-center text-muted small mt-4">Your monthly Xero subscription is billed separately and directly by Xero. No lock-in contracts.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
.price-features {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.featured {
|
||||||
|
position: relative;
|
||||||
|
border: 1px solid #0d6efd !important;
|
||||||
|
border-radius: 0.75rem !important;
|
||||||
|
box-shadow: 0 0 20px rgba(13, 110, 253, 0.5), 0 0 40px rgba(13, 110, 253, 0.3), 0 0 60px rgba(13, 110, 253, 0.15) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.featured-tag {
|
||||||
|
position: absolute;
|
||||||
|
top: -13px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
background-color: #0d6efd;
|
||||||
|
color: #fff;
|
||||||
|
padding: 4px 18px;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 600;
|
||||||
|
white-space: nowrap;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
<section id="founder" class="section-padding text-center bg-light-green">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Meet Our Founder</h2>
|
||||||
|
<img src="Images/Olivia.png" alt="Olivia, Founder of Ctrl Alt Assist - over 20 years experience in virtual financial and executive assistance" class="founder-img" loading="lazy">
|
||||||
|
<h3>Olivia</h3>
|
||||||
|
<p class="lead text-dark">Loving wife, involved mom, and devoted pet parent.</p>
|
||||||
|
<p class="text-dark">Olivia brings over 20 years of robust experience in both the Corporate and Private sector, working with JSE listed companies and privately owned businesses across diverse industries from transport to the arts. Her extensive knowledge is backed by a Bcompt, Business Studies Diploma, various Computer & Accounting software diplomas, and a Mini-MBA with Action Coach Ignite.</p>
|
||||||
|
<p class="text-dark">A firm believer in continuous learning and growth, Olivia is a motivated and organized professional. She provides all necessary software, hardware, and office requirements, ensuring a seamless and efficient service. Clients also benefit from a personal login to our website, allowing them to view timesheets, track hours remaining, and more.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
.founder-img {
|
||||||
|
max-width: 250px;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 5px solid var(--secondary-pastel-green);
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
<section id="login-cta" class="call-to-action-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Already a Client?</h2>
|
||||||
|
<p class="lead">Access your personalized portal to manage your services and track progress.</p>
|
||||||
|
<a href="/login" class="btn btn-lg btn-pastel">Client Login</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
.call-to-action-section {
|
||||||
|
background-color: var(--quaternary-pastel-pink);
|
||||||
|
color: var(--text-dark);
|
||||||
|
padding: 60px 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.call-to-action h2 {
|
||||||
|
color: var(--text-dark);
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
@@ -0,0 +1,12 @@
|
|||||||
|
@page "/"
|
||||||
|
|
||||||
|
<PageTitle>Ctrl Alt Assist - Home</PageTitle>
|
||||||
|
|
||||||
|
<A_HeroSection />
|
||||||
|
<B_AboutSection />
|
||||||
|
<C_ServicesSection />
|
||||||
|
<D_PricingSection />
|
||||||
|
<E_FounderSection />
|
||||||
|
<F_LoginCtaSection />
|
||||||
|
|
||||||
|
<CtrlAltAssist.Components.UI.ContactUsForm />
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
|
||||||
@@ -1,5 +1,12 @@
|
|||||||
@page "/not-found"
|
@page "/not-found"
|
||||||
@layout MainLayout
|
@layout MainLayout
|
||||||
|
|
||||||
<h3>Not Found</h3>
|
<div class="container section-padding text-center">
|
||||||
<p>Sorry, the content you are looking for does not exist.</p>
|
<h1 class="display-1 text-muted">404</h1>
|
||||||
|
<h3>Page Not Found</h3>
|
||||||
|
<p class="lead">Sorry, the page you are looking for does not exist or has been moved.</p>
|
||||||
|
<div class="mt-4">
|
||||||
|
<a href="/" class="btn btn-pastel me-3">Return Home</a>
|
||||||
|
<a href="#services" class="btn btn-outline-secondary">View Our Services</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -1,3 +1,7 @@
|
|||||||
|
.section-padding {
|
||||||
|
padding: 80px 0;
|
||||||
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--primary-pastel-blue: #AEC6CF; /* Light Blue */
|
--primary-pastel-blue: #AEC6CF; /* Light Blue */
|
||||||
--secondary-pastel-green: #B2D8D8; /* Mint Green */
|
--secondary-pastel-green: #B2D8D8; /* Mint Green */
|
||||||
@@ -120,3 +124,9 @@ h1:focus {
|
|||||||
border-color: #929292;
|
border-color: #929292;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Offset anchor scroll targets so the sticky navbar doesn't hide content */
|
||||||
|
section[id],
|
||||||
|
header[id] {
|
||||||
|
scroll-margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
User-agent: *
|
||||||
|
Allow: /
|
||||||
|
|
||||||
|
Sitemap: https://www.ctrlaltassist.co.za/sitemap.xml
|
||||||
@@ -0,0 +1,15 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||||
|
<url>
|
||||||
|
<loc>https://www.ctrlaltassist.co.za/</loc>
|
||||||
|
<lastmod>2025-01-01</lastmod>
|
||||||
|
<changefreq>monthly</changefreq>
|
||||||
|
<priority>1.0</priority>
|
||||||
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://www.ctrlaltassist.co.za/login</loc>
|
||||||
|
<lastmod>2025-01-01</lastmod>
|
||||||
|
<changefreq>monthly</changefreq>
|
||||||
|
<priority>0.3</priority>
|
||||||
|
</url>
|
||||||
|
</urlset>
|
||||||
Reference in New Issue
Block a user