-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathservices.html
More file actions
149 lines (137 loc) · 6.51 KB
/
Copy pathservices.html
File metadata and controls
149 lines (137 loc) · 6.51 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Services — PatchWork Labs</title>
<meta name="description" content="Web development, software and server-side upgrades, AWS cloud infrastructure, and automation/DevOps services from PatchWork Labs." />
<meta property="og:type" content="website" />
<meta property="og:title" content="Services — PatchWork Labs" />
<meta property="og:description" content="Web development, software and server-side upgrades, AWS cloud infrastructure, and automation/DevOps services from PatchWork Labs." />
<meta property="og:image" content="https://patchworklabs.dev/images/logo-lockup.png" />
<meta property="og:url" content="https://patchworklabs.dev/services" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="css/style.css" />
<link rel="icon" type="image/png" href="images/logo-badge.png" />
</head>
<body>
<nav class="nav">
<div class="nav-inner">
<a href="/" class="nav-logo">
<img src="images/logo-badge.png" alt="PatchWork Labs logo" class="nav-logo-icon" />
PatchWork Labs
</a>
<ul class="nav-links">
<li><a href="/">Home</a></li>
<li><a href="services">Services</a></li>
<li><a href="work">Work</a></li>
<li><a href="about">About</a></li>
<li class="nav-cta"><a href="contact">Contact</a></li>
</ul>
<button class="nav-toggle" aria-label="Toggle menu">
<span></span><span></span><span></span>
</button>
</div>
</nav>
<div class="mobile-nav">
<a href="/">Home</a>
<a href="services">Services</a>
<a href="work">Work</a>
<a href="about">About</a>
<a href="contact">Contact</a>
</div>
<!-- PAGE HERO -->
<section class="page-hero">
<div class="page-hero-content">
<div class="breadcrumb">
<a href="/">Home</a>
<span>/</span>
<span>Services</span>
</div>
<h1>Our <span class="accent">Services</span></h1>
<p>Four ways we help keep your business running — and growing — without the headaches.</p>
</div>
</section>
<!-- SERVICES -->
<section class="section-padding">
<div class="container">
<div class="features-grid">
<div class="feature-card fade-up">
<div class="feature-icon">🌐</div>
<h3>Web Development</h3>
<p>Custom-built websites and web applications — designed, coded, and shipped. Whether you need a simple marketing site or a full stack app with its own API, we build it to fit your business, not a template.</p>
<ul class="included-list">
<li>Custom-designed websites for marketing, portfolios, and small businesses</li>
<li>Full stack web applications with custom backends and APIs</li>
<li>Responsive, mobile-first builds</li>
<li>Performance- and SEO-conscious code</li>
<li>Ongoing updates and content changes after launch</li>
</ul>
</div>
<div class="feature-card fade-up">
<div class="feature-icon">🔧</div>
<h3>Software & Server-Side Upgrades</h3>
<p>Already have an application or server that's falling behind on versions, security patches, or just feels fragile? We work through the upgrade path methodically — fixing breaking changes as we go — so nothing snaps in production.</p>
<ul class="included-list">
<li>Framework and dependency version upgrades</li>
<li>Resolving breaking changes from major version bumps</li>
<li>Server patching, hardening, and OS updates</li>
<li>Security and dependency audits</li>
<li>Quality-of-life improvements and bug fixes</li>
</ul>
</div>
<div class="feature-card fade-up">
<div class="feature-icon">☁️</div>
<h3>Cloud Infrastructure & AWS</h3>
<p>From a blank AWS account to a running, secured environment — we build cloud infrastructure sized for where your business actually is, with room to grow when it needs to.</p>
<ul class="included-list">
<li>AWS account and server setup from scratch</li>
<li>EC2 instance provisioning and configuration</li>
<li>Storage, networking, and security group setup</li>
<li>Migrating existing apps and servers to AWS</li>
<li>Right-sized infrastructure — no over-provisioning</li>
</ul>
</div>
<div class="feature-card fade-up">
<div class="feature-icon">⚙️</div>
<h3>Automation & DevOps</h3>
<p>If a task is repetitive, it can probably be automated. We build the pipelines and scripts that turn manual, error-prone processes into something that just runs.</p>
<ul class="included-list">
<li>CI/CD pipelines (GitHub Actions, Bitbucket Pipelines)</li>
<li>Ansible playbooks for repeatable server configuration</li>
<li>Deployment automation and rollback strategies</li>
<li>PowerShell, Bash, and Python scripting for routine tasks</li>
<li>Monitoring and alerting setup</li>
<li>AI tooling integration — infrastructure and workflows for running AI in your applications</li>
</ul>
</div>
</div>
</div>
</section>
<!-- CTA -->
<div class="cta-band">
<div class="cta-band-inner">
<h2>Not sure which service you need?</h2>
<p>That's fine — most projects are a mix. Tell us what's going on and we'll figure out the right approach together.</p>
<div class="btn-group">
<a href="contact" class="btn btn-primary">Get In Touch</a>
<a href="work" class="btn btn-outline">See Our Work</a>
</div>
</div>
</div>
<footer class="footer">
<div class="footer-inner">
<div class="footer-brand">PatchWork <span class="accent">Labs</span></div>
<div class="footer-copy">© 2026 · PatchWork Labs · patchworklabs.dev</div>
<div class="footer-links">
<a href="work">Work</a>
<a href="about">About</a>
<a href="contact">Contact</a>
</div>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>