bitstream/uovidiu.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Redesign services section with bold typographic layout and update CTA copy across site

Browse Source
This commit is contained in:
Ovidiu U
2026-03-14 07:18:24 +00:00
parent 484066a80e
commit a4c8912b61
5 changed files with 176 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
index.php
View File

@@ -11,7 +11,7 @@ require __DIR__.'/includes/header.php';
<p class="hero-sub">I build web applications that work.<br>PHP, MySQL, clean code, no nonsense.</p>
<div class="hero-cta">
<a href="/portfolio" class="btn">View Work →</a>
<a href="#contact" class="btn btn-ghost">Get in Touch</a>
<a href="#contact" class="btn btn-ghost">Let's Talk</a>
</div>
</header>
@@ -24,29 +24,62 @@ require __DIR__.'/includes/header.php';
</div>
</section>
<section id="services" class="section">
<div class="section-label">002 — Services</div>
<div class="services-grid">
<div class="service-item">
<span class="service-num">01</span>
<h3>Website Design & Development</h3>
<p>Clean, fast websites that look great on any device. Whether it's a refresh or a brand new site, built to make a good first impression.</p>
</div>
<div class="service-item">
<span class="service-num">02</span>
<h3>Custom Tools & Systems</h3>
<p>Need a booking page, job tracker, or customer portal? I'll build exactly what your business needs — no bloated templates.</p>
</div>
<div class="service-item">
<span class="service-num">03</span>
<h3>Booking & Scheduling Systems</h3>
<p>Let your customers book online, manage appointments, and cut down on phone tag. Perfect for garages, salons, and service businesses.</p>
</div>
<div class="service-item">
<span class="service-num">04</span>
<h3>Ongoing Support & Updates</h3>
<p>Already got a website that needs some love? I'll tidy it up, speed it up, and keep it running smoothly.</p>
</div>
<section id="services" class="services-section">
<div class="services-section-label">002 — Services</div>
<h2 class="services-heading">Services</h2>
<div class="services-list">
<div class="service-row">
<div class="service-row-body">
<span class="service-row-num">(01)</span>
<div class="service-row-content">
<h3 class="service-row-title">Website Design<br>&amp; Development</h3>
<div class="service-row-tags">
<span class="service-tag">Design</span>
<span class="service-tag">Development</span>
<span class="service-tag">Responsive</span>
</div>
</div>
</div>
</div>
<div class="service-row">
<div class="service-row-body">
<span class="service-row-num">(02)</span>
<div class="service-row-content">
<h3 class="service-row-title">Custom Tools<br>&amp; Systems</h3>
<div class="service-row-tags">
<span class="service-tag">PHP</span>
<span class="service-tag">MySQL</span>
<span class="service-tag">Custom Builds</span>
</div>
</div>
</div>
</div>
<div class="service-row">
<div class="service-row-body">
<span class="service-row-num">(03)</span>
<div class="service-row-content">
<h3 class="service-row-title">Booking &amp;<br>Scheduling</h3>
<div class="service-row-tags">
<span class="service-tag">Bookings</span>
<span class="service-tag">Automation</span>
<span class="service-tag">Small Business</span>
</div>
</div>
</div>
</div>
<div class="service-row">
<div class="service-row-body">
<span class="service-row-num">(04)</span>
<div class="service-row-content">
<h3 class="service-row-title">Ongoing Support<br>&amp; Updates</h3>
<div class="service-row-tags">
<span class="service-tag">Maintenance</span>
<span class="service-tag">Performance</span>
<span class="service-tag">Support</span>
</div>
</div>
</div>
</div>
</div>
</section>