JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.delmar.gr/demo/js/jquery-min-1.5.1.js"></script>
<body style="
">

<div class="wraper">

    <div class="header">
    
  <div class="logo">
  <img src="img/bwlogo1.jpg">	</div><!--end of logo-->
    
    <div id="logotext">
    	<h1 class="delmar">HOTEL DEL MAR</h1>
        Milos Greece
    </div><!--end of logotext-->

	<div class="nav">
		<!--Mainmenu-->
<ul class="ulmenu">
    			<li><a href="index.php" class="toplink">About</a></li>
        		<li><a href="en/rooms.php" class="toplink">Rooms</a></li>
        		<li><a href="en/photos.php" class="toplink">Photos</a></li>
        		<li><a href="en/services.php" class="toplink">Facilities</a></li>
        		<li><a href="en/location.php" class="toplink">Location</a></li>
        		<li><a href="en/contact.php" class="toplink">Contact</a></li>
    		</ul>	</div><!--end of nav-->
    
  	<div class="lang">
    	<select name="lang" class="list" onchange="javascript:handleSelect(this)">
        	<option value="index">English</option>
            <option value="gr/index">Greek</option>
            <option value="it/index">Italian</option>
            <option value="fr/index">French</option>
            <option value="es/index">Espaniol</option>
            <option value="de/index">German</option>
        </select>
        <div id="reserv">
        	<p>Reservation</p>
        </div>
        
        <script type="text/javascript">
function handleSelect(elm)
{
window.location = elm.value+".php";
}
</script>

    </div><!--end of lang-->
    
    </div><!--end of header-->
    
    <div class="pagetitle">
    	<div id="title">
    		About
        </div><!--end of title-->
    </div><!--end of pagetitle-->
    
    <div class="slide">
    	<img id="scroll_image" src="img/rooms/suite5.jpg" width="1000" height="350" alt="hotel-suite-1" class="" style="display: none;">
          <img id="scroll_image" src="img/rooms/suite1.jpg" width="1000" height="350" alt="hotel-suite-2" class="show" style="display:...

CSS

@charset "UTF-8";
/* CSS Document
   Created by Pantelis Papasavvas
   #55607d
 */

body{
	font-family:Arial, Helvetica, sans-serif;
     font-weight:100;
	font-size:14px;
}

.wraper{
	width:1200px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#000;*/
	position:relative;
}

.header{
	width:1200px;
	height:73px;
	/*background-color:#39C;*/
	position:relative;
	margin-left:auto;
	margin-right:auto;
	border-bottom:solid 1px #CCC;
}

.logo{
	
	width:250px;
	height:auto;
	text-align:center;
	position:relative;
	float:left;
	top:-8px;
}

#logotext{
	position:relative;
	float:left;
	margin-top:10px;
	text-align:center;
}

.delmar{
	font-size:14px;
}

/*center the img*/
img.img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
/************************/

.lang{
	position:relative;
	float:left;
	height:20px;
	margin-top:8px; /*kanonika einai 65px*/
	margin-left:15px;
}

#reserv{
	text-align:center;
	width:80px;
	height:20px;
	background-color:#495d91;
	border-radius:10px;
	line-height:20px;
	color:#fff;
}

/*the mainmenu*/
.nav{
	position:relative;
	float:left;
	font-size:12px;
	top:-20px;
	margin-left:110px;
}

.ulmenu{
	color:#999;
	text-align:center;
	margin-left:auto;
	margin-right:auto;	
}

li{
	display:inline;
	
}

li a:hover{
	color:#306;
}

.ulmenu .toplink{
	color:#999;
	line-height:80px;
    float:left;
    width:80px;
    height:80px;
    text-decoration:none;
    text-align:center;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	vertical-align:central;
	border-top:solid 2px;
	border-top-color:#FFF;
}

.ulmenu .toplink:hover{
	color:#495d91;
	line-height:80px;
    float:left;
    width:80px;
    height:80px;
    text-decoration:none;
    text-align:center;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	vertical-align:central;
	border-top:solid...

JavaScript

$(document).ready(function() {
	slideShow();
});

function slideShow() {
	var current = $('.slide .show');
	var next = current.next().length ? current.next() :current.parent().children(':first');
		current.hide().removeClass('show');
next.fadeIn().addClass('show');
setTimeout(slideShow, 3000);
}