RD5 GOLD v14.0 - FINAL BOSS

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RLV - Encabezado</title>
<style>
    body {
        margin: 0;
        font-family: Arial, sans-serif;
        background: #1a1a1a;
        color: #fff;
    }
    header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 30px;
        background: #2c1010;
        border-bottom: 2px solid #EBC25B;
    }
    .logo {
        display: flex;
        flex-direction: column;
        font-weight: bold;
    }
    .logo h1 {
        margin: 0;
        font-size: 2em;
        color: #EBC25B;
    }
    .logo span {
        font-size: 0.9em;
        color: #fff;
        font-weight: normal;
        margin-top: 2px;
    }
    nav ul {
        list-style: none;
        display: flex;
        gap: 20px;
        margin: 0;
        padding: 0;
    }
    nav ul li {
        font-size: 1em;
    }
    nav ul li a {
        color: #fff;
        text-decoration: none;
        transition: color 0.3s;
    }
    nav ul li a:hover {
        color: #EBC25B;
    }

/* Responsivo */
    @media(max-width: 768px){
        header {
            flex-direction: column;
            align-items: flex-start;
        }
        nav ul {
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 10px;
        }
    }
</style>
</head>
<body>

<header>
    <div class="logo">
        <h1>RLV</h1>
        <span>Respetando la Vida-MUSICA Y PELICULA</span>
    </div>
    <nav>
        <ul>
           <li><a href="index.html">INICIO</a></li>
           <li><a href="videos.html">VIDEOS</a></li>
           <li><a href="musica.html">MUSICA</a></li>
           <li><a href="red.html">RED SOCIAL</a></li>
          
        </ul>
    </nav>
</header><center>
 
 <center>
 <br> <br>
 
 <audio id="player"   src="https://dorix.com.co/vinilos/ENA.mp3">
</audio>
 
<button id="boton"><img src=https://dorix.com.co/vinilos/ENA0.gif width=730 >  </button>
<script type="text/javascript">
 var v = document.getElementsByTagName("audio")[0];
 var sound = false;
 
 var boton = document.getElementById("boton");
 boton.addEventListener("click", function(){
	if (!sound) {
		v.play();
		this.innerHTML ="<img src=https://dorix.com.co/vinilos/ENA.gif width=730></button>";
		sound = true;
	} else {
		v.pause();
		this.innerHTML ="<img src=https://dorix.com.co/vinilos/ENA0.gif width=730 >  ";
		sound = false;
	}
 });

</script>
<body bgcolor="black"><font face="arial"><font color="white"><font face="verdana"> <FONT SIZE="2">
<br><br> <center>
 
<button onclick="document.getElementById('player').volume -= 0.1;">  <img src="https://dorix.com.co/vinilos/XVOL1.GIF" width="80" height="24" >  </a></button> 
 
-VOLUMEN+

<button onclick="document.getElementById('player').volume += 0.1;">  <img src="https://dorix.com.co/vinilos/XVOL2.GIF " width="80" height="24" >  </a></button>
 
 
   <br><br>   <font size="5"><font color="white"><font face="arial">
EL EVENTO <BR>

<br>
<script>!function(r,u,m,b,l,e){r._Rumble=b,r[b]||(r[b]=function(){(r[b]._=r[b]._||[]).push(arguments);if(r[b]._.length==1){l=u.createElement(m),e=u.getElementsByTagName(m)[0],l.async=1,l.src="https://rumble.com/embedJS/u4"+(arguments[1].video?'.'+arguments[1].video:'')+"/?url="+encodeURIComponent(location.href)+"&args="+encodeURIComponent(JSON.stringify([].slice.apply(arguments))),e.parentNode.insertBefore(l,e)}})}(window, document, "script", "Rumble");</script>

<div id="rumble_v110mrt"></div>
<script>
Rumble("play", {"video":"v110mrt","div":"rumble_v110mrt"});</script>

<br>  
 
  
RLV - 2024-2026

</body>
</html>