Add composer page and move website page

This commit is contained in:
Nathan Chapman 2020-03-09 06:28:07 -06:00
parent 039b64a719
commit 7062cba8f2
3 changed files with 113 additions and 17 deletions

View File

@ -16,28 +16,21 @@
</head>
<body>
<header>
<h3>Websites <em>by</em> <br>
Nathan Chapman</h3>
<h3>Nathan Chapman</h3>
<nav>
<p>
<a href="/">Music</a> /
<a href="/websites">Websites</a>
</p>
</nav>
</header>
<main>
<article>
<section>
<h1>Simple websites. No fluff.</h1>
<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, and a few visual elements (colors and shapes) to give some polish.</p>
<p><strong>$250</strong> flat fee. Seriously.</p>
<p>Contact me at <a href="mailto:contact@nathanjchapman.com">contact@nathanjchapman.com</a> and let's get you a working website.</p>
</section>
<section>
<h1>My Work</h1>
<ul>
<li><a href="https://jjayberthumemusic.com/">JJay Berthume Music</a></li>
<li><a href="http://wallyworks.net/">Wallyworks Construction</a></li>
<li><a href="https://owlsprit.com/">Owl Sprit Cafe</a></li>
<li><a href="http://ptdefense.com/">PT Defense</a></li>
</ul>
<h1></h1>
<p>I'm a composer for film, games, and other mediums. I created the soundtracks to the online stories the <a href="http://www.lastwebsite.io/">Last Website</a> and the <a href="https://www.novella.io/novellas/the-story-of-red">Story Of Red</a>, a small short <a href="https://www.youtube.com/watch?v=wJ1p_cZ5krc">Simple Killjoy</a>, and other projects. I received my first introduction to music production and composition in High School and have been pursuing the craft ever since. Currently working out of Utah with plans to move East.</p>
<p>You can find my music on <a href="https://music.nathanjchapman.com/">Bandcamp</a>. <br>Contact me at <a href="mailto:contact@nathanjchapman.com">contact@nathanjchapman.com</a>.</p>
</section>
</article>
</main>

50
websites.html Normal file
View File

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html>
<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="../img/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/index.css" rel="stylesheet">
</head>
<body>
<header>
<h3>Websites <em>by</em> <br>
Nathan Chapman</h3>
<a href="/">Music</a>
</header>
<main>
<article>
<section>
<h1>Simple websites. No fluff.</h1>
<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, and a few visual elements (colors and shapes) to give some polish.</p>
<p><strong>$250</strong> flat fee. Seriously.</p>
<p>Contact me at <a href="mailto:contact@nathanjchapman.com">contact@nathanjchapman.com</a> and let's get you a working website.</p>
</section>
<section>
<h1>My Work</h1>
<ul>
<li><a href="https://jjayberthumemusic.com/">JJay Berthume Music</a></li>
<li><a href="http://wallyworks.net/">Wallyworks Construction</a></li>
<li><a href="https://owlsprit.com/">Owl Sprit Cafe</a></li>
<li><a href="http://ptdefense.com/">PT Defense</a></li>
</ul>
</section>
</article>
</main>
<footer>
<p><small><em>Copyright ©2020 Nathan Chapman. All rights reserved.</em></small></p>
</footer>
</body>
</html>

53
websites/index.html Normal file
View File

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html>
<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="../img/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/index.css" rel="stylesheet">
</head>
<body>
<header>
<h3>Nathan Chapman</h3>
<nav>
<p>
<a href="/">Music</a> /
<a href="/websites">Websites</a>
</p>
</nav>
</header>
<main>
<article>
<section>
<h1>Simple websites. No fluff.</h1>
<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, and a few visual elements (colors and shapes) to give some polish.</p>
<p><strong>$250</strong> flat fee. Seriously.</p>
<p>Contact me at <a href="mailto:contact@nathanjchapman.com">contact@nathanjchapman.com</a> and let's get you a working website.</p>
</section>
<section>
<h1>My Work</h1>
<ul>
<li><a href="https://jjayberthumemusic.com/">JJay Berthume Music</a></li>
<li><a href="http://wallyworks.net/">Wallyworks Construction</a></li>
<li><a href="https://owlsprit.com/">Owl Sprit Cafe</a></li>
<li><a href="http://ptdefense.com/">PT Defense</a></li>
</ul>
</section>
</article>
</main>
<footer>
<p><small><em>Copyright ©2020 Nathan Chapman. All rights reserved.</em></small></p>
</footer>
</body>
</html>