JSFiddle - React, Tailwind, and code Playground

by htmlmonkey

HTML

<div class="nav">
		     	<h1>Resume</h1>
	 		<ul>
				<li>Home</li>
				<li>Portfolio</li>
				<li>Skills</li>
				<li>Experience</li>
				<li>Contact</li>
			</ul>
		   </div>

		
		<div class="slider">
			<h2>Andrew Hardiman</h2>
			<p>Webdesigner & Developer</p>
			<p>Read More</p>
			<p>HTML</P>
			<p>css</P>
			<h3>I design and develop amazing websites that are sleek, easy-to-navigate and exiting to use.</h3>
			<p>Work with us to plan your digital marketing mix and achieve better results online.</p>
		   </div>
		</div>
	

		
		<div class="Portfolio">
		   <div class="container">
			<h3>Portfolio</h3>
			<img src="https://download.unsplash.com/photo-1423655156442-ccc11daa4e99">
			<h3>Client</h3>
			<h4>JPMorgan</h4>
			<h3>Role in Project</h3>
			<h4>Project Lead</h4>
			<h3>Project Included</h3>
			<h4>Mobile and Web Interface</h4>
		   </div>
		</div>

		
		<div class="skills">
		   <div class="container">
			<h3>Skills</h3>
			<p>I am a bit of a hybrid Web Developer and like to utilise my skills both front and back end as well
			as keep in touch with my creative side designing websites</p>
			<p>html</P>
			<p>CSS</p>
			<p>JavaScript</p>
			<p>jQuery</P>
		   </div>
		</div>


		<div class="Experience">
		   <div class="container">
			<h3>Experience</h3>
			<h4>Work Experience</h4>
			<p>Blah blah blah, professional with this and that<p>
			<h5>Royal National Lifeboat Institution</h5>
			<p>Coastal Support Officer, blah blah blah<p>
			<h5>Pioneer Business Systems</h5>
			<p>blah d, blah d, blah</p>
			<h5>JPMorgan Chase</h5>
			<p>Some more blah d, blah</p>
		   </div>
		</div>


		<div class="wrap">
		   <div class="container">
			<img src="https://download.unsplash.com/photo-1424296308064-1eead03d1ad9">
			<h3>Andrew Hardiman</h3>
			<p>I have worked for one of the top Investment Banks in the world (JPMorgan) and loved
			every minute of it!</p>
			<p>Today, I have left the world of high-finance to fulfil my curiosity in the freelance
			arena...

CSS

.nav li {
	display: inline-block;
   }

.nav ul {
	float: right;
   }

.nav h1 {
	float: left;
}