Move portfolio case studies to data-driven template system and archive old individual files
This commit is contained in:
Ovidiu U
209
index.php
209
index.php
@@ -1,107 +1,124 @@
|
||||
<?php
|
||||
|
||||
$title = 'Ovidiu Ungureanu — Web Developer';
|
||||
$description = 'PHP/MySQL developer based in Peterborough. I build custom web apps, ERP systems, and backends for businesses that need something specific.';
|
||||
require __DIR__.'/includes/header.php';
|
||||
$description = 'PHP/MySQL developer based in Peterborough. I build custom web apps, booking systems, and backends for small businesses.';
|
||||
require __DIR__ . '/includes/header.php';
|
||||
?>
|
||||
|
||||
<header class="hero">
|
||||
<div class="section-label">Web Developer — UK</div>
|
||||
<h1>Ovidiu<br>Ungureanu</h1>
|
||||
<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">Let's Talk</a>
|
||||
<div class="hero-content">
|
||||
<div class="hero-divider"></div>
|
||||
<div class="hero-meta-row">
|
||||
<div class="hero-meta">
|
||||
<span>Web Developer — Peterborough, UK</span>
|
||||
<span>I build web applications that work.</span>
|
||||
<span>Available for freelance</span>
|
||||
</div>
|
||||
<a href="#contact" class="hero-cta-btn">Let's Talk →</a>
|
||||
</div>
|
||||
<h1 class="hero-headline">
|
||||
<span class="line1">CleanCode</span>
|
||||
<span class="line2">Studio</span>
|
||||
</h1>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section id="about" class="section">
|
||||
<div class="section-label">001 — About</div>
|
||||
<div class="section-content">
|
||||
<p> I'm a web developer based in Peterborough.</p>
|
||||
<p>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>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>
|
||||
</section>
|
||||
<main>
|
||||
|
||||
<section id="services" class="services-section">
|
||||
<div class="services-section-label">002 — Services</div>
|
||||
<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>& 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>& 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 &<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>& 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>
|
||||
|
||||
<!--<section class="section section-cta">-->
|
||||
<!-- <div class="section-label">003 — Work</div>-->
|
||||
<!-- <div class="section-content">-->
|
||||
<!-- <p class="large-text">A few recent builds.</p>-->
|
||||
<!-- <a href="/portfolio" class="btn">View Work →</a>-->
|
||||
<!-- </div>-->
|
||||
<!--</section>-->
|
||||
|
||||
<section id="contact" class="section">
|
||||
<div class="section-label">004 — Contact</div>
|
||||
<div class="section-content">
|
||||
<p class="large-text">Got a project in mind?</p>
|
||||
<a href="mailto:hello@uovidiu.com" class="contact-email">hello@uovidiu.com</a>
|
||||
<div class="contact-details">
|
||||
<span>Peterborough, UK</span>
|
||||
<span>·</span>
|
||||
<span>Available for freelance</span>
|
||||
<!-- About / Manifesto -->
|
||||
<section class="manifesto" id="about">
|
||||
<div class="manifesto-label-col">
|
||||
<span class="section-label">001 — About</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="manifesto-text-col">
|
||||
<p class="manifesto-text">
|
||||
I build websites and online tools for small businesses
|
||||
<span class="hl">— booking systems, customer dashboards</span>.
|
||||
|
||||
<?php
|
||||
require __DIR__.'/includes/footer.php'; ?>
|
||||
<br>Fast, affordable, and built to last.
|
||||
Built for businesses that need something real.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Services Category Divider -->
|
||||
<div class="category-divider">
|
||||
<h2>Services</h2>
|
||||
</div>
|
||||
|
||||
<!-- Services List -->
|
||||
<section class="services" id="services">
|
||||
|
||||
<div class="service-row">
|
||||
<span class="service-num">(01)</span>
|
||||
<div class="service-body">
|
||||
<h3 class="service-title">Website Design<br>& Development</h3>
|
||||
<div class="service-tags">
|
||||
<span class="service-tag">Design</span>
|
||||
<span class="service-tag">Development</span>
|
||||
<span class="service-tag">Responsive</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="service-badge">Enquire →</span>
|
||||
</div>
|
||||
|
||||
<div class="service-row service-row--alt">
|
||||
<span class="service-num">(02)</span>
|
||||
<div class="service-body">
|
||||
<h3 class="service-title"><span>Custom Tools<br>& Systems</span></h3>
|
||||
<div class="service-tags">
|
||||
<span class="service-tag">PHP</span>
|
||||
<span class="service-tag">MySQL</span>
|
||||
<span class="service-tag">Custom Builds</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="service-badge">Enquire →</span>
|
||||
</div>
|
||||
|
||||
<div class="service-row">
|
||||
<span class="service-num">(03)</span>
|
||||
<div class="service-body">
|
||||
<h3 class="service-title">Booking &<br>Scheduling</h3>
|
||||
<div class="service-tags">
|
||||
<span class="service-tag">Bookings</span>
|
||||
<span class="service-tag">Automation</span>
|
||||
<span class="service-tag">Small Business</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="service-badge">Enquire →</span>
|
||||
</div>
|
||||
|
||||
<div class="service-row service-row--alt">
|
||||
<span class="service-num">(04)</span>
|
||||
<div class="service-body">
|
||||
<h3 class="service-title"><span>Ongoing Support<br>& Updates</span></h3>
|
||||
<div class="service-tags">
|
||||
<span class="service-tag">Maintenance</span>
|
||||
<span class="service-tag">Performance</span>
|
||||
<span class="service-tag">Support</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="service-badge">Enquire →</span>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- Contact -->
|
||||
<section class="contact-section" id="contact">
|
||||
<div class="contact-inner">
|
||||
<span class="section-label">004 — Contact</span>
|
||||
<h2 class="contact-headline">
|
||||
Got a project<br>
|
||||
<span class="accent">in mind?</span>
|
||||
</h2>
|
||||
<a href="mailto:hello@uovidiu.com" class="contact-email">hello@uovidiu.com</a>
|
||||
<div class="contact-meta">
|
||||
<span>Peterborough, UK</span>
|
||||
<span class="dot">·</span>
|
||||
<span>Available for freelance</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<?php require __DIR__ . '/includes/footer.php'; ?>
|
||||
|
||||
Reference in New Issue
Block a user