JSFiddle - React, Tailwind, and code Playground

by Rohit Azad

HTML

<div id="box0">
<img src="http://www.about-australia.com/wp-content/uploads/accommodation/green-island-resort-9288793.jpg" id="img2"/>
   <div id="container">
  	<a id="a1" href="www.google.com">Home</a>
	<a id="a1" href="www.google.com">Cruises</a>
	<a id="a1" href="www.google.com">Tours</a>
   	<a id="a1" href="www.google.com">About Us</a>
  </div>
</div>

<img id="img1" src ="http://i.imgur.com/txOUmXH.jpg"/>

<div id="box1">
<h1>
Green Island Great Barrier Reef
</h1>
<p id="p2"> 
A visit to the Great Barrier Reef is the most popular thing to do whilst in Cairns. Green Island is a beautiful coral cay on Australia's Great Barrier Reef with unique island rainforests, surrounded by white sandy beaches & magnificent coral reefs and abundant marine life. Big Cat Green Island Reef Cruises offers you the choice of a full day or half day cruise so you can snorkel, dive and swim in the clear island waters, view the spectacular reef on a coral viewing tour, explore Green Island National Park or just relax on the sandy beach.
</p>
<img src="http://i.imgur.com/wLIRlRm.jpg" id="vid"/>
<p id="p1">
"<em>Easily the best decision i've ever made!</em>" - <span>Mark Ruffalo</span>
</p>

<div id ="p3">
A visit to the Great Barrier Reef is the most popular thing to do whilst in Cairns. Green Island is a beautiful coral cay on Australia's Great Barrier Reef with unique island rainforests, surrounded by white sandy beaches & magnificent coral reefs and abundant marine life. Big Cat Green Island Reef Cruises offers you the choice of a full day or half day cruise so you can snorkel, dive and swim in the clear island waters, view the spectacular reef on a coral viewing tour, explore Green Island National Park or just relax on the sandy beach of the nation park of this margin is
<img id="img3" src="http://resources0.news.com.au/images/2013/08/20/1226700/497500-730e6fac-0933-11e3-a09f-e8cf4599a091.jpg" />
A visit to the Great Barrier Reef is the most popular thing to do whilst in Cairns....

CSS

#title {
	font-size: 20px;
}

body	{
	margin:0
}

.sp2	{
	font-size: 30px;
}

.sp1	{
	color: white;
}

#sd1	{
	display: flex;
  	justify-content: space-between;
	padding-left: 50px;
	padding-right: 50px;
}

#p4	{
	opacity: 0.6;
}

#img5	{
	float:right;
}

#box0	{
	background-color:white;
	height:250px;
	width:1500px;
	margin: auto;
}

body {
	background-image: url("http://i.imgur.com/Cnu1sSM.jpg");
	background-size: 2000px 3000px;
}

#img1 {
	display: block;
	height: auto; 
	width: 1500px;
	padding: auto;
	margin: auto;
}

#vid {
	z-index: 1;
	float: right;
	padding-right: 100px;
	display: inline-block;
}

#container {
  	display: flex;
  	justify-content: space-between;
	padding-right: 400px;
	padding-left: 400px;
	padding-top: 10px;
}

#box1 {
	background-color: #a7cf3d;
	height:1700px;
	width:1500px;
	margin: auto;
	}
	
h1 {
	margin: 0;
	padding-top: 60px;
	padding-left: 100px;
	padding-bottom: 30px;
	font-size: 30px;
	color: white;
}

#img3 {
	float:left;
	display:inline;
	margin: 25px 25px 25px 0;
}

#p3 {
	font-family: Arial;
	line-height: 24px;
	font-size: 20px;
	float:left;
	margin:auto;
	width: 1300px;
	padding-left: 50px;
	padding-top: 50px;
}

#p2 {
	font-family: Arial;
	line-height: 24px;
	font-size: 20px;
	float:left;
	margin:auto;
	display:inline-block;
	width: 650px;
	word-wrap: break-word;
	padding-left: 50px;
	padding-bottom: 50px;
}

#title {
	font-size: 20px;
	font-weight: bold;
	color: white;
}

#title2 {
	color: white;
}
	
#p1 {
	font-size: 30px;
	margin: auto;
	width: 500px;
	word-wrap: break-word;
	float:left;
	padding-left: 100px;
}
	
#a1 {
	text-decoration: none;
	color: black;
	font-size: 25px;
	font-family: serif;
}

div2 {
	height: 100px;
	width: 100px;
	background-color:#a6cf3d;
	margin:auto;
}

#img2 {
	display:block;
	margin:auto;
	width: 300px;
	height: auto;
}

#img4 {
	height:auto;
	width:1500px;
}