JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="rslides">
             <li><img src="1.jpg" alt=""></li>
             <li><img src="2.jpg" alt=""></li>
             <li><img src="3.jpg" alt=""></li>
        </ul>
    
        <nav class="horizontal-nav">
  <ul>
    <li><a href="#">Principal</a></li>
    <li><a href="#">Habitaciones</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Contacto</a></li>
    <li><a href="#">Localizacion</a></li>
  </ul>
</nav>

CSS

//css del plugin para las imagenes       
            
  .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 75%;
  padding: 0;
  margin: 0;
  top: 10px;
  left: 450px;
  border-radius: 10px;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 50%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 75%;
  border: 0;
  }
  
  #cuerpo{
      background-image: url(fondo.jpg);
  }
  
  //css del menu
  
 .horizontal-nav {
  background: #efefef;
  border-radius: 6px;
}
.horizontal-nav ul {
  background: #128F9A;
  float: left;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #0e7079;
}
.horizontal-nav ul li {
  float: left;
  border-left: 1px solid #0e7079;
}
.horizontal-nav ul li:first-child {
  border-left: 0 none;
}
.horizontal-nav ul li a {
  display: block;
  padding: 10px 20px;
  color: #fff;
  border-top: 1px solid rgba(255,255,255, 0.25);
  border-left: 1px solid rgba(255,255,255, 0.25);
}
.horizontal-nav ul li:first-child a {
  border-left: 0 none;
}
.horizontal-nav ul li a:hover {
  background: #12808a;
}
.horizontal-nav ul li:first-child a {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.horizontal-nav ul li:last-child a {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.horizontal-nav{
    position: absolute;
    top: 350px;
    left: 370px;
    
}

JavaScript

//jquery del slider de las imagenes

$(function() {
    $(".rslides").responsiveSlides();
  });
  

//jquery del menu

  $(document).ready(function() {
  $('.full-width').horizontalNav({});
});