JSFiddle - React, Tailwind, and code Playground

by Anisuzzaman Khan

HTML

<title>Tobys Vintage Hire in Exeter, Devon</title>
	
	<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
	<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
	<link href='http://fonts.googleapis.com/css?family=Limelight' rel='stylesheet' type='text/css'>
	<link href="assets/css/style.css" rel="stylesheet">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	
	
	
</head>
<body>
		<div class="container">
			<div class="row">
				<div class="span12">
					<img src="assets/images/header.jpg">
					</div>
							</div>
						</div>
					</div>
				<div id="navcontainer">
					<ul id="navlist">
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">Items for Hire</a></li>
						<li><a href="#">Packages</a></li>
						<li><a href="#">Gallery</a></li>
						<li><a href="#">Contact</a></li>
					</ul>
				</div>
	
	
</body>
</html>

CSS

body{
  width:100%;
  height:100%;
  background-image: url('http://f.cl.ly/items/1d0l37282q421E172V23/header.jpg');
  background-position: center center;
  background-repeat: no-repeat;
}

#navcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
width: 100%;
color: #000b00;
font-family: 'Limelight', cursive;
font-size: 1.250em;
text-align: center;
}

li { 
	display: inline; 
}

li a
{
padding: .2em 1em;
color: #000;
}

li a:hover
{
color: #00fc45;
text-decoration: none;
}