LiteSpeed
tcp/80
Open service 162.0.232.184:80 · amgriver.com
2026-01-09 14:47
HTTP/1.1 200 OK
keep-alive: timeout=5, max=100
content-type: text/html
last-modified: Sat, 31 May 2025 02:34:08 GMT
accept-ranges: bytes
content-length: 27686
date: Fri, 09 Jan 2026 14:47:49 GMT
server: LiteSpeed
x-turbo-charged-by: LiteSpeed
connection: close
Page title: AMGRIVER
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AMGRIVER</title>
<!-- Cargar la fuente Roboto desde Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container:first-of-type {
margin-top: 90px; /* Ajusta según la altura del header */
}
body {
font-family: 'Roboto', sans-serif; /* Asegurar que se use Roboto */
line-height: 1.6;
background: #f0f0f0 url('imagenes/fondo.jpg') no-repeat center center fixed;
background-size: cover;
color: #333;
text-align: center;
}
header {
position: fixed; /* Hace que el header flote */
top: 0; /* Fija el header en la parte superior */
width: 100%; /* Ocupa todo el ancho de la pantalla */
z-index: 1000; /* Asegura que esté por encima de otros elementos */
display: flex;
justify-content: space-between;
align-items: center;
padding: 2px 20px;
background-color: rgba(30, 45, 59, 0.9);
color: white;
}
header img {
height: 50px;
}
#menu-toggle {
display: none;
font-size: 24px;
background: none;
border: none;
color: white;
cursor: pointer;
}
nav {
display: flex;
}
nav ul {
list-style: none;
display: flex;
gap: 20px;
margin: 0;
padding: 0;
}
nav ul li a {
text-decoration: none;
color: white;
font-weight: bold;
}
@media (max-width: 768px) {
#menu-toggle {
display: block;
}
nav {
display: none;
flex-direction: column;
position: absolute;
top: 60px;
right: 0;
background-color: rgba(30, 45, 59, 0.9);
width: 100%;
text-align: center;
}
nav.active {
display: flex;
}
nav ul {
flex-direction: column;
gap: 10px;
}
}
.container {
margin-top: 70px; /* Ajusta según la altura de tu header */
max-width: 1200px;
margin: 20px auto;
padding: 25px;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
text-align: center;
}
.services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 20px;
}
.service-box {
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 5px;
padding: 15px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
text-align: left;
}
.carousel {
position: relative;
width: 100%;
max-width: 800px;
margin: 20px auto;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.carousel-images {
display: flex;
transition: transform 0.5s ease-in-out;
}
.carousel-images img {
width: 50%;
flex-shrink: 0;
}
.carousel-buttons {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
}
.carousel-button {
background: rgba(0, 0, 0, 0.5);
border: none;
color: white;
font-size: 18px;
padd