clive
+18
-57
@@ -2,73 +2,34 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Clive Lancaster - Digital Product Manager">
|
||||
<meta name="description" content="Accomplished Digital Product Manager with 12+ years of experience in health-tech, prop-tech, HR, and e-commerce. Reducing risk and increasing efficiency.">
|
||||
<meta name="keywords" content="product, manager, owner, health, strategy, customer, commercial, management, agile, digital, clive, lancaster">
|
||||
<meta name="author" content="Clive Lancaster">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>@ViewData["Title"] - Clive Lancaster - Digital Product Manager</title>
|
||||
<link rel="stylesheet" href="~/lib/bootstrap/css/bootstrap.min.css" />
|
||||
<link href="~/lib/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/css/carousel.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/clivelancaster.styles.css" asp-append-version="true" />
|
||||
|
||||
<link rel="stylesheet" href="~/lib/tailwind/tailwindcss.css" />
|
||||
<link rel="stylesheet" href="~/css/main.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap">
|
||||
|
||||
<script defer src="https://analytics.rokoh.com/script.js" data-website-id="7c70ca5f-c4e8-46ef-9f49-8daae609f705"></script>
|
||||
<link rel="icon" type="image/x-icon" href='@Url.Content("~/favicon.ico")'>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow fixed-top mb-3">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">CLIVE LANCASTER</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
|
||||
aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
|
||||
<ul class="navbar-nav flex-grow-1">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" asp-area="" asp-controller="Home" asp-action="Index"><i class="bi bi-house-fill"></i> Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" asp-area="" asp-controller="Home" asp-action="About"><i class="bi bi-file-person-fill"></i> About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" asp-area="" asp-controller="Home" asp-action="Services"><i class="bi bi-box-fill"></i> Services</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" asp-area="" asp-controller="Home" asp-action="Clients"><i class="bi bi-people-fill"></i> Clients</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://blog.clivelancaster.com" style="color:#595959;" onmouseover="this.style.color='#333333'" onmouseout="this.style.color='#595959'"><i class="bi bi-substack"></i> Blog</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" asp-area="" asp-controller="Contact" asp-action="Index"><i class="bi bi-envelope-fill"></i> Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<body class="text-slate-700 bg-white flex flex-col min-h-screen">
|
||||
|
||||
<main role="main" class="pb-3">
|
||||
@RenderBody()
|
||||
</main>
|
||||
@RenderBody()
|
||||
|
||||
<div class="container">
|
||||
<footer class="py-2">
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
|
||||
<p>Clive Lancaster © @DateTime.Now.Year - <a style="color:#212529bf;" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy Policy</a> | <a style="color:#212529bf;" asp-area="" asp-controller="Home" asp-action="Terms">Terms</a></p>
|
||||
<ul class="list-unstyled d-flex">
|
||||
<li class="ms-3"><a class="link-body-emphasis" href="https://www.linkedin.com/in/clivelancaster/"><i class="bi bi-linkedin"></i></a></li>
|
||||
<li class="ms-3"><a class="link-body-emphasis" href="https://x.com/clivelancaster"><i class="bi bi-twitter-x"></i></a></li>
|
||||
<li class="ms-3"><a class="link-body-emphasis" href="https://www.youtube.com/@@CliveLancaster/"><i class="bi bi-youtube"></i></a></li>
|
||||
<li class="ms-3"><a class="link-body-emphasis" href="https://www.instagram.com/shotreact/"><i class="bi bi-instagram"></i></a></li>
|
||||
</ul>
|
||||
<footer class="bg-slate-900 text-slate-400 py-16">
|
||||
<div class="max-w-7xl mx-auto px-6 grid md:grid-cols-2 lg:grid-cols-4 gap-12">
|
||||
<partial name="_PartialFooter" />
|
||||
<div>
|
||||
<partial name="_PartialFooterForm" />
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
<script src="~/lib/jquery/dist/jquery.min.js"></script>
|
||||
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</div>
|
||||
<partial name="_PartialLegal" />
|
||||
</footer>
|
||||
|
||||
<script src="~/js/site.js" asp-append-version="true"></script>
|
||||
@await RenderSectionAsync("Scripts", required: false)
|
||||
</body>
|
||||
|
||||
@@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="Accomplished Digital Product Manager with 12+ years of experience in health-tech, prop-tech, HR, and e-commerce. Reducing risk and increasing efficiency.">
|
||||
<meta name="keywords" content="product, manager, owner, health, strategy, customer, commercial, management, agile, digital, clive, lancaster">
|
||||
<meta name="author" content="Clive Lancaster">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>@ViewData["Title"] - Clive Lancaster - Digital Product Manager</title>
|
||||
|
||||
<link rel="stylesheet" href="~/lib/tailwind/tailwindcss.css" />
|
||||
<link rel="stylesheet" href="~/css/main.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap">
|
||||
|
||||
<script defer src="https://analytics.rokoh.com/script.js" data-website-id="7c70ca5f-c4e8-46ef-9f49-8daae609f705"></script>
|
||||
<link rel="icon" type="image/x-icon" href='@Url.Content("~/favicon.ico")'>
|
||||
</head>
|
||||
<body class="text-slate-700 bg-slate-50 flex flex-col min-h-screen">
|
||||
|
||||
@RenderBody()
|
||||
|
||||
<footer class="bg-slate-900 text-slate-400 py-16">
|
||||
<div class="max-w-7xl mx-auto px-6 grid md:grid-cols-3 lg:grid-cols-3 gap-12">
|
||||
<partial name="_PartialFooter" />
|
||||
</div>
|
||||
<partial name="_PartialLegal" />
|
||||
</footer>
|
||||
|
||||
<script src="~/js/site.js" asp-append-version="true"></script>
|
||||
@await RenderSectionAsync("Scripts", required: false)
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,52 @@
|
||||
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
|
||||
for details on configuring this project to bundle and minify static web assets. */
|
||||
|
||||
.navbar > .container {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
a.navbar-brand {
|
||||
white-space: normal;
|
||||
text-align: center;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
color: #fff;
|
||||
background-color: #1b6ec2;
|
||||
border-color: #1861ac;
|
||||
}
|
||||
|
||||
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
|
||||
color: #fff;
|
||||
background-color: #1b6ec2;
|
||||
border-color: #1861ac;
|
||||
}
|
||||
|
||||
.border-top {
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
.border-bottom {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
/*.box-shadow {
|
||||
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
|
||||
}*/
|
||||
|
||||
button.accept-policy {
|
||||
font-size: 1rem;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
line-height: 60px;
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
<div>
|
||||
<h4 class="text-white text-xl font-bold mb-6">CLIVE LANCASTER</h4>
|
||||
<p class="text-sm mb-6">Digital Product Management excellence backed by 12+ years of industry experience across Europe and Asia Pacific.</p>
|
||||
<div class="flex space-x-4">
|
||||
<a href="https://www.linkedin.com/in/clivelancaster/" class="text-white hover:text-blue-400 transition"><i class="fab fa-linkedin fa-lg"></i></a>
|
||||
<a href="https://t.me/clivelancaster" class="text-white hover:text-blue-400 transition"><i class="fab fa-telegram fa-lg"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 class="text-white font-semibold mb-6">Overview</h4>
|
||||
<ul class="space-y-2 text-sm">
|
||||
<li><a href="/#about" class="hover:text-white transition">About</a></li>
|
||||
<li><a href="/#services" class="hover:text-white transition">Services</a></li>
|
||||
<li><a href="/#experience" class="hover:text-white transition">Clients</a></li>
|
||||
<li><a href="/#experience" class="hover:text-white transition">Case Studies</a></li>
|
||||
<li><a href="https://blog.clivelancaster.com" class="hover:text-white transition">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 class="text-white font-semibold mb-6">Contact</h4>
|
||||
<ul class="space-y-2 text-sm">
|
||||
<li><i class="fas fa-phone w-6"></i> <span id="contact-phone" class="hidden"></span></li>
|
||||
<li><i class="fas fa-map-marker-alt w-6"></i> Sydney, Australia</li>
|
||||
<li><i class="fas fa-globe w-6"></i> Remote / Global</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -0,0 +1,10 @@
|
||||
@model clivelancaster.Models.SubscribeFormModel
|
||||
|
||||
<h4 class="text-white font-semibold mb-4">Stay Connected</h4>
|
||||
<p class="text-xs mb-4">Subscribe for insights on product strategy and tech trends.</p>
|
||||
<form asp-action="Index" class="flex flex-col gap-2" method="post">
|
||||
<label asp-for="email" for="email" class="visually-hidden">Email address</label>
|
||||
<input asp-for="email" id="email" type="text" placeholder="Email address" autocomplete="on" class="bg-slate-800 text-white border border-slate-700 rounded px-4 py-2 text-sm focus:outline-none focus:border-blue-500 transition">
|
||||
<span asp-validation-for="email" class="text-danger"></span>
|
||||
<button class="bg-blue-600 text-white font-semibold py-2 rounded hover:bg-blue-700 transition text-sm" type="submit">Subscribe</button>
|
||||
</form>
|
||||
@@ -0,0 +1,7 @@
|
||||
<div class="max-w-7xl mx-auto px-6 mt-16 pt-8 border-t border-slate-800 flex flex-col md:flex-row justify-between items-center text-xs">
|
||||
<p>© @DateTime.Now.Year Clive Lancaster. All rights reserved.</p>
|
||||
<div class="flex space-x-6 mt-4 md:mt-0">
|
||||
<a href="/Home/Privacy" class="hover:text-white">Privacy Policy</a>
|
||||
<a href="/Home/Terms" class="hover:text-white">Terms of Service</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,25 @@
|
||||
<nav class="fixed w-full z-50 bg-white/95 backdrop-blur-md border-b border-slate-100 transition-all duration-300" id="navbar">
|
||||
<div class="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
|
||||
<a href="/Home" class="text-2xl font-bold text-slate-900 tracking-tight hover:opacity-80 transition">CLIVE <span class="text-blue-600">LANCASTER</span></a>
|
||||
|
||||
<div class="hidden md:flex space-x-8 items-center">
|
||||
<a href="/Home/#about" class="text-slate-600 hover:text-blue-600 font-medium transition">About</a>
|
||||
<a href="/Home/#services" class="text-slate-600 hover:text-blue-600 font-medium transition">Services</a>
|
||||
<a href="/Home/#experience" class="text-slate-600 hover:text-blue-600 font-medium transition">Experience</a>
|
||||
<a href="https://blog.clivelancaster.com" class="text-slate-600 hover:text-blue-600 font-medium transition">Blog</a>
|
||||
</div>
|
||||
|
||||
<button id="mobile-menu-btn" class="md:hidden text-slate-600 text-2xl focus:outline-none p-2" aria-label="Toggle Menu">
|
||||
<i class="fas fa-bars"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div id="mobile-menu" class="hidden md:hidden absolute top-20 left-0 w-full bg-white border-b border-slate-100 shadow-xl">
|
||||
<div class="flex flex-col px-6 py-4 space-y-4">
|
||||
<a href="/Home/#about" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">About</a>
|
||||
<a href="/Home/#services" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">Services</a>
|
||||
<a href="/Home/#experience" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">Experience</a>
|
||||
<a href="https://blog.clivelancaster.com" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">Blog</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
Reference in New Issue
Block a user