97 lines
3.3 KiB
HTML
97 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
|
|
<meta content="width=device-width, initial-scale=1" name="viewport">
|
|
|
|
<link rel="shortcut icon" href="/images/favicon.ico">
|
|
|
|
<title>Nathan Chapman</title>
|
|
|
|
<meta content="Actively avoiding parallax-scrolling, bootstrap, WordPress, Squarespace, and any other main-stream, bloated, monster-of-a-website 'framework' designed to accommodate every possible solution known to the wet blanket of clientele." name="description">
|
|
<meta content="websites, web design, custom, simple, fast, clean, html, css, javascript, designer, writer" name="keywords">
|
|
|
|
<link href="/styles/normalize.css" rel="stylesheet">
|
|
<link href="/styles/index.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h4>Nathan Chapman</h4>
|
|
<nav>
|
|
<a href="/">Music</a> /
|
|
<a href="/websites">Websites</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<article>
|
|
<h1>Websites</h1>
|
|
<section>
|
|
<h3>Simple websites. No fluff.</h3>
|
|
<p>Actively avoiding parallax-scrolling, bootstrap, WordPress, Squarespace, and any other main-stream, bloated, monster-of-a-website "framework" designed to accommodate every possible solution known to the wet blanket of clientele.</p>
|
|
<p>Designing around good writing, typography, color, and shape. Mobile and responsive.</p>
|
|
<p><a href="mailto:contact@nathanjchapman.com">Contact me</a> and let's get you a working website.</p>
|
|
</section>
|
|
<section>
|
|
<h3>Websites</h3>
|
|
<div class="website-list">
|
|
<a class="website-list__item" href="https://aylafavati.com/">
|
|
Ayla Favati
|
|
<img src="/images/website_favati.png">
|
|
</a>
|
|
<a class="website-list__item" href="https://jhcillustration.com/">
|
|
JHC Illustration
|
|
<img src="/images/website_jhc.png">
|
|
</a>
|
|
<a class="website-list__item" href="https://jjayberthumemusic.com/">
|
|
JJay Berthume Music
|
|
<img src="/images/website_berthume.png">
|
|
</a>
|
|
<a class="website-list__item" href="http://wallyworks.net/">
|
|
Wallyworks Construction
|
|
<img src="/images/website_wallyworks.png">
|
|
</a>
|
|
<a class="website-list__item" href="https://owlsprit.nathanjchapman.com/">
|
|
Owl Sprit Cafe
|
|
<img src="/images/website_owlsprit.png">
|
|
</a>
|
|
<a class="website-list__item" href="https://bltc.nathanjchapman.com/">
|
|
Better Living Coffee
|
|
<img src="/images/website_bltc.png">
|
|
</a>
|
|
<a class="website-list__item" href="http://ptdefense.com/">
|
|
PT Defense
|
|
<img src="/images/website_ptdefense.png">
|
|
</a>
|
|
<a class="website-list__item" href="http://jac.nathanjchapman.com/">
|
|
JAC Defenders
|
|
<img src="/images/website_jac.png">
|
|
</a>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<h3>Web Apps</h3>
|
|
<h4>Workroom</h4>
|
|
<p>Timecards and labor tracking</p>
|
|
<img src="/images/workroom_01.png">
|
|
<img src="/images/workroom_02.png">
|
|
<img src="/images/workroom_03.png">
|
|
<img src="/images/workroom_04.png">
|
|
<h4>Workdesk</h4>
|
|
<p>Shift assignments and preferences</p>
|
|
<img src="/images/workdesk_01.png">
|
|
<img src="/images/workdesk_02.png">
|
|
<img src="/images/workdesk_03.png">
|
|
<img src="/images/workdesk_04.png">
|
|
</div>
|
|
</section>
|
|
</article>
|
|
</main>
|
|
|
|
<footer>
|
|
<p><small>Copyright ©2021 Nathan Chapman. All rights reserved.</small></p>
|
|
</footer>
|
|
</body>
|
|
</html>
|