!DOCTYPE html> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Voz da Verdade - Show em Catalão (GO)</title>
    <style>
        :root {
            --bg-color: #0f172a;
            --text-color: #f8fafc;
            --accent-color: #fbbf24;
            --card-bg: #1e293b;
        }
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: var(--bg-color);
            color: var(--text-color);
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        header {
            width: 100%;
            max-width: 1100px;
            margin-bottom: 2rem;
        }
        header img {
            width: 100%;
            height: auto;
            border-bottom: 4px solid var(--accent-color);
        }
        .container {
            width: 90%;
            max-width: 1100px;
        }
        .info-box {
            background-color: var(--card-bg);
            padding: 2rem;
            border-radius: 8px;
            margin-bottom: 2rem;
        }
        h1 { margin: 0; color: var(--accent-color); }
        .date { font-size: 1.2rem; margin-top: 0.5rem; opacity: 0.8; }
        
        .nav-bar {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            margin-bottom: 3rem;
        }
        .nav-btn {
            background-color: var(--card-bg);
            padding: 10px 20px;
            text-decoration: none;
            color: white;
            border-radius: 5px;
            border: 1px solid var(--accent-color);
        }
        
        .gallery {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
        }
        .gallery-item {
            background-color: var(--card-bg);
            padding: 10px;
            border-radius: 8px;
            text-align: center;
            transition: transform 0.2s;
        }
        .gallery-item:hover { transform: scale(1.05); }
        .gallery-item img {
            width: 100%;
            height: auto;
            border-radius: 4px;
        }
    </style>
<header> <img src="img-top2.jpg" alt="Voz da Verdade - Show em Catalão"> </header> 
<div class="container">
    <div class="info-box">
        <h1>Voz da Verdade - Show em Catalão (GO)</h1>
        <p class="date">Data: 10/05/2019</p>
    </div>

    
  <nav class="nav-bar"> <a href="index_2.htm" class="nav-btn"> Anterior</a> <span>Página 
  3 de 6</span> <a href="index_4.htm" class="nav-btn">Próximo </a> </nav> 
  <div class="gallery">
        <a href="pages/cat20.htm" class="gallery-item"><img src="thumbnails/cat20.JPG" alt="Foto 1"></a>
        <a href="pages/cat21.htm" class="gallery-item"><img src="thumbnails/cat21.JPG" alt="Foto 2"></a>
        <a href="pages/cat22.htm" class="gallery-item"><img src="thumbnails/cat22.JPG" alt="Foto 3"></a>
        <a href="pages/cat23.htm" class="gallery-item"><img src="thumbnails/cat23.JPG" alt="Foto 4"></a>
        <a href="pages/cat24.htm" class="gallery-item"><img src="thumbnails/cat24.JPG" alt="Foto 5"></a>
        <a href="pages/cat25.htm" class="gallery-item"><img src="thumbnails/cat25.JPG" alt="Foto 6"></a>
    </div>
</div>