Simplify homepage copy and adjust spacing for better mobile layout
This commit is contained in:
@@ -138,7 +138,7 @@ a {
|
|||||||
background: var(--black);
|
background: var(--black);
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
max-width: clamp(280px, 40vw, 550px);
|
max-width: clamp(280px, 40vw, 550px);
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 2rem;
|
||||||
border-left: 8px solid var(--accent);
|
border-left: 8px solid var(--accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -146,6 +146,12 @@ a {
|
|||||||
BUTTONS - INDUSTRIAL ACTUATORS
|
BUTTONS - INDUSTRIAL ACTUATORS
|
||||||
======================================== */
|
======================================== */
|
||||||
|
|
||||||
|
.hero-cta {
|
||||||
|
display: flex;
|
||||||
|
gap: 1.5rem;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-family: var(--mono);
|
font-family: var(--mono);
|
||||||
@@ -182,7 +188,7 @@ a {
|
|||||||
======================================== */
|
======================================== */
|
||||||
|
|
||||||
.section {
|
.section {
|
||||||
padding: 5rem 3rem;
|
padding: 3rem 2.5rem;
|
||||||
background: var(--grey-light);
|
background: var(--grey-light);
|
||||||
border: var(--border-thick);
|
border: var(--border-thick);
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
|
|||||||
@@ -18,8 +18,8 @@ require __DIR__.'/includes/header.php';
|
|||||||
<section id="about" class="section">
|
<section id="about" class="section">
|
||||||
<div class="section-label">001 — About</div>
|
<div class="section-label">001 — About</div>
|
||||||
<div class="section-content">
|
<div class="section-content">
|
||||||
<p class="large-text">I'm a PHP/MySQL developer based in Peterborough. I build custom web apps, backend systems, and the kind of tools businesses actually need but can't find off the shelf.</p>
|
<p class="large-text">I'm a web developer based in Peterborough. I build websites and online tools for small businesses — things like booking systems, customer dashboards, and the bits that make your day-to-day easier to manage.</p>
|
||||||
<p>Most of my work is ERP systems, booking tools, and bespoke admin backends. I use PHP and MySQL because they're the right tools for what I build — not because I haven't heard of anything else. Performance matters. So does code you can actually read six months later.</p>
|
<p>Whether you need a fresh website, an online booking page for your garage, or a simple system to keep track of jobs and customers — I'll build it quickly, affordably, and without the jargon.</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@@ -53,7 +53,7 @@ require __DIR__.'/includes/header.php';
|
|||||||
<div class="section-label">003 — Work</div>
|
<div class="section-label">003 — Work</div>
|
||||||
<div class="section-content">
|
<div class="section-content">
|
||||||
<p class="large-text">A few recent builds.</p>
|
<p class="large-text">A few recent builds.</p>
|
||||||
<a href="/portfolio" class="btn">View Portfolio →</a>
|
<a href="/portfolio" class="btn">View Work →</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user