JSFiddle - React, Tailwind, and code Playground
HTML
<head>
<title>Jeremy Girard website design portfolio and blog - Rhode Island web designer</title>
<link rel='stylesheet' href='http://www.pumpkin-king.com/index.php/styles/reset-css' />
<link rel='stylesheet' href='http://www.pumpkin-king.com/index.php/styles/default-css' />
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body id="homePage">
<div id="container">
<nav>
<ul>
<li><a href="/">{!Clinic_Name__c}</a></li>
</ul>
</nav>
<div id="page">
<header>
<p><a href="http://www.pumpkin-king.com">VitalPet.com - brings you & {!varPETNAME} our new personalized report cards</a></p>
</header>
<section id="billboard">
<h2><b>Pixels <span class="amp">&</span> paragraphs</b> hand carved using the finest materials</h2>
<p><a href="http://www.pumpkin-king.com/portfolio" id="portfolioLink">Preview some pixels</a></p>
<p><a href="http://www.pumpkin-king.com/blog" id="blogLink">Peruse some paragraphs</a></p>
</section>
<section id="content">
<section id="mainContent">
<h3>Hello. My name is Jeremy Girard.</h3>
<p>I design websites as well as the occasional print piece or logo. This is where I showcase my work and post “the thinks that I think” in my blog.</p>
<p>An unusual fact about me - I was born with six toes on each foot. The extra toes were removed before I was a year old, leaving me with normal feet. I blame this surgery that was done without my consent on my lack of superpowers. I know that had I been allowed to keep those extra toes, I would be a frickin’ awesome crimefighter (and this designer gig would just be my secret identity).</p>
<p>Still reading - and now somewhat intrigued by the idea of a six-toed, crime-fighting web designer? Awesome, carry on.</p>
<h4>Choose your own adventure</h4>
<p>You've come to a crossroads and must decide what direction you will take....